.main.article .article-category{max-width:860px}.main.article .article-category .el-tabs__nav-wrap{background:#FFF;height:60px;display:flex;align-items:center}.main.article .article-category .el-tabs__active-bar{transition:unset}.main.article .article-category .el-tabs__item a{padding:0 8px}.main.article .article-category .el-tabs__item a:hover{color:#42b983}.main.article .article-category .el-tabs__content{display:none}.main.article{width:100%;min-width:1280px}.main.article .container{width:1200px;margin:40px auto;display:flex;justify-content:space-between}.main.article .container .left{flex:2}.main.article .container .left .banner{margin-bottom:20px}.main.article .container .article-items{margin-bottom:40px}.main.article .container .article-items .item{background:#FFFFFF;display:flex;margin-bottom:20px}.main.article .container .article-items .item .thumb-a{width:240px;height:135px;overflow:hidden;line-height:0}.main.article .container .article-items .item .thumb{height:100%;width:100%;box-shadow:0 0 5px #fff;transition:all .6s}.main.article .container .article-items .item .box{width:588px;padding:10px 16px 6px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.main.article .container .article-items .item .box .links{display:flex}.main.article .container .article-items .item .box .category{position:relative;text-align:center;padding:0 10px;font-size:12px;margin-right:16px;border-radius:3px;background-color:#ecf5ff;color:#409eff;line-height:1.6;border:1px solid #409EFF}.main.article .container .article-items .item .box .category:before{content:"";border-top:5px solid transparent;border-left:6px solid #409EFF;border-bottom:5px solid transparent;position:absolute;right:-6px;bottom:5px}.main.article .container .article-items .item .box .category:hover{opacity:.8}.main.article .container .article-items .item .box .title{font-size:16px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.main.article .container .article-items .item .box .desc{font-size:14px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.main.article .container .article-items .item .box .info{display:flex;justify-content:space-between;align-items:flex-end;align-content:center;color:#999}.main.article .container .article-items .item .box .info .author{font-size:14px;display:flex;align-items:flex-end}.main.article .container .article-items .item .box .info .author .avatar{width:25px;height:25px}.main.article .container .article-items .item .box .info .author .name{margin:0 6px}.main.article .container .article-items .item .box .info .count span{margin-left:12px}.main.article .container .article-items .item:hover .thumb{transform:scale(1.2)}.main.article .container .article-items .item:hover .title{color:#42b983}.main.article .container .article-page{display:flex;justify-content:center;align-items:center}.main.article .container .right{flex:1;padding-left:20px}.main.article .container .article-top{width:100%;background:#FFF;border:1px solid #F3F5F6;margin-bottom:20px}.main.article .container .article-top .name{padding:4px 20px;margin-left:18px;background:#fd5a41;font-size:14px;color:#fff;display:inline-block}.main.article .container .article-top .content{padding:20px}.main.article .container .article-hot{width:100%;background:#FFF;border:1px solid #F3F5F6;margin-bottom:20px}.main.article .container .article-hot .name{padding:4px 20px;margin-left:18px;background:#fd5a41;font-size:14px;color:#fff;display:inline-block}.main.article .container .article-hot .content{list-style:none;width:100%;color:#333;padding-bottom:20px}.main.article .container .article-hot .content .item{font-size:14px;margin-top:16px;display:flex;align-items:flex-start}.main.article .container .article-hot .content .item .el-link{color:#333;display:block}.main.article .container .article-hot .content .item .title{padding:0 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.main.article .container .article-hot .content .item .el-link:hover{color:#036ade}