/*
* author:zhuliqi;
* data:10/10;
*
*/
.app-jj-shilipinpai dd{
word-wrap:break-word;
word-break:break-all;
overflow: hidden;
}
.app-jj-shilipinpai{
width:1190px;
}
.app-jj-shilipinpai .content{
border-right:1px solid #efefef;
}
.app-jj-shilipinpai .header{
height:42px;
line-height: 42px;
padding-top: 18px;
font-size:20px;
color:#333;
border-bottom:2px solid #fa5c0e;
}
.app-jj-shilipinpai .header h3{
font-weight:normal;
}
.app-jj-shilipinpai .header span{
font-weight:normal;
font-size:14px;
color:#cdcdcd;
}
.app-jj-shilipinpai .sub{
width:188px;
float:left;
overflow:hidden;
background-color:#fff;
height:380px;
position:relative;
border:1px solid #efefef;
border-top:0;
border-right:0;
}
.app-jj-shilipinpai .cell-header{
background-color:#fbfbfb;
color:#333;
height:35px;
line-height: 35px;
padding-left: 13px;
}
.app-jj-shilipinpai .sub .img{
margin-left:10px;
}
.app-jj-shilipinpai .offer .cell-header{
border-bottom:1px solid #efefef;
}
.app-jj-shilipinpai .cell-header h3{
font-weight:700;
font-size:14px;
}
.app-jj-shilipinpai .cell-header a{
color:#333;
}
.app-jj-shilipinpai .main .cell-content li.offer-show{
width:170px;
position:relative;
padding:0 10px 0px 9px;
border-left:1px solid #efefef;
height:344px;
border-top:1px solid #efefef;
border-bottom:1px solid #efefef;
}
.app-jj-shilipinpai .sub-con li.f-tab-b {
height:344px;
}
.app-jj-shilipinpai .f-tab-b img{width:188px;height:344px;}
.app-jj-shilipinpai .panel{
margin-right:9px;
padding-right:9px;
background:url(//cbu01.alicdn.com/cms/upload/2013/117/647/1746711_2134990118.png) right no-repeat;
}
.app-jj-shilipinpai .sub ul.sub-title{
left:142px;
position:absolute;
width:146px;
top:356px;
}
.app-jj-shilipinpai .sub-title li{
font-size:0;
line-height:0;
cursor:pointer;
display:block;
background-color:#c4c4c4;
width:10px;
height:10px;
border-radius:5px;
margin-right:5px;
_display:inline;
}
.app-jj-shilipinpai .sub-title li a{
color:#333;
}
.app-jj-shilipinpai .sub-title li a:hover{
text-decoration: none;
color:#333 !important;
}
.app-jj-shilipinpai .sub-title li.current a{
color:#fff;
}
.app-jj-shilipinpai .sub-title li.current a:hover{
text-decoration: none;
color:#fff !important;
}
.app-jj-shilipinpai .sub-title .current{
background-color:#fa5c0e;
}
.app-jj-shilipinpai .main {
width:760px;
height:380px;
float:left;
}
.app-jj-shilipinpai .main .cell-header{
color:#333;
font-size:12px;
padding-left:13px;
line-height:35px;
border-left:1px solid #efefef;
height:35px;
height:35px;
}
.app-jj-shilipinpai .offer{
border-left:1px solid #efefef;
float:left;
border-bottom:1px solid #efefef;
width:239px;
overflow:hidden;
}
.app-jj-shilipinpai .main dt.title,.app-jj-shilipinpai .offer dd.title{
padding-top:12px;
height:24px;
line-height:24px;
padding-bottom:0;
font-size:14px;
color:#333;
}
.app-jj-shilipinpai .main dt.title a,.app-jj-shilipinpai .offer dd.title a{
color:#333;
font-weight:700;
}
.app-jj-shilipinpai .main dd,.app-jj-shilipinpai .offer dd{
line-height:20px;
height:20px;
color:#888;
width:170px;
overflow:hidden;
}
.app-jj-shilipinpai .main dd.txt a,.app-jj-shilipinpai .offer dd.txt a{
color:#444;
}
.app-jj-shilipinpai .main dd.shop span,.app-jj-shilipinpai .offer dd.shop span{
color:#fa5c0e;
}
.app-jj-shilipinpai .main .sidebar{
width:118px;
display:none;
overflow:hidden;
height:344px;
border:1px solid #ddd;
border-left:0;
position:absolute;
top:-1px;
left:190px;
background-color:#f5f5f5;
}
.app-jj-shilipinpai .main .hover .sidebar{
display:block;
}
.app-jj-shilipinpai .main .sidebar dd{
width:100px;
}
.app-jj-shilipinpai .main dd.brand,.app-jj-shilipinpai .offer dd.brand{
margin-top:1px;
margin-bottom:3px;
padding-left:5px;
color:#fff;
width:137px;
background-color:#ff874c;
height:17px;
line-height: 17px;
}
.app-jj-shilipinpai .main dd.img-vertical,.app-jj-shilipinpai .offer dd.img-vertical{
width:170px;
height:245px;
}
.app-jj-shilipinpai .main .sidebar li{
z-index:6;
height:144px;
padding:18px 9px 0 9px;
margin-bottom:5px;
}
.app-jj-shilipinpai .sidebar .cell-thumbnail dt{
margin-bottom:3px;
background-color:#f8f8f8;
width:100px;
height:100px;
}
.app-jj-shilipinpai .sidebar .main-show .price{
color:#fa5c0e;
height:20px;
}
.app-jj-shilipinpai .offer-list .img-vertical{
width:100px;
height:100px;
}
.app-jj-shilipinpai .offer-list dl{
margin-top:-1px;
padding:9px 8px 0;
width:215px;
height:100px;
}
.app-jj-shilipinpai .offer dl{
width:231px;
padding-right:0;
padding-top:0;
padding-bottom:9px;
_display:inline;
overflow:hidden;
}
.app-jj-shilipinpai .sub-con{
border-top:1px solid #efefef;
}
.app-jj-shilipinpai .offer dd{
width:115px;
}
.app-jj-shilipinpai .main .cell-content li.hover{
z-index:6;
border:1px solid #ddd;
border-right:none;
}
.app-jj-shilipinpai .offer dd.brand{
margin-left:107px;
background-color:#ff874c;
width:107px;
}
.app-jj-shilipinpai .offer dd.title{
padding-top:0;
margin-bottom:3px;
}
.app-jj-shilipinpai .offer dd{
padding-left:8px;
}
.app-jj-shilipinpai .offer .offer-list{
padding-top:20px;
}