.news_1.item{ margin-bottom: 30px; border-radius: 10px 0 10px 0; }
.news_1.item .inner{
    background-color: #F4F4F4; border: 1px solid rgba(0,0,0,0.1); position: relative;
    border-radius: 10px;
}
.news_1.item .inner .left-side{ float: left; margin-right: 20px; }
.news_1.item .inner .left-side .aw-table{}
.news_1.item .inner .left-side .aw-td{ height: 225px; width: 300px; text-align: left; }
.news_1.item .inner .left-side img{
    width: 100%; height: 100%; /*border: solid rgba(0,0,0,0.1); border-width: 1px 0 1px 1px;*/
    border-radius: 10px 0 0 10px;
}

.news_1.item .inner .right-side{  }
.news_1.item .inner  h5{
    font-weight: 500; font-size: 18px; line-height: 18px; padding-top: 20px; margin-right: 10px;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;

}
.news_1.item .inner p{ color: #666; font-size: 14px; line-height: 20px; font-weight: 100; }
.news_1.item .inner a{ color: #666; }
.news_1.item .inner .line{ position: absolute; bottom: 0px; width: 100%; }
.news_1.item .inner .line .create-at{ float: left; font-size: 12px; margin: 7px 0 0 320px; }
.news_1.item .inner .line .btn{
    float: right; background-color: #FFF; color: #3D8C2F; transition-duration: 0.2s; margin: 0 0 0 0;
    border-radius: 0 0 10px 0;
}
.news_1.item .inner .line .btn:hover{ background-color: #3D8C2F; color: #FFF; }

@media (max-width: 768px){
    .news_1.item{ margin-left: 15px; margin-right: 15px; }
    .news_1.item .inner .left-side .aw-td{ width: 150px; height: 100px; }
    .news_1.item .inner .right-side{ margin-left: 10px; }
    .news_1.item .inner .right-side .line{ display: none; }
}