.body-piclist-header {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 35px;
}

.body-piclist-header > a {
    display: inline-block;
    margin: 0 10px;
    width: 120px;
    height: 36px;
    text-align: center;
    font-size: 12px;
    line-height: 36px;
    color: #666666;
    border: 1px solid #bbbbbb;
}

.body-piclist-header > a[class=active], .body-piclist-header > a:hover {
    color: #ffffff;
    background: #4294ff;
    border: 1px solid #4294ff;
}
.body-piclist-item{
    width: 1200px;
    margin: 0 auto;
    font-size: 0;
}
.body-piclist-item>ul{
    display: none;
}
.body-piclist-item>ul[class=active]{
    display: block;
}
.body-piclist-item>ul>span{
    position: relative;
    display: inline-block;
    width: 384px;
    margin-right: 24px;
    margin-bottom: 50px;
}
.title{
    position: absolute;
    display: inline-block;
    width: 358px;
    height: 86px;
    /*opacity: 0;*/
    background: #ffffff;
    z-index: 2;
}
.title h5{
    font-size: 12px;
    color: #333333;
    text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
}
.title p{
    text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
}

.body-piclist-item>ul>span:nth-child(3n){
    margin-right: 0;
}
.body-piclist-item>ul>span>a{
    position: relative;
    display: block;
    height: 290px;
    margin-bottom: 26px;
}
.body-piclist-item>ul>span>span{
    font-size: 12px;
    color: #333333;
}