#article-list .left-img{
    width: 240px;
    border-radius: 5px;
}
@keyframes shakeAnimal { /* 水平抖动，核心代码 */
    10%, 90% { transform: translate3d(-1px, 0, 0); }
    20%, 80% { transform: translate3d(+2px, 0, 0); }
    30%, 70% { transform: translate3d(-4px, 0, 0); }
    40%, 60% { transform: translate3d(+4px, 0, 0); }
    50% { transform: translate3d(-4px, 0, 0); }
}

#article-list .left-img:hover{
    animation: shakeAnimal 800ms ease-in-out;
}
#article-list .image-a{
    display: block;
    width: 100%;
}
.blog-item{
    border-top: 1px solid #ccc;
    padding: 20px 0;
}
.img-next{
    width: 60px;
    border-radius: 5px;
}
.img-pre{
    width: 60px;
    border-radius: 5px;
}
.item-author{
    padding: 0 5px;
}