@media screen and (max-width:1620px){.width-fit{width:1200px}}.width-fit{margin:0 auto;width:1440px}.width-default{margin:0 auto;width:1200px}.flex-center{align-items:center;display:flex;justify-content:center}.clearfix{zoom:1}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}#main{background:#f5f6f7}.article-index{margin:0 auto;padding:30px 0;width:1200px}.article-index__head{margin-bottom:20px}.article-index__head .advert-top-banner{background:#ccc;border-radius:8px;height:280px;margin-bottom:20px}.article-index__main{display:flex;justify-content:space-between}.article-index__main .left{align-items:center;background:linear-gradient(180deg,#fff9f5,#fff);border:1px solid #fff;border-radius:8px;color:#242b33;display:flex;flex-direction:column;font-size:16px;height:100%;margin-right:20px;min-height:345px;padding:20px 30px;width:200px}.article-index__main .left .item{display:block;height:40px;line-height:40px;margin:5px 0;text-align:center;width:140px}.article-index__main .left .item.active{background:#ff4533;border-radius:90px;color:#fff}.article-index__main .left .item:not(.active):hover{color:#ff783c}.article-index__main .right{background:#fff;border-radius:8px;display:flex;flex-direction:column;min-height:440px;width:980px}.article-index__main .right .article-list{width:100%}.article-index__main .right .article-list .item{display:flex;height:160px;padding:20px 30px;transition:all .2s}.article-index__main .right .article-list .item .cover{height:120px;margin-right:30px;width:200px}.article-index__main .right .article-list .item .cover>img{height:120px;-o-object-fit:contain;object-fit:contain;width:200px}.article-index__main .right .article-list .item .base-info{display:flex;flex:1;flex-direction:column;justify-content:space-between;width:100%}.article-index__main .right .article-list .item .base-info.no-cover{width:calc(100% - 230px)}.article-index__main .right .article-list .item .base-info .title{color:#242b33;display:inline-block;font-size:16px;font-weight:700;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.article-index__main .right .article-list .item .base-info .title:hover{color:#ff783c}.article-index__main .right .article-list .item .base-info .intro{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#909499;display:-webkit-box;font-size:14px;margin-bottom:15px;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-all}.article-index__main .right .article-list .item .base-info .created-at{color:#909499;font-size:12px}.article-index__main .right .article-list .item .base-info .created-at .icon-jilu{font-size:12px}.article-index__main .right .article-list .item .base-info .created-at .category{margin-right:20px}.article-index__main .right .article-list .item:first-child{padding-top:30px}.article-index__main .right .article-list .item:hover{background-color:#f5f6f7!important;box-shadow:0 12px 20px rgba(0,0,0,.08);transform:translateY(-2px)}