.place{ margin: 0 .5rem;padding: 2rem 0;font-size: 1rem; }
.list-image{ margin: 0 .5rem;padding-bottom: 2rem; }
.list-image img{ width: 100%; }

.article-container{ margin: 0 .5rem;padding: 0;font-size: 1rem; }
.article-container .rows{ float:left; width: 100%; }
.article-container .rows .box{ margin: 0.5rem;background: #F3F3F3; }
.article-container .rows img{ width: 100%; }
.article-container .rows .title{ margin: 1rem;font-size: 1rem;color: #B52D2F;
    white-space: pre-line;
    overflow:hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.article-container .rows .desc{ font-size: .8rem;margin: 0 1rem 1rem 1rem;
    white-space: pre-line;
    overflow:hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.article-container .rows .more{
    border-top: 1px solid #e1e1e1;
    padding: 1rem;text-align: right;font-size: .9rem;color: #888888; }

.loading{ background: #B52D2F;color: #fff;font-size: 1rem;width: 10rem;cursor: pointer;
    text-align: center;height: 2.5rem;line-height: 2.5rem;border-radius: 2.5rem;margin: 1rem auto; }

@media (min-width: 960px) {
    .place{ margin: 0 10rem;padding: 2rem 0;font-size: 1rem; }
    .list-image{ margin: 0 10rem;padding-bottom: 2rem; }
    .list-image img{ width: 100%; }

    .article-container{ margin: 0 10rem;padding: 2rem 0;font-size: 1rem; }
    .article-container .rows{ float:left; width: 25%; }
    .article-container .rows .box{ margin: 0.5rem;background: #F3F3F3; }
    .article-container .rows img{ width: 100%; }
    .article-container .rows .title{ margin: 1rem;font-size: 1rem;color: #B52D2F;
        white-space: pre-line;
        overflow:hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .article-container .rows .desc{ font-size: .8rem;margin: 0 1rem 1rem 1rem;
        white-space: pre-line;
        overflow:hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        height: 2rem;
    }
    .article-container .rows .more{
        border-top: 1px solid #e1e1e1;
        padding: 1rem;text-align: right;font-size: .9rem;color: #888888; }

    .loading{ background: #B52D2F;color: #fff;font-size: 1rem;width: 10rem;cursor: pointer;
        text-align: center;height: 2.5rem;line-height: 2.5rem;border-radius: 2.5rem;margin: 2rem auto; }
}