.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}.article-detail{margin:0 auto;padding-bottom:60px;width:1200px}.article-detail .nav{color:#909499;font-size:12px;margin:30px 0 20px}.article-detail .nav span{margin:0 10px}.article-detail .nav .actived{color:#303133}.article-detail .nav a:hover{color:#ff783c}.article-detail__main{display:flex;justify-content:space-between}.article-detail__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-detail__main .left .item{display:block;height:40px;line-height:40px;margin-bottom:10px;text-align:center;width:140px}.article-detail__main .left .item.active{background:#ff4533;border-radius:90px;color:#fff}.article-detail__main .left .item:not(.active):hover{color:#ff783c}.article-detail__main .right{border-radius:8px;display:flex;flex:1;flex-direction:column;width:980px}.article-detail__main .right .top{background:#fff;border-radius:8px;display:flex;flex:1;flex-direction:column;padding:30px;width:100%}.article-detail__main .right .top .base-info{color:#303133;font-size:16px}.article-detail__main .right .top .base-info .title{font-size:28px;margin-bottom:20px}.article-detail__main .right .top .base-info .created-at{align-items:center;color:#909499;display:flex;font-size:14px;line-height:30px;margin-bottom:30px}.article-detail__main .right .top .base-info .created-at .icon-jilu,.article-detail__main .right .top .base-info .created-at .icon-shijiao1{font-size:12px}.article-detail__main .right .top .base-info .created-at .browse_count,.article-detail__main .right .top .base-info .created-at .category{margin-right:30px}.article-detail__main .right .top .base-info .created-at .share{margin-left:30px}.article-detail__main .right .top .base-info .created-at .share a{margin-right:5px}.article-detail__main .right .top .base-info .created-at .share a i.icon{font-size:16px}.article-detail__main .right .top .base-info .created-at .share a:hover{color:#ff783c}.article-detail__main .right .top .base-info .content{border-top:1px solid #edf0f2;padding-top:30px}.article-detail__main .right .top .comment-container .comment-page{width:auto}.article-detail__main .right .button{background:#fff;border-radius:8px;margin-top:20px;width:100%}.article-detail__main .right .button .comment-page{width:auto}