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

.trend-coll-header {
    position: relative;
    widows: 100%;
    .trend-coll-title {
        width: 100%;
        height: 100rem / $pxConvertRem;
        line-height: 100rem / $pxConvertRem;
        text-align: center;
        font-size: 34rem / $pxConvertRem;
        color: #747474;
    }
    .more {
        position: absolute;
        right: 24rem / $pxConvertRem;
        top: 20rem / $pxConvertRem;
    }
}

.trend-coll-content {
    padding: 0 (15rem / $pxConvertRem);
    .lspan {
        float: left;
        margin: 0 (15rem / $pxConvertRem);
    }
    .rspan {
        float: right;
        margin: 0 (15rem / $pxConvertRem);
    }
}

.lspanimg {
    display: block;
    float: right;
    width: 275rem / $pxConvertRem;
    height: 275rem / $pxConvertRem;
}

.rspanimg {
    display: block;
    float: right;
    width: 275rem / $pxConvertRem;
    height: 275rem / $pxConvertRem;
}

.trend-coll-tail {
    box-sizing: border-box;
    width: 100%;
    height: 267rem / $pxConvertRem;
    clear: both;
}

.recommend-title {
    widows: 100%;
    height: 100rem / $pxConvertRem;
    line-height: 100rem / $pxConvertRem;
    text-align: center;
    font-size: 34rem / $pxConvertRem;
}

.recommend-swiper {
    width: 100%;
    height: 140rem / $pxConvertRem;
    overflow: hidden;
}

.recommend-list {
    position: relative;
}

.recommend-item {
    float: left;
    padding-left: 30rem / $pxConvertRem;
    width: 140rem / $pxConvertRem;
    height: 140rem / $pxConvertRem;
    a {
        display: block;
        width: 100%;
        height: 100%;
        img {
            width: 100%;
            height: 100%;
        }
    }
}