@media (width>=768px){.PageBox[data-v-e78f014a]{width:100%;position:relative}.PageBox .PageContent[data-v-e78f014a]{max-width:1280px;margin:0 auto;padding:20px 0;display:flex}.PageBox .PageContent .Sidebar[data-v-e78f014a]{overflow:hidden auto}.PageBox .PageContent .Sidebar[data-v-e78f014a]::-webkit-scrollbar{display:none}.PageBox .PageContent .Sidebar .NavBar[data-v-e78f014a]{border-radius:var(--radius);background-color:#fff;width:236px;margin-bottom:10px;padding:8px}.PageBox .PageContent .Sidebar .NavBar .Item[data-v-e78f014a]{cursor:pointer;color:#888;padding:10px 0 10px 10px;line-height:30px;display:flex}.PageBox .PageContent .Sidebar .NavBar .Item .icon[data-v-e78f014a]{width:17px;height:17px;margin-top:6.5px;margin-right:10px}.PageBox .PageContent .Sidebar .NavBar .Item p[data-v-e78f014a]{color:#333;font-size:16px}.PageBox .PageContent .Sidebar .NavBar .active[data-v-e78f014a]{color:var(--color-primary);background:var(--color-primary-soft);position:relative}.PageBox .PageContent .Sidebar .NavBar .active[data-v-e78f014a]:after{content:"";background-color:var(--color-primary);width:5px;height:calc(100% - 30px);position:absolute;top:15px;left:-10px}.PageBox .PageContent .Sidebar .NavBar .active p[data-v-e78f014a]{color:var(--color-primary)}.PageBox .PageContent .Content[data-v-e78f014a]{width:calc(100% - 256px);margin-left:10px}}@media (width<=768px){.PageBox[data-v-e78f014a]{width:100%;position:relative}.PageBox .PageContent[data-v-e78f014a]{width:calc(100% - 20px);max-width:1280px;margin:0 auto}.PageBox .PageContent .Sidebar[data-v-e78f014a]{overflow:hidden auto}.PageBox .PageContent .Sidebar[data-v-e78f014a]::-webkit-scrollbar{display:none}.PageBox .PageContent .Sidebar .NavBar[data-v-e78f014a]{white-space:nowrap;background-color:#fff;border-radius:10px;width:calc(100% - 20px);margin-bottom:5px;padding:0 8px;overflow-x:auto}.PageBox .PageContent .Sidebar .NavBar .Item[data-v-e78f014a]{cursor:pointer;color:#888;margin-right:10px;padding:10px 0 10px 10px;line-height:30px;display:inline-block}.PageBox .PageContent .Sidebar .NavBar .Item .icon[data-v-e78f014a]{width:17px;height:17px;margin-top:6.5px;margin-right:10px;display:inline-block}.PageBox .PageContent .Sidebar .NavBar .Item p[data-v-e78f014a]{color:#333;font-size:16px;display:inline-block}.PageBox .PageContent .Sidebar .NavBar .active[data-v-e78f014a]{color:var(--color-primary);position:relative}.PageBox .PageContent .Sidebar .NavBar .active[data-v-e78f014a]:after{content:"";background-color:var(--color-primary);width:calc(100% - 30px);height:5px;position:absolute;bottom:1px;left:25px}.PageBox .PageContent .Sidebar .NavBar .active p[data-v-e78f014a]{color:var(--color-primary)}.PageBox .PageContent .Content[data-v-e78f014a]{width:100%}.PageBox .PageContent .Content[data-v-e78f014a]::-webkit-scrollbar{display:none}}