.page-middle .recommend-nav{
    margin-bottom: 0;
}
.list-image-left,
.list-image-right{
    position: relative;
    min-height: 248px;
}

.list-image-left img,
.list-image-right img{
    position: absolute;
    left: 0;
    top: 22px;
    width: 260px;
    height: 204px;
}
.list-image-right img{
    left: auto;
    right: 0;
}
.list-image-left ul{
    margin-left: 276px;
}

.list-image-right ul{
    margin-right: 276px;
}

.newest .recommend-nav{
    margin-bottom: 16px;
}
.newest-content li {
    float: left;
    position: relative;
    width: 50%;
    height: 100px;
    margin-bottom: 20px;
}

.newest-content li .image {
    position: absolute;
    width: 132px;
    height: 100px;
    left: 0;
    top: 0;
}

.newest-content li .info {
    margin-left: 148px;
    margin-right: 16px;
}
.newest-content li h4{
    white-space: nowrap;overflow: hidden; text-overflow: ellipsis;
    margin:4px 0 8px;
}
.newest-content li p {
    line-height: 24px;
    height: 78px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color:#999;
}

.recommend-content ul{
    width: 407px;
}


.macroscopic {
    width: 390px;
}

.macroscopic-content ul {
    list-style: disc;
    color: #CCC;
    padding-left: 14px;
}

.macroscopic-content ul li {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
}

.macroscopic-content ul p {
    color: #666;
}

.macroscopic-content ul p span {
    color: #666;
}

.macroscopic-content ul a:hover p {
    color: #f60;
}