@charset "utf-8";
/*==========================
	@name:工联海淘---公共样式文件
	@date:2015-8-6
	@author:jf
==========================*/
.pageView a{text-decoration:none;}

.pageView .mainNav{height:38px;/*border-top:3px solid #0071bc;*/border-bottom:1px solid #e4e4e4;position:relative;z-index:10;}
.pageView .mainNav .navBox{position:relative;}
.pageView .mainNav .navBox .nav-cnt{padding-left:200px;}
.pageView .mainNav .navBox .nav-cnt li{width:135px;float:left;height:38px;line-height:38px;}
.pageView .mainNav .navBox .nav-cnt li a{color:#000000;}
.pageView .mainNav .navBox .nav-cnt li a:hover,.mainNav .navBox .nav-cnt li a.oncur{ color:#f42a50;}
.navBox .nav-cat{width:200px;position:absolute;left:0;top:-3px;}
/*.navBox .nav-cat .category{width:200px;height:399px;}*/
.navBox .nav-cat .category{height:521px;}
.navBox .nav-cat .category h2{height:41px;line-height:41px;background-color:#151515;color:#fefeff;}
.navBox .nav-cat .category h2 span{color:#fff;display:block;background:url(../images/sort_icon.png)28px 15px no-repeat;}
/*.navBox .nav-cat .category .cat-list{height:400px;padding-top:1px;background-color:#2b2a2f;padding-left:2px;width:198px;position:relative;z-index:10;}*/
.navBox .nav-cat .category .cat-list{height:480px;padding-top:1px;background-color:#2b2a2f;padding-left:2px;width:198px;position:relative;z-index:10;}
/*.navBox .nav-cat .category .cat-list li{height:80px;}*/
.navBox .nav-cat .category .cat-list li{height:96px;}
/*.navBox .nav-cat .category .cat-list li .libox{height:79px;line-height:1;width:120px;padding-left:40px;margin:0 auto;border-bottom:1px dashed #666;background-image:url(../images/nav_icon.png);background-repeat:no-repeat;}*/
.navBox .nav-cat .category .cat-list li .libox{height:95px;line-height:1;width:120px;padding-left:40px;margin:0 auto;border-bottom:1px dashed #666;background-image:url(../images/nav_icon.png);background-repeat:no-repeat;}
/*.cat-list li .libox.modv1{background-position:7px 11px;}
.cat-list li .libox.modv2{background-position:4px -70px;}
.cat-list li .libox.modv3{background-position:7px -150px;}
.cat-list li .libox.modv4{background-position:7px -230px;}
.cat-list li .libox.modv5{background-position:4px -310px;}*/
.cat-list li .libox.modv1{background-position:7px 16px;}/*母婴用品*/
.cat-list li .libox.modv2{background-position:9px -77px;}/*美妆个护*/
.cat-list li .libox.modv3{background-position:8px -173px;}/*食品保健*/
.cat-list li .libox.modv4{background-position:7px -269px;}/*服饰鞋包*/
.cat-list li .libox.modv5{background-position:9px -365px;}/*生活数码*/


/*.category .cat-list li .libox h3{padding-top:12px;}*/
.category .cat-list li .libox h3{padding-top:17px;}
.category .cat-list li .libox h3.first a{color:#fcf9f9;font-weight:normal;}
.category .cat-list li .libox h3.first a:hover{ text-decoration:underline;}
/*.category .cat-list li .libox .second{ padding-top:7px; height:36px; overflow:hidden;}*/
.category .cat-list li .libox .second{ padding-top:12px; height:40px; overflow:hidden;}
.category .cat-list li .libox .second a{color:#a9a8a8;font-size:12px;line-height:1;display:inline-block; line-height:20px;}
.category .cat-list li .libox .second a:hover{ text-decoration:underline; }
.navBox .nav-cat .category .cat-list li.last .libox{border-bottom:none;}

.navBox .nav-cat .category .cat-list li.oncur{background-color:#f31d45;}
.category .cat-list li.oncur .libox .second a{color:#faf8f8;}

.category .cat-pop{position:absolute;left:200px;top:42px;z-index:9;background-color:#999;width:220px;height:479px;background-color:#fff;border-bottom:1px solid #e4e1e1;}
.category .cat-pop .secondList{padding:0 20px 0 30px;}
.category .cat-pop .secondList a{display:inline-block;width:50%;float:left;color:#807d7d;font-size:12px;font-family:'microsoft yahei';text-align:left;padding-top:13px;padding-bottom:3px;line-height:1;}
.category .cat-pop .secondList a:hover{ color:#f42a50; text-decoration:underline;}
.category .cat-pop .navimg{position:absolute;bottom:0; *+bottom:-3px;left:25px;}
.category .cat-pop .navimg img{ width:180px; height:180px;}
.category .cat-pop .popbox{display:none;height:479px;position:relative;left:-5px;}
.category .cat-pop .popbox.show{display:block;}

.pageView .slideBox,.slideBox .sideList,.sideList .s-box,.s-box .category-menuBox,.sideList .s-box .category-menuBox .menu-img{height:480px;}
.pageView .slideBox{position:relative;z-index:9;}
.pageView .slideBox .sideList{position:absolute;left:0;top:0;width:100%;z-index: 9;}
.pageView .slideBox .sideList .s-box{position:relative;}
.pageView .slideBox .sideList .s-box .category-menuBox{width:100%;position:absolute;left:0;top:0;}
/*.sideList .s-box .category-menuBox .menu-img{width:800px;padding-left:10px;}*/
.sideList .s-box .category-menuBox .menu-img{width:100%;background-repeat:no-repeat;background-position:center top;}
.sideList .s-box .category-menuBox .menu-img a{display:block;height:480px;}

.pageView .slideBox .sideimg{width:1190px;margin: auto;position:relative;z-index:10;}
.pageView .slideBox .sideimg .sirightimg img{ width:190px; height:480px;}
/*.pageView .slideBox .sideList .inpage{display:inline-block;margin:0 auto;position:relative;top:355px;margin-left:10px;}*/
.pageView .slideBox .sideList .inpage{display:inline-block;margin:0 auto;position:relative;top:437px;margin-left:200px;}
.pageView .slideBox .sideList .inpage a{color:#fff;width:96px;height:26px;font-size:12px;font-family:'microsoft yahei';display:inline-block;line-height:26px;text-align:center;margin-right:1px;}
.pageView .slideBox .sideList .inpage a span{display: block;position:absolute;width:96px;height:26px;}
.pageView .slideBox .sideList .inpage a span.bg{z-index:9;background-color:#010101;filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}
.pageView .slideBox .sideList .inpage a span.text{z-index:10;}
.pageView .slideBox .sideList .inpage a.oncur span.bg,.pageView .slideBox .sideList .inpage a:hover span.bg{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/*.pageView .slideBox .sideimg .snext{display:none;width:40px;height:100px;position:absolute;top:150px;}*/
.pageView .slideBox .sideimg .snext{display:none;width:35px;height:65px;position:absolute;top:193px;}
.pageView .slideBox .sideimg .snext span{display:inline-block;width:35px;height:65px;position:absolute;left:0;top:0;}
/*.pageView .slideBox .sideimg .snext span.bg{z-index:9;background-color:#010101;filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}*/
.pageView .slideBox .sideimg .snext span.bg{z-index:9;background-color:#010101;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.pageView .slideBox .sideimg .snext span.text{z-index:10;background:url(../images/direction.png) no-repeat;background-size:20px;}
.pageView .slideBox .sideimg .sleft{left:200px;}
.pageView .slideBox .sideimg .sright{right:0;}

.pageView .slideBox .sideimg .snext.sleft span.text{background-position:10px 20px;}
.pageView .slideBox .sideimg .snext.sright span.text{background-position:12px -75px;}

/***********************  *************************/
.pageView .topTage{height:120px;border-bottom:1px solid #e4e4e4;}
.pageView .topTage .tageBox li{width:25%;*width:24.9%;float:left;}
.pageView .topTage .tageBox li p{text-align:left;display:inline-block;padding-left:150px;height:120px;background-image:url(../images/topTage_icon.png);background-repeat:no-repeat;background-position:70px 30px;}
/*.pageView .topTage .tageBox li:hover span.t,.pageView .topTage .tageBox li:hover span.b{color:#b61747;}*/
.pageView .topTage .tageBox li p span{ display:block;line-height:1;}
.pageView .topTage .tageBox li p span.t{padding-top:40px;color:#333;font-weight:700;}
.pageView .topTage .tageBox li p span.b{padding-top:10px;color:#666;}

.pageView .topTage .tageBox li.va2 p{background-position:70px -90px;}
.pageView .topTage .tageBox li.va3 p{background-position:70px -210px;}
.pageView .topTage .tageBox li.va4 p{background-position:70px -330px;}

/*.pageView .topTage .tageBox li:hover.va1 p{background-position:70px -450px;}
.pageView .topTage .tageBox li:hover.va2 p{background-position:70px -570px;}
.pageView .topTage .tageBox li:hover.va3 p{background-position:70px -690px;}
.pageView .topTage .tageBox li:hover.va4 p{background-position:70px -810px;}*/

.pageView  h3.hd{line-height:1;font-size:26px;font-weight:normal;padding-top:40px;color:#333;}
.pageView  h3.hd span{color:#4c4c4c;font-size:16px;font-family:Arial;padding-left:10px;display:inline-block;}
/*.pageView .marketHot .markList{padding-top:17px;position:relative;}*/
.pageView .marketHot .markList{margin-top:17px;position:relative;height:404px;background:#fff;}
.pageView .marketHot .markList .m-box{width:100%;position:relative;overflow:hidden;}
.pageView .marketHot .markList .list{width:1200px;position:relative;}
/*.pageView .marketHot .markList .list li{width:230px;background-color:#fff;float:left;margin-right:10px;}*/
.pageView .marketHot .markList .list li{width:298px;background-color:#fff;float:left;padding-right:1px;background:url(../images/line_icon.png)right center no-repeat;height:404px;}
/*.pageView .marketHot .markList .list li .img{position:relative;padding:10px 15px; width:200px; height:200px;display: table-cell; vertical-align:middle;text-align:center;*display: block; *font-size: 180px;*font-family:Arial;}*/
.pageView .marketHot .markList .list li:last-child{background:none;}
.pageView .marketHot .markList .list li .img{position:relative;padding:10px 13px 10px 14px; width:270px; height:270px;display: table-cell; vertical-align:middle;text-align:center;*display: block; *font-size: 180px;*font-family:Arial;}
.pageView .marketHot .markList .list li .img img{vertical-align:middle;max-width:270px;max-height:270px;}

.pageView .marketHot .markList .list li:hover .price .cart{background-position:0 -48px;}

.pageView .marketHot .markList .list li .img span.lable{display:inline-block;position:absolute;left:20px;top:0; background:url(../images/bg_discount.png) no-repeat; width:56px; height:56px; padding-top:5px; color:#fff; font-size:16px;}
.pageView .marketHot .markList .list li .img span.lable span{ font-size:20px;}
.pageView .marketHot .markList .list li .img span.lable img{width:auto;height:auto;}
/*.pageView .marketHot .markList .list li .img a{width:200px;height:200px;}*/
.pageView .marketHot .markList .list li .img a{display:inline-block;}
.pageView .marketHot .markList .list li .title,.markList .list li .price{padding:0 20px;}
/*.pageView .marketHot .markList .list li .title{ line-height:22px; height:44px; overflow:hidden;}*/
.pageView .marketHot .markList .list li .title{ line-height:18px; height:36px; overflow:hidden;padding-top:6px;}
.pageView .marketHot .markList .list li .title a{color:#333;}
.pageView .marketHot .markList .list li .title a:hover{ color:#f42a50; text-decoration:underline;}
.markList .list li .price{position:relative;}
/*.markList .list li .price .p{line-height:1;color:#b61747;font-size:26px;font-weight:700;padding-top:15px;}*/
.markList .list li .price .p{line-height:1;color:#f42a50;font-size:26px;font-weight:700;padding-top:10px;}
.markList .list li .price .p span{font-size:18px; font-family: 'microsoft yahei'}
/*.markList .list li .price .pt{color:#666;line-height:1;padding-top:10px;padding-bottom:13px;}*/
.markList .list li .price .pt{color:#666;line-height:1;padding-top:6px;padding-bottom:13px;padding-left:2px;font-family:"microsoft yahei";}
.markList .list li .price .pt span,.markList .list li .price .p{font-family: arial;}
.markList .list li .price .pt span{display:inline-block;vertical-align:middle;}
/*.markList .list li .price .cart{width:50px;height:50px;display:inline-block;position:absolute;right:10px;bottom:10px;background:url(../images/hot_icon.png) -150px -150px no-repeat;}*/
.markList .list li .price .cart{width:90px;height:38px;display:inline-block;position:absolute;right:20px;bottom:15px;/* background:url(../images/cart_icon.png) 0 0 no-repeat; */
line-height: 38px;text-align: center;background-color: #ffd9e0;color:#f31d45;font-size: 18px;font-family: 'microsoft yahei';border-radius: 5px;
}

.pageView .marketHot .markList .pre{width:28px;height:62px;top:50%; margin-top:-31px;display:inline-block;position:absolute;}
.pageView .marketHot .markList .pre.left{left:0;}
.pageView .marketHot .markList .pre.right{right:0;}
.pageView .marketHot .markList .pre.right span.text{background-position:0 -62px;}
.pageView .marketHot .markList .pre span{display:block;position:absolute;width:28px;height:63px;left:0;top:0;}
.pageView .marketHot .markList .pre span.bg{z-index:9;background:#000;opacity: 0.2;-webkit-opacity:0.2;-moz-opacity:0.2;filter:alpha(opacity=20);}
.pageView .marketHot .markList .pre:hover span{background:#000;opacity: 0.3;-webkit-opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);}
.pageView .marketHot .markList .pre span.text{z-index:11;background:url(../images/lr_icon.png) 0 0 no-repeat;}

.pageView .stateMarket .stateBox{border-top:3px solid #3d3d3d;margin-top:16px;}
.stateMarket .stateBox .hd{height:79px;background-color:#ebeaea;}
.stateMarket .stateBox .hd li{cursor:pointer;float:left;width:238px;height:79px;font-size:0;background:url(../images/hot_icon.png)0 -221px no-repeat;}
.stateMarket .stateBox .hd li p{font-size:14px;display:inline-block;vertical-align:middle;}
.stateMarket .stateBox .hd li p.img{width:60px;height:60px;padding-top:10px;}
.stateMarket .stateBox .hd li p.text{padding-left:10px;padding-top:10px;color:#4c4c4c;}
.stateMarket .stateBox .hd li p.text span{display:block;line-height:1;}
.stateMarket .stateBox .hd li p.text span.t{font-size:22px;}
.stateMarket .stateBox .hd li p.text span.b{font-size:14px;font-family:arial;padding-top:10px;}
.stateMarket .stateBox .hd li .pbox{height:79px;}
.stateMarket .stateBox .hd li.first{background:none;}
.stateMarket .stateBox .hd li:hover .pbox,.stateMarket .stateBox .hd li.oncur .pbox{background-color:#3d3d3d;}
.stateMarket .stateBox .hd li:hover p.text,.stateMarket .stateBox .hd li.oncur p.text{color:#fff;}

.stateMarket .stateBox .listBox{width:100%;overflow:hidden;}
.stateMarket .stateBox .listBox .content-ul{position:relative;height:476px;}
.stateMarket .stateBox .listBox .content-ul .content-li{position:absolute;left:0;top:0;}
.stateMarket .stateBox .listBox .cbox{width:714px;background-color:#fff;position:relative;}
.stateMarket .stateBox .listBox .cbox .item li{float:left;width:237px;height:237px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.stateMarket .stateBox .listBox .cbox .item li.first-item{margin-right:477px;border-top:1px solid #E5E5E5;height:236px;}
.stateMarket .stateBox .listBox .cbox .item li .img{padding:10px 48px 10px 49px; width:140px; height:140px;display: table-cell; vertical-align:middle;text-align:center;*display: block; *font-size: 120px;*font-family:Arial;}
.stateMarket .stateBox .listBox .cbox .item li .img a img{vertical-align:middle;max-width:140px;max-height:140px;}
.stateMarket .stateBox .listBox .cbox .item li .title{padding:0 20px; height:40px; overflow:hidden;}
.stateMarket .stateBox .listBox .cbox .item li .title a{color:#666;line-height:20px;}
.stateMarket .stateBox .listBox .cbox .item li .title a:hover{ color:#f42a50; text-decoration:underline;}
.stateMarket .stateBox .listBox .cbox .item li .title a span{display:inline-block;height:18px;line-height:18px;padding:0 5px;color:#f31d45;border:1px solid #f31d45;background-color:#fce5ec;margin-right:5px;}
.stateMarket .stateBox .listBox .cbox .item li .price{line-height:1;padding:0 20px;padding-top:5px;color:#f42a50;font-size:18px;}
.stateMarket .stateBox .listBox .content-li .imgr{border:1px solid #E5E5E5;border-left:none;width:237px;}

.stateMarket .stateBox .listBox .cbox .lopsider{width:475px;height:236px;border:1px solid #e5e5e5;border-left:none;position:absolute;right:0;top:0;overflow:hidden;}
.stateMarket .stateBox .listBox .cbox .lopsider ul{position:relative;}
.stateMarket .stateBox .listBox .cbox .lopsider li{float:left;}
.stateMarket .stateBox .listBox .cbox .lopsider li a,.stateMarket .stateBox .listBox .cbox .lopsider li a img{display:block;width:475px;height:236px;}
.cbox .lopsider .ipage,.cbox .lopsider .spre{position:absolute;z-index:9;}
.cbox .lopsider .ipage{width:100%;text-align:center;height:10px;bottom:10px;left:0;}
.cbox .lopsider .ipage a{width:10px;height:10px;display:inline-block;background-image:url(../images/hot_icon.png);background-position:-135px -86px;background-repeat:no-repeat;margin-right:10px;}
.cbox .lopsider .ipage a:hover,.cbox .lopsider .ipage a.oncur{background-position:-115px -86px;}
.cbox .lopsider .spre{width:28px;height:62px;top:50%;margin-top:-31px;background-image:url(../images/hot_icon.png);background-position:0 -86px;}
.cbox .lopsider .spre.left{left:0;}
.cbox .lopsider .spre.right{background-position:-64px -86px;right:0;}

.pageView .module9 .hd{padding-bottom:17px;*padding-bottom:10px;border-bottom:3px solid #000;}
.pageView .module9 .hd .more a{color:#666;display:inline-block;font-size:14px;height:25px; line-height:25px;*line-height:23px;}
.pageView .module9 .hd .more a.tab{padding:0 17px;margin-right:10px;}
.pageView .module9 .hd .more a.oncur,.pageView .module9 .hd .more a.tab:hover{background:#f42a50;color:#fff;border-radius:2px;}
.pageView .module9 .hd .more a.moreBox:hover{color:#b61747;}

.pageView .module9 .c-list p.img,.pageView .module9 .c-list p.img a,.pageView .module9 .c-list p.img img{width:238px;height:477px;}
.pageView .module9 .c-list p.img a{ position:relative; display:block;}
.pageView .module9 .c-list p.img a span.opacity{ position:absolute; top:417px; height:60px; line-height:60px; left:0; width:238px; display:block; color:#fdfcfc;font-family:"microsoft yahei"; font-size:16px;}
.pageView .module9 .c-list p.img a span.opacity span{position:absolute;left:0;top:0;width:100%;height:60px;display:block;}
.pageView .module9 .c-list p.img a span.opacity span.bg{z-index:9;background:#000000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
.pageView .module9 .c-list p.img a span.opacity span.text{z-index: 10;}
.pageView .module9 .c-list .list238{width:952px;}
.pageView .module9 .c-list .list238 a{float:left;display:inline-block;}
.pageView .module9.modv1 .hd{border-color:#530a82;}/*母婴用品*/
.pageView .module9.modv2 .hd{border-color:#b7127b;}/*美妆个护*/
.pageView .module9.modv3 .hd{border-color:#2a981e;}/*食品保健*/
.pageView .module9.modv4 .hd{border-color:#915e13;}/*服饰鞋包*/
.pageView .module9.modv5 .hd{border-color:#191391;}/*生活数码*/

.pageView .module9 .content{position:relative;height:477px;}
.pageView .module9 .content .c-list{position:absolute;left:0;top:0;}


/************ 动画效果 ***************/
/* 定义五大分类动画 */
.navBox .nav-cat .category .cat-list li .libox{transition: all 0.3s;}
.navBox .nav-cat .category .cat-list li.oncur .libox{transform: translate3d(5px,0,0);}
/* 定义五大分类动画 */

.marketHot a img,.listBox .img a img{transition: all 0.6s;border:1px solid transparent;}
.marketHot a:hover img,.listBox .img a:hover img{transform: translate3d(-10px,0,0);}





/*** 右侧更随提示 ***/
.sideTip{position:fixed;right:120px;top:200px;width:36px;z-index:99999;}
.sideTip .tipBox a{width:24px;padding:4px 5px;margin-bottom:5px;font-size:12px;line-height:13px;background-color:#fff;border:1px solid #dddddd;display: block; text-align: left;}
.sideTip .tipBox a:hover,.sideTip .tipBox a.oncur{background:#f42a50;color:#fff;border-color:#f42a50;}
.sideTip .tipBox a.cart,.sideTip .tipBox a.top{background:url(../images/common/side_icon.png) no-repeat #fff;height:26px;}
.sideTip .tipBox a.cart{background-position:-1px -1px;}
.sideTip .tipBox a.top{background-position:-1px -36px;}
.sideTip .tipBox a.cart:hover,.sideTip .tipBox a.top:hover{background-color:#f42a50;}
.sideTip .tipBox a.cart:hover{background-position:-1px -71px;}
.sideTip .tipBox a.top:hover{background-position:-1px -106px;}
.sideTip .tipBox a.cart .numBox{right:-9px;top:-9px;background-color:#f42a50;}
.sideTip .tipBox a.cart:hover .numBox{-webkit-animation:shake-vertical 3s infinite;-moz-animation:shake-vertical 3s infinite;animation:shake-vertical 3s infinite}
@keyframes shake-vertical {
	0%, 100% {-webkit-transform:translateY(0);transform:translateY(0)}
	10%, 30%, 50%, 70%, 90% {-webkit-transform:translateY(-2px);transform:translateY(-2px)}
	20%, 40%, 60%, 80% {-webkit-transform:translateY(-4px);transform:translateY(-4px)}
}
@-webkit-keyframes shake-vertical {
	0%, 100% {-webkit-transform:translateY(0);transform:translateY(0)}
	10%, 30%, 50%, 70%, 90% {-webkit-transform:translateY(-2px);transform:translateY(-2px)}
	20%, 40%, 60%, 80% {-webkit-transform:translateY(-4px);transform:translateY(-4px)}
}
@-moz-keyframes shake-vertical {
	0%, 100% {-webkit-transform:translateY(0);transform:translateY(0)}
	10%, 30%, 50%, 70%, 90% {-webkit-transform:translateY(-2px);transform:translateY(-2px)}
	20%, 40%, 60%, 80% {-webkit-transform:translateY(-4px);transform:translateY(-4px)}
}