.section:first-child{padding-bottom:30px}.list-box{background-color:var(--list-box-bg-color);display:flex;justify-content:center;padding:15px}.list-box .box-content{display:flex;flex-wrap:wrap;max-width:1400px}.list-box .item-content{flex:0 0 25%;max-width:25%;overflow:hidden;padding:10px}.list-box .item-content .item-content-wrapper{background-color:var(--item-content-bg-color);border-bottom:5px solid transparent;border-radius:6px;box-shadow:0 0 10px hsla(0,0%,55%,.15);display:flex;flex-direction:column;height:200px;padding:15px;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s,border .2s}.list-box .item-content .item-content-wrapper svg{fill:var(--text-color);transition:.2s}.list-box .item-content .item-content-wrapper:hover svg{fill:var(--text-color)}.list-box .item-content .item-content-wrapper:hover{background-color:var(--item-content-bg-hover-color);border-bottom-color:var(--item-content-border-color);box-shadow:0 0 10px hsla(0,0%,55%,.4)}.list-box .item-content svg{border-radius:6px;height:36px;margin-right:10px;width:36px}.list-box .item-content .item-content-text{display:flex;flex-direction:column;overflow:hidden}.list-box .item-content .item-content-title{align-items:center;color:var(--text-color);display:flex;font-size:16px;font-weight:600;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.list-box .item-content .item-content-desc{color:var(--text-color-sub);display:block;flex:1;font-size:14px;height:auto;overflow:hidden;text-overflow:ellipsis;transition:color .2s}@media (max-width:1550px){.list-box .item-content{flex:0 0 25%;max-width:25%}}@media (max-width:1200px){.list-box .item-content{flex:0 0 33.333333%;max-width:33.333333%}}@media (max-width:1024px){.list-box .item-content{flex:0 0 50%;max-width:50%}}@media (max-width:850px){.card-box.article-list .article-img img{height:108px;width:150px}.card-box.article-list .item-content-text{height:108px}}@media (max-width:570px){.list-box .item-content{flex:0 0 100%;max-width:100%}}