.knowledge-list{padding-bottom:60px;width:800px}.knowledge-list nav{border-bottom:1px solid #b4b4b4;justify-content:center;margin:40px auto 10px;width:100%}.knowledge-list nav>span{align-items:center;border-radius:6px 6px 0 0;cursor:pointer;display:flex;font-size:15.3px;padding:5px 10px;transition:all .2s cubic-bezier(0,0,0,1)}html.dark-mode .knowledge-list nav>span:not(.active):hover{background:#5c5c5c}.knowledge-list nav>span:not(.active):hover{background:#e1e1e1}.knowledge-list nav>span.active{background:#2aa0bb;box-shadow:0 0 2px #0000004d;color:#fff}html.dark-mode .knowledge-list nav>span.active{background:#217c91}.knowledge-list nav>span b{background:#f3884a;border-radius:8px;color:#fff;font-size:13.5px;height:17px;line-height:17px;margin-left:4px;text-align:center;width:25px}.knowledge-list .body{margin:auto;width:88%}.knowledge-list .body .common-loading{margin-top:calc(50vh - 48px);transform:translateY(-100%)}.knowledge-list .body>div{width:100%}.knowledge-list .body a{align-items:center;border-radius:5px;display:flex;padding:25.6px 0 19.2px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(0,0,0,1);width:100%}.knowledge-list .body a:after{background:#f3f3f3;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}html.dark-mode .knowledge-list .body a:after{background:#818181}.knowledge-list .body a:not(:last-of-type){margin-bottom:8px}.knowledge-list .body a svg{flex-shrink:0;height:22px;margin:0 8px;width:22px}.knowledge-list .body a span{align-items:center;display:flex;font-size:12.6px;overflow:hidden;padding:5px;position:relative}html.dark-mode .knowledge-list .body a span{color:#fff}.knowledge-list .body a span:after{background:#00a4a4;bottom:0;content:"";height:1.5px;left:10px;opacity:0;position:absolute;transition:all .2s cubic-bezier(0,0,0,1);width:calc(100% - 20px)}.knowledge-list .body a span b{-webkit-line-clamp:1;color:#000;font-size:18px;font-weight:500;line-height:22px;margin:0 4px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}html.dark-mode .knowledge-list .body a span b{color:#fff}.knowledge-list .body a time{color:#696969;font-size:12.96px;margin:0 5px 0 auto;transition:all .2s cubic-bezier(0,0,0,1);word-break:keep-all}html.dark-mode .knowledge-list .body a time{color:#cacaca}.knowledge-list .body a:hover span:after{opacity:1}.knowledge-list .body a:hover time{color:#000}.knowledge-list .body .empty{color:#353535;font-size:1rem;margin-top:20px;text-align:center}html.dark-mode .knowledge-list .body .empty{color:#d4d4d4}@media screen and (max-width:768px){.knowledge-list{width:100%}.knowledge-list .body,.knowledge-list nav{width:calc(100% - 20px)}}