.article-list{text-align:center;width:100%;max-width:1300px;margin:0 auto}.article-list .article-fixed{position:sticky;top:61px;z-index:100;background:var(--bg-color)}.article-list .load-more{margin:20px 0;text-align:center}.article-list .article-title{font-size:24px;padding:32px 0;color:#000}.article-list .custom-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;color:#000;padding-bottom:32px}.article-list .custom-tabs .custom-tab{font-size:16px;cursor:pointer;padding:8px 0 16px;position:relative}.article-list .custom-tabs .custom-tab.active{font-weight:700;color:#1684fc}.article-list .custom-tabs .custom-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#1684fc}.article-list .article-list-search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:32px}.article-list .article-list-search .search-input{width:30%;margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.article-list .article-list-search .el-input__inner{border-radius:4px 0 0 4px}.article-list .article-list-search .search-btn{border-top-left-radius:0;border-bottom-left-radius:0}.article-list .article-list-content{padding:0 12px}.article-list .article-list-content .article-card{margin-bottom:20px;border-radius:10px;cursor:pointer}.article-list .article-list-content .article-card:hover{-webkit-box-shadow:0 4px 8px rgba(0,0,0,.15);box-shadow:0 4px 8px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.article-list .article-list-content .article-card .el-card__body{padding:0}.article-list .article-list-content .article-card .article-card-content{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left}.article-list .article-list-content .article-card .article-card-content .article-img{width:280px;height:160px;-o-object-fit:cover;object-fit:cover;margin-right:20px}.article-list .article-list-content .article-card .article-card-content .article-tag{font-size:12px;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px}.article-list .article-list-content .article-card .article-card-content .article-tag .el-tag{border-radius:10px;font-size:12px;font-weight:400;height:20px;padding:0 8px;line-height:20px}.article-list .article-list-content .article-card .article-card-content .article-text{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:16px 20px 16px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.article-list .article-list-content .article-card .article-card-content .article-text .article-card-title{font-size:16px;font-weight:500}.article-list .article-list-content .article-card .article-card-content .article-text .article-card-desc{font-size:14px;color:#666;line-height:1.5;text-indent:2em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:900px){.article-list .article-fixed{position:relative;top:0}.article-list .article-list-search{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.article-list .article-list-search .search-input{width:90%;margin-bottom:10px}.article-list .article-list-search .search-btn{width:90%}.article-list .custom-tabs{padding-bottom:16px;gap:12px}.article-list .custom-tabs .custom-tab{font-size:12px;padding:8px 0}.article-list .article-list-content .article-card .article-card-content .article-img{width:40%}}