.bbs-news{
    position: relative;
    padding-top: 2px;
}
.bbs-news:before{
    content: ''; position: absolute; top: 0; left: 0;
    width: 100%; height: 1px;
    background: #836e6a;
}
.bbs-news-ul { padding: 10px 0; }
.bbs-news-ul > li { }
.news-list-box { padding: 10px 0; border-bottom: 1px solid #e0e0e0;}
.news-list-box .thumbnail{
    display: inline-block; vertical-align: top;
    width: 50%; padding: 0;
}
.news-list-box .thumbnail a{
    overflow: hidden; display: block; position: relative;
    height: 240px;
}
.news-list-box .thumbnail a img{
    position: absolute; top: 0; left: 50%;
    max-width: none; width: auto; height: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.news-list-box .info{
    display: inline-block; vertical-align: top; position: relative;
    width: 50%; height: 240px; padding: 0 25px 60px 25px;
    text-align: left;
}
.news-list-box .info::before { content: ''; position: absolute; right: 0; bottom: 0; width: calc(100% - 25px); height: 1px; /*background: #e1e1e1;*/ }
.news-list-box .info .title { margin: 15px 0 25px; display: block; }
.news-list-box .info .title a { font-size: inherit; font-weight: inherit; color: inherit; }
.news-list-box .info p { line-height: 26px; }
.news-list-box .info .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;
}
.news-list-box .info .cal { position: absolute; bottom: 20px; left: 20px; }
.news-list-box .info .cal .block { display: inline-block; vertical-align: middle; width: auto; width: 60px; height: 25px; line-height: 25px; text-align: center; font-size: 16px; color: #fff; font-weight: 700; background: #836e6a; border-radius: 23px; }
.news-list-box .info .cal .block + span { display: inline-block; vertical-align: middle; margin-left: 15px; font-size: 16px; color: #999999; font-weight: 400; }

@media (max-width:768px){
    .news-list-box .thumbnail { display: block; padding: 0 0 30px; width: 100%; }
    .news-list-box .thumbnail a { padding-top: calc(140 / 200 * 100%); width: 100%; height: 0; }
    .news-list-box .info { display: block; padding: 0; width: 100%; }
    .news-list-box .info .view-more { background-size: auto 10px; }
}