index.scss

@function px2rem($px) {
    $rem: 37.5px;
    @return ($px / $rem) + rem;
}


.header{
    height: px2rem(40px);
    width: 100%;
    background-color: red;
    .header-item {
        color: #ffcdce;
        font-size: px2rem(16px);
        float: left;
        padding-left: px2rem(23px);
        // margin-right: px2rem(20px);
        line-height: px2rem(40px);
        &:nth-child(2) {
            color: #fff;
            font-size: px2rem(17px);
        }
    }
}
.banner-content {
    .banner {
        width: 100%;
        height: px2rem(190px);
        .banner-title {
            font-size: px2rem(16px);
            color:#fff;
        }
    }

    .banner-title {

        position: absolute;
        left: px2rem(15px);

        bottom: px2rem(15px);

        font-size: px2rem(16px);
        color: #fff;
        
    }
}
.news-content {
    .news-item {
        width: 100%;
        height: px2rem(90px);
        padding-left: px2rem(15px);
        padding-right: px2rem(15px);
        box-sizing: border-box;
    }
    .news-inner {
        height: 100%;
        border-bottom: px2rem(1px) solid #e5e5e5;
        position: relative;
    }
    .news-img {
        display: block;
        width: px2rem(95px);
        height: px2rem(70px);

        // margin-top: px2rem(10px);

        float: left;

        margin-right: px2rem(15px);
    }
    .news-title {
        color: #404040;
        font-size: px2rem(17px);
        margin-top: px2rem(16px);
        line-height: px2rem(20px);

    }
    .time {
        position: absolute;
        left: px2rem(105px);
        bottom: px2rem(17px);
        color: #888;

        font-size: px2rem(12px);
    }
    .num {
        position: absolute;
        color: #888888;
        font-size: px2rem(12px);

        right: px2rem(4px);

        bottom: px2rem(17px);

        &:before {
            content: " ";
            display: block;
            position: absolute;
            width: px2rem(21px);
            height: px2rem(21px);
            background-size: contain;
            top: px2rem(-4px);
            left: px2rem(-23px);
            background-image: url("./images/read-icon.png");
        }
    }
}