/*body{ background-color: #E9F0F8; }*/
.list-content{ background-color: #fff; padding: 35px 30px; /*position: relative; min-height: 100vh; */}
.list-content .row{ margin: 0; }
li{ list-style: none; }


.right-content{ padding: 0 0 0 60px; }
.list{ padding: 40px 0 0 0; border-bottom: 1px dotted #d7d7d7; margin: 0; }
.list .left-content{ padding: 0; margin-bottom: 20px; }
.list .left-content img{ width: 100%; height: 158px; object-fit: cover; }
.list .right-content{ padding: 0 0 0 40px; margin-bottom: 20px; }
.list .right-content .right-content-top{ font-size: 18px; color: #524947; margin-bottom: 20px; }
.list .right-content .right-content-top .author{ font-weight: 600; color: #333; }
.list .right-content .right-content-top .title{ margin-left: 35px; }
.list .right-content .right-content-center { font-size: 14px; line-height: 1.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; color: #524947; margin-bottom: 20px; }
.list .right-content .right-content-bottom{ text-align: right; }
.list .right-content .right-content-bottom span { margin-left: 20px; }
.list .right-content .right-content-bottom i { margin-right: 7px; display: inline-block; color: #0da3ff; font-size: 14px; }
.list .right-content .right-content-bottom small { font-size: 14px; display: inline-block; color: #919496; }

.right-content .right-top{ margin-bottom: 0; }

@media screen and (max-width: 1139px){
    .list .right-content{ padding-left: 0; }
}

@media screen and (max-width: 767px){
    .list-content{ padding: 15px; }
    .right-content{ padding-left: 0; }
    .list{ padding-top: 20px; }
    .list .right-content{ padding-left: 0; }
}