.article-list-page{background-color:#f7f8fa}.article-list-page .center-container{display:flex;justify-content:space-between;margin:40px auto 0;width:1200px}.article-list-page .item-list{width:900px}.article-list-page .side{width:260px}.article-list-page .side .tags{background-color:#fff}.article-list-page .side .tags p{border-bottom:1px solid #ebeef6;color:#34343c;font-size:16px;font-weight:300;padding:15px}.article-list-page .side .tags ul{display:flex;flex-wrap:wrap;padding:15px}.article-list-page .side .tags ul span{border:1px solid #606060;border-radius:50px;color:#3a3a44;display:inline-block;font-size:13px;margin:5px 2px;padding:4px 9px;-webkit-text-decoration:none;text-decoration:none;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.article-list-page .side .tags ul span:hover{background-color:#ff9800;border:1px solid #ff9800;color:#fff}.article{background-color:#fff;box-shadow:0 2px 5px 3px #eff1f8;margin-bottom:40px}.article .main{padding:20px}.article .main .article-title{color:#34343c;font-size:24px;font-weight:300;margin-bottom:15px}.article .main .article-content{color:#606060;font-size:15px;font-weight:300;line-height:1.4}.article .main .article-content img{display:block;height:auto;margin:0 auto;max-width:100%}.article .other{border-top:1px solid #ebeef6;padding:20px}.article .other .article-addtime{color:#606060;font-size:12px;font-style:italic}