.trend-coll-wrapper {
    background: #fff;
    height: 645px;
    border-bottom: 1px solid #e0e0e0;
}

.trend-coll-header {
    position: relative;
    widows: 100%;

    .trend-coll-title {
        width: 100%;
        height: 100px;
        line-height: 100px;
        text-align: center;
        font-size: 34px;
        color: #747474;
    }

    .more {
        position: absolute;
        right: 24px;
        top: 20px;
    }
}

.trend-coll-content {
    padding: 0 0 0 15px;

    .lspan {
        float: left;
        margin: 0 15px;
    }

    .rspan {
        float: left;
        margin: 0 15px;
    }
}

.lspanimg {
    display: block;
    float: right;
    width: 275px;
    height: 275px;
}

.rspanimg {
    display: block;
    float: right;
    width: 275px;
    height: 275px;
}

.trend-coll-tail {
    box-sizing: border-box;
    width: 100%;
    height: 267px;
    clear: both;
}

.recommend-title {
    widows: 100%;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 34px;
}

.recommend-swiper {
    width: 100%;
    height: 140px;
    overflow: hidden;
}

.recommend-list {
    position: relative;
    height: 100%;
}

.recommend-list .recommend-item {
    float: left;
    padding-left: 5%;
    width: 21.875%;
    height: 140px;

    a {
        display: block;
        width: 100%;
        height: 100%;

        img {
            width: 100%;
            height: 100%;
        }
    }
}