.category {
    box-sizing: padding-box;
    background: #fff;
    color: #333;
    height: 100%;
    background-color: #eee;
}

    .category .news-title {
        padding: 0.3rem 1rem;
        margin-bottom: .2rem;
        text-align: center;
        background-color: #3196C3;
        border-radius: 0 0 .3rem .3rem;
    }

        .category .news-title div {
            font-size: .8rem;
        }

    .category .content {
        display: flex;
        height: 100%
    }

        .category .content .right {
            width: 100%;
            padding: 0 0 4rem;
            box-sizing: padding-box;
            overflow: auto;
            -webkit-overflow-scrolling: touch
        }


.news-list {
    padding: 0 0.6rem;
}


    .news-list .news-item {
        background-color: #fff;
        box-shadow: 0 0 10px 2px rgba(161, 161, 161, 0.25);
        margin-bottom: .8rem;
        border-radius: 0.4rem;
    }

        .news-list .news-item a {
            display: inline-block;
            width: 100%;
        }

        .news-list .news-item .img-box {
            width: 100%;
            height: 6rem;
            margin: auto 0;
            position: relative
        }

            .news-list .news-item .img-box img {
                width: 100%;
                height: 100%;
                border-radius: 0.4rem 0.4rem 0 0;
            }

        .news-list .news-item .name-box {
            padding: .1rem 0 .1rem .3rem;
        }

            .news-list .news-item .name-box div {
                width: 95%;
                font-size: 0.6rem;
                color: black;
                font-weight: bold;
                height: 1rem;
                word-break: break-all;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                line-height: 1rem;
                white-space: nowrap;
            }

        .news-list .news-item .title-box {
            padding: .1rem .3rem .3rem .3rem;
        }

            .news-list .news-item .title-box div {
                font-size: 0.4rem;
                line-height: .8rem;
            }

        .news-list .news-item .end-box {
            padding: .4rem;
            text-align: center;
        }

            .news-list .news-item .end-box div {
                font-size: 0.6rem;
                line-height: .8rem;
            }