.bbs-news{
    position: relative;
    padding-top: 2px;
}
.bbs-news:before{
    content: ''; position: absolute; top: 0; left: 0;
    width: 100%; height: 2px;
    background: #3dbd70;
}
.bbs-news-ul > li { border-bottom: 1px solid #ddd; }
.news-box{
    display: flex;
    padding: 20px;
}
.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(170 / 260 * 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 30px;
    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 10px; display: block; font-size: 22px; font-weight: 700; }
.news-box__title a { font-size: inherit; font-weight: inherit; color: inherit; }
.news-box__date{
    display: block;
    position: absolute; top: 15px; right: 20px;
    margin-bottom: 15px; font-size: 18px; color: #999999; font-weight: 300;
}
.news-box__pr { line-height: 26px; font-size: 19px; color: #999999; 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 { position: static; font-size: 15px; }
    .news-box__pr { line-height: 24px; font-size: 15px; }
}
@media (max-width:768px){
    .news-box { flex-direction: column; padding: 20px 0; }
	.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; }