.last-blogs{margin-bottom:30px}
.last-blogs .item{width:250px;margin:15px 0 0 20px;background:linear-gradient(to bottom,#efe7de,#fff)}
.last-blogs .item .pic img{height:160px}
.last-blogs .item .pic:after{background:linear-gradient(to bottom,transparent,#f6f2ed);position:absolute;content:"";width:100%;height:70%;z-index:2;bottom:0;right:0}
.last-blogs .item .inside{padding:5px 20px 20px}
.last-blogs .item .title a:before{content:"";width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--color);margin-left:7px;opacity:.5}
.last-blogs .item .inside .text{margin:8px 0 20px;line-height:2;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
.last-blogs .item .inside .date{margin-top:7px}
.last-blogs .item .inside .date i{margin-left:3px}
.last-blogs .item .inside .more{padding:6px 14px;border:1px var(--blur) solid}
.last-blogs .item .inside .more i{margin:2px 5px 0 0}
.last-blogs .item .inside .more:hover{color:var(--color);border-color:var(--color)}
.last-blogs .item:hover .pic img{opacity:.7}


@media only screen and (max-width:920px){
.last-blogs{margin-bottom:20px}
.last-blogs .item{width:230px;margin:12px 0 0 15px}
.last-blogs .item .inside .text{font-size:12px;margin:7px 0 0}
.last-blogs .item .pic img{height:140px}
.last-blogs .item .inside .more,.last-blogs .item .inside .date{display:none}
}