.blog-list{float: left;width: 393px;margin-right: 10px;background: #fff;margin-top: 10px}
.blog-list:nth-child(3n){margin-right: 0}
.blog-list .title{padding: 20px 20px 0;display: flex;justify-content: space-between;}
.blog-list .title span{font-size: 16px;color: #333333;}
.blog-list .title a{font-size: 12px;color: #999;}
.blog-list ul{border-top: 1px solid #eee;margin:10px 20px;padding-top: 10px}
.blog-list li{height: 25px;padding: 5px 0;}
.blog-list li:before {border: 2px solid #ccc;border-radius: 50%;content: "";display: inline-block;float: left;height: 1px;margin: 6px 8px 0 2px;width: 1px;display: flex;vertical-align: middle;}
.blog-list li a{font-size: 14px;white-space: nowrap;text-overflow: ellipsis;display: block;overflow: hidden;}