.width-fit{margin:0 auto;width:1440px}@media screen and (max-width:1620px){.width-fit{width:1200px}}.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}.head .menu{align-items:center;background:#fff;border-radius:8px 8px 8px 8px;box-shadow:0 0 20px 1px rgba(102,136,204,.06);display:flex;height:64px;margin:-32px auto;opacity:1;position:relative;width:1280px}.head .menu .item{color:#717680;font-size:14px;margin-left:38px}.head .menu .item.active{align-items:center;background:#0053a6;border-radius:90px 90px 90px 90px;color:#fff;display:flex;font-weight:700;height:32px;justify-content:center;line-height:32px;opacity:1;width:108px}.article-index{margin:0 auto}.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;margin:32px auto 0;padding-bottom:52px;width:1280px}.article-index__main .left{align-items:center;background:transparent;border-radius:4px;color:#717680;display:flex;flex-direction:column;font-size:16px;height:100%;margin-right:40px;min-height:345px;width:200px}.article-index__main .left .item{display:block;height:44px;line-height:44px;margin-bottom:10px;text-align:center;width:160px}.article-index__main .left .item.active{background:#0053a6;border-radius:4px;color:#fff}.article-index__main .left .item:not(.active):hover{color:#0053a6}.article-index__main .right{border-radius:8px;display:flex;flex-direction:column;margin-bottom:50px;min-height:440px;padding-bottom:0;width:1280px}.article-index__main .right .article-list{width:100%}.article-index__main .right .article-list .item{display:flex;height:135px;margin:24px 0;transition:all .2s}.article-index__main .right .article-list .item .cover{height:135px;margin-right:22px;width:240px}.article-index__main .right .article-list .item .cover>img{height:135px;width:240px}.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:#18191a;display:inline-block;font-size:20px;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:#0053a6}.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:#717680;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:#949699;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{margin-top:0}.article-index__main .right .article-list .item-border{border-bottom:1px solid #ebebeb;border-radius:0 0 0 0}