@media all{.article-list{padding-top:60px}.article-item{border:1px solid #ccc;padding:20px;margin-bottom:20px}.article-user-body{margin-left:20px}.item-date-new{font-size:13px;color:#999;line-height:30px}.article-user-name{font-size:18px;font-weight:600;color:#333;text-decoration:none;line-height:35px}.article-desc p{font-size:14px}.article-user{display:flex}.article-user-ava a{display:block}.article-user-ava a span{display:block;min-width:170px;padding-bottom:100%;background-repeat:no-repeat;background-size:cover;background-position:50% 30%}}@media (max-width:767px){.article-user{flex-direction:column}.article-user-ava a span{padding-bottom:50%}}