.mod-category{
width:190px;
height:188px;
border:1px solid #bb2025;
*overflow:hidden;
}
.mod-category .header{
height:28px;
background:#cd0000;
}
.mod-category .title{
margin-left:10px;
line-height:28px;
font-size:14px;
font-weight:700;
color:#fff;
}
.mod-category .category-item{
position:relative;
*z-index:8;
padding:0 5px;
}
.mod-category .category-item .cat-header{
height:30px;
line-height:30px;
border-bottom:1px dashed #e2e2e2;
}
.mod-category .category-item .last-cat{
border-bottom:none;
}
.mod-category .category-item .cat-header h4 a{
float:left;
margin-right:-24px;
display:inline-block;
padding:0 10px;
height:30px;
line-height:30px;
width:160px;
font-weight:700;
color:#b10000;
}
.mod-category .over .cat-header h4 a{
display:inline-block;
height:30px;
line-height:30px;
background:#cc0000;
color:#fff;
}
.mod-category .over .cat-header div{
background-color:#cc0000;
}
.mod-category .over .cat-header div a{
background-color:#cc0000;
}
.mod-category .cat-header div{
*z-index:1;
float:right;
margin-left:-18px;
margin-right:8px;
height:24px;
line-height:26px;
}
.mod-category .category-item .cat-content{
*z-index:2;
margin:0 5px;
width:180px;
padding-top:8px;
border-top:1px dashed #e2e2e2;
}
.mod-category .category-item .cat-content ul{
*z-index:-1;
}
.mod-category .category-item .cat-content .list{
padding-bottom:13px;
width:180px;
border-bottom:1px dashed #e2e2e2;
overflow:hidden;
}
.mod-category .category-item li{
float:left;
padding:0 5px;
}
.mod-category a{
color:#333;
}
.mod-category .item-1lt{
margin-top:3px;
}
.mod-category .detail{
z-index:91;
}
.mod-category .over .detail{
z-index:91;
display:block;
position:absolute;
padding:10px 18px;
top:0;
left:185px;
width:410px;
border:2px solid #cd0000;
background:#fff;
}
.mod-category .cell-tags{
padding:8px 0;
width:410px;
border-bottom:1px dashed #ccc;
}
.mod-category .cell-tags dt{
background: url("//cbu01.alicdn.com/cms/upload/industrial/v3/decoration.png") no-repeat scroll 0 0 transparent;
}
.mod-category .cell-tags dt{
float:left;
margin-right:10px;
padding:0 0 0 6px;
background-position: 0 -170px;
width:65px;
height: 24px;
line-height: 24px;
overflow: hidden;
}
.mod-category .cell-tags dt a{
color:#cc0000;
}
.mod-category .cell-tags dd{
margin-left:82px;
height: 24px;
line-height: 24px;
}
.mod-category .cell-tags dd li{
width:67px;
overflow: hidden;
}
.mod-category .cell-tags dd li a{
color:#333;
}
.mod-img-tab{
height:188px;
}
.mod-img-tab .f-tab-b{
height:162px;
}
*html .mod-img-tab .f-tab-b{
margin-bottom:-3px;
}
.mod-img-tab .f-tab-b img{
height:162px;
width:512px;
}
.mod-img-tab .list{
height:26px;
border:1px solid #ddd;
}
.mod-img-tab .f-tab-t{
float:left;
height:26px;
line-height:26px;
width:169px;
background:#f8f8f8;
border-right:1px solid #ddd;
text-align:center;
}
.mod-img-tab .current{
background:#bc1d1d;
}
.mod-img-tab .f-tab-t a{
color:#6b6a6a;
}
.mod-img-tab .current a{
font-weight:700;
color:#fff;
}
.mod-market-dyn{
height:188px;
border:1px solid #ddd;
overflow:hidden;
}
.mod-market-dyn .header{
padding:0 8px;
height:26px;
background:#f0f0f0;
}
.mod-market-dyn .title{
line-height:26px;
color:#333;
font-size:14px;
font-weight:700;
}
.mod-market-dyn .cell-list-txt{
padding:10px 8px;
}
.mod-market-dyn li{
line-height:20px;
}
.mod-market-dyn .lable a{
color:#999;
}
.mod-market-dyn .lable em{
color:#ce0000;
}
.mod-market-dyn .txt a{
color:#4e4e4e;
}
.mod-new-source li{
float:left;
}
.mod-new-source .source-tab-t{
margin:6px 0 5px 0;
width:750px;
height:28px;
line-height:28px;
background:url("//cbu01.alicdn.com/cms/upload/industrial/processhssg/images/source-tab-bg.png") repeat-x 0 0;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
overflow:hidden;
}
.mod-brand-recom .mar-left,.mod-brand-recom .mar-right,.mod-brand-recom .mar-left:hover,.mod-brand-recom .mar-left:active,.mod-brand-recom .mar-right:hover,.mod-brand-recom .mar-right:active{
background:url("//cbu01.alicdn.com/cms/upload/industrial/seg/seg-bg.png") no-repeat 0 0;
}
.mod-new-source .source-list{
float:left;
}
.mod-new-source .source-tab-t .title{
float:left;
margin:0 40px 0 12px;
line-height:29px;
color:#333;
font-size:14px;
font-weight:700;
}
.mod-new-source .source-list .f-tab-t{
margin:1px 10px 0 10px;
width:112px;
height:28px;
line-height:32px;
text-align:center;
font-weight:700;
color:#333;
}
.mod-new-source .source-list .current{
height:28px;
overflow:hidden;
background:url("//cbu01.alicdn.com/cms/upload/industrial/seg/seg-button.png") no-repeat 0 -25px;
}
.mod-new-source .source-list .f-tab-t span{
display:inline-block;
margin-top:1px;
cursor:pointer;
}
.mod-new-source .f-tab-b{
width:752px;
height:224px;
}
.mod-new-source .ns-list{
float:left;
margin-left:1px;
width:466px;
}
.mod-new-source .ns-list li{
position:relative;
padding-left:7px;
width:459px;
height:33px;
border-bottom:1px dashed #dcdcdc;
}
.mod-new-source .first-row{
margin-left:0;
padding-left:7px;
width:459px;
height:20px;
line-height:20px;
border:none;
background:#e6e6e6;
}
.mod-new-source .first-row span{
display:inline-block;
margin-right:15px;
height:20px;
line-height:20px;
color:#333!important;
}
.mod-new-source .ns-list li span{
display:inline-block;
float:left;
margin-right:15px;
height:33px;
line-height:33px;
color:#999;
overflow:hidden;
}
.mod-new-source span.lable{
width:160px;
}
.mod-new-source .lable a{
color:#666;
}
.mod-new-source span.brand{
width:70px;
}
.mod-new-source span.model{
width:112px;
}
.mod-new-source .ns-img-list{
float:left;
margin-left:20px;
width:264px;
}
.mod-new-source .ns-img-list li{
margin-bottom:5px;
padding:5px;
width:252px;
height:60px;
border:1px solid #ccc!important;
color:#999;
overflow:hidden;
}
.mod-new-source .ns-img-list dt a{
float:left;
margin-right:18px;
width:60px;
height:60px;
}
.mod-new-source .ns-img-list dt a img{
width:60px;
height:60px;
}
.mod-new-source .ns-img-list li .lable{
font-weight:700;
}
.mod-new-source .ns-img-list li .lable a{
color:#666;
}
.mod-recom-list{
margin-top:20px;
height:202px;
}
.mod-recom-list .border-bottom,.mod-brand-recom .border-bottom,.mod-more-act .border-bottom{
float:left;
width:952px;
height:24px;
line-height:24px;
border-bottom:2px solid #ccc;
}
.mod-recom-list .border-bottom span,.mod-brand-recom .border-bottom span,.mod-more-act .border-bottom span{
display:inline-block;
width:192px;
height:24px;
line-height:24px;
font-size:18px;
font-weight:700;
color:#990000;
border-bottom:2px solid #990000;
}
.mod-recom-list .sub-title{
color:#9f9f9f;
}
.mod-recom-list .product-list{
float:left;
margin-top:11px;
padding:1px;
}
.mod-recom-list li{
position:relative;
height:164px;
width:302px;
margin-right:19px;
border:1px solid #e9e9e9!important;
float:left;
overflow:hidden;
}
.mod-recom-list .product-left{
float:left;
padding:15px 10px;
width:134px;
}
.mod-recom-list .product-right{
float:right;
width:140px;
height:164px;
border-left:1px solid #e9e9e9;
}
.mod-recom-list .product-list dd{
color:#999;
line-height:20px;
}
.mod-recom-list .product-list .name{
margin-bottom:10px;
font-weight:700;
}
.mod-recom-list .product-list .name a{
color:#666;
}
.mod-recom-list .product-list .d-button{
position:absolute;
top:130px;
left:36px;
text-align:center;
}
.mod-recom-list .product-list .p-name,.mod-recom-list .product-list .price{
text-align:center;
}
.mod-recom-list .product-right dt{
margin:14px auto 0 auto;
width:100px;
height:130px;
text-align:center;
overflow:hidden;
}
.mod-recom-list .product-right dt .description{
display:inline-block;
margin-top:3px;
font-size:12px;
line-height:14px;
color:#333;
}
.mod-recom-list .product-right dd .price{
line-height:15px;
}
.mod-recom-list .product-right dt a:hover .description{
text-decoration: underline;
color:#ff7300;
}
.mod-recom-list .product-right dt img{
display:block;
width:100px;
height:100px;
overflow:hidden;
}
.mod-recom-list .product-right dd a{
color:#333;
}
.mod-brand-recom{
margin-top:20px;
height:94px;
}
.mod-brand-recom .content{
margin-top:8px;
}
.mod-brand-recom .mar-left,.mod-brand-recom .mar-right{
float:left;
height:57px;
width:10px;
}
.mod-brand-recom .mar-left{
background-position:-10px -186px;
}
.mod-brand-recom .mar-right{
background-position:-10px -124px;
}
.mod-brand-recom .mar-left:hover,.mod-brand-recom .mar-left:active{
background-position:-10px -62px;
}
.mod-brand-recom .mar-right:hover,.mod-brand-recom .mar-right:active{
background-position:-10px 0;
}
.mod-brand-recom .mar-brand{
float:left;
margin:1px 3px 0 3px;
width:924px;
height:56px;
overflow:hidden;
}
.mod-brand-recom .mar-brand li{
float:left;
margin:0 4px;
width:144px;
height:54px;
border:1px solid #e0e0e0!important;
}
.mod-brand-recom .mar-brand li img{
display:block;
width:144px;
height:54px;
}
.mod-more-act{
margin-top:20px;
}
.mod-more-act li{
float:left;
margin:10px 24px 10px 0;
width:220px;
height:140px;
}
.mod-market-intro{
margin-top:6px;
height:257px;
border:1px solid #ddd;
overflow:hidden;
}
.mod-market-intro .header{
padding:0 8px;
height:26px;
background:#f0f0f0;
}
.mod-market-intro .title{
line-height:26px;
color:#333;
font-size:14px;
font-weight:700;
}
.mod-market-intro p{
padding:10px 8px 0 8px;
color:#4e4e4e;
text-indent:2em;
}