.toc-wrapper{width:100px;padding-top:56px;overflow:scroll;height:80vh}.toc-wrapper::-webkit-scrollbar{width:8px}.toc-wrapper::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ddd}.toc-wrapper.fixed{top:157px;height:80vh}.toc-wrapper .toc-content{position:relative}.toc-wrapper .toc-content .toc-item{padding-left:10px;height:16px;margin-top:10px;margin-bottom:-1px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;color:#909399;border-left:4px solid transparent;padding-left:15px;transition:.3s}.toc-wrapper .toc-content .toc-item:before{content:"";display:none;position:absolute;left:0;top:0;height:16px;width:4px;background:#6180d4;border-radius:2px}.toc-wrapper .toc-content .toc-item.active{position:relative;color:#6180d4}.toc-wrapper .toc-content .toc-item.active:before{display:block}.toc-wrapper .toc-content .toc-item:hover{color:#6180d4;position:relative}.toc-wrapper .toc-content .toc-item:hover:before{display:block}