.bbs-news{
    position: relative;
    padding-top: 2px;
}
.bbs-news:before{
    content: ''; position: absolute; top: 0; left: 0;
    width: 100%; height: 2px;
    background: #836e6a;
}
.bbs-news-ul { padding: 10px 0; }
.bbs-news-ul > li { border-bottom: 1px solid #e1e1e1; }
.news-box{
    display: flex;
    padding: 20px 0;
}
.news-box__head{
    flex-basis: 300px;
    position: relative; padding: 0;
}
.news-box__check { position: absolute; top: 0; left: 0; font-size: 0; }
.news-box__thumb{
    overflow: hidden; display: block; position: relative;
    padding-top: calc(200 / 350 * 100%); width: 100%; height: 0;
    background-color: #f5f5f5;
}
.news-box__image{
    z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background-repeat: no-repeat; background-size: cover; background-position: center;
}
.news-box__thumb .img { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.news-box__body{
    flex: 1 1; position: relative;
    padding: 0 20px;
    text-align: left;
}
.news-box__detail{
    position: absolute; top: 15px; right: 20px;
    font-size: 16px; color: #2a8ddc; font-weight: 500;
}
.news-box__title { display: block; margin: 15px 0 5px; display: block; font-size: 20px; font-weight: 500; }
.news-box__title a { font-size: inherit; font-weight: inherit; color: inherit; }
.news-box__date { display: block; margin-bottom: 15px; font-size: 15px; color: #777; font-weight: 300; }
.news-box__pr { line-height: 24px; font-size: 16px; color: #555; font-weight: 300; }
.news-box__body .view-more{
    display: inline-block;
    padding-right: 10px; line-height: 20px;
    background: url('/adm/bbs/skin/news/image/view-more.png') no-repeat right center;
}
@media (max-width:1024px){
	.news-box__head { flex-basis: 200px; }
    .news-box__detail { display: none; }
    .news-box__title { margin: 10px 0 5px; font-size: 18px; }
    .news-box__date { font-size: 15px; }
    .news-box__pr { line-height: 24px; font-size: 15px; }
}
@media (max-width:768px){
    .news-box { flex-direction: column; }
	.news-box__head { flex-basis: auto; }
    .news-box__body { padding: 15px 0 0; }
    .news-box__title { font-size: 16px; }
    .news-box__pr { line-height: 22px; font-size: 13px; }
}