.page-wrap{display:flex}.page-wrap .page-side-bar{width:0;transition:all .3s;overflow:hidden}.page-wrap .page-side-bar.open{width:250px}.page-wrap .page-side-bar .page-side-bar-inner{background-color:#fff;border-right:1px solid #ccc;height:100vh;overflow-y:auto;width:250px}.page-wrap .page-side-bar .page-side-bar-inner .site-name{text-align:center;font-size:1.2em;padding:40px 0;font-weight:700;letter-spacing:1px;border-bottom:1px solid #ccc}.page-wrap .page-side-bar .page-side-bar-inner .site-menu{padding:40px 0}.page-wrap .page-side-bar .page-side-bar-inner .site-menu a{display:block;padding:15px 20px;color:#383838}.page-wrap .page-side-bar .page-side-bar-inner .site-menu a .icon-wrap{background-color:#4686c2;padding:5px;border-radius:5px}.page-wrap .page-side-bar .page-side-bar-inner .site-menu a .icon-wrap .eva{fill:#fff!important}.page-wrap .page-side-bar .page-side-bar-inner .site-menu a.router-link-exact-active{background-color:rgba(70,134,194,.1);border-left:5px solid #4686c2}.page-wrap .page-side-bar .page-side-bar-inner .has-sub-menu-inner{display:block;background-color:#f0f0f0;text-align:left;padding:10px 20px}.page-wrap .page-side-bar .page-side-bar-inner .has-sub-menu-inner .icon-wrap{display:inline-block;background-color:#4686c2;height:30px;width:30px;text-align:center;line-height:30px;border-radius:5px;margin-right:10px}.page-wrap .page-side-bar .page-side-bar-inner ul{list-style:none;padding-left:0;margin:0}@media (max-width:767px){.page-wrap .page-side-bar{position:fixed;left:0;top:0;right:0;bottom:0;width:100%!important;z-index:9}.page-wrap .page-side-bar .page-side-bar-inner{width:100%;padding:0;line-height:50px}.page-wrap .page-side-bar .page-side-bar-inner .site-name{padding:0;height:70px;opacity:0}.page-wrap .page-side-bar .page-side-bar-inner .site-menu{padding:0}.page-wrap .page-side-bar.open{transform:translateX(-100%)}}.page-wrap .page-content{flex:1;min-width:1px}.page-wrap .page-content .nav-bar{background-color:#fff;display:flex;justify-content:space-between;padding:10px;align-items:center;position:sticky;top:0;z-index:10;box-shadow:2px 2px 5px rgba(0,0,0,.1)}.page-wrap .page-content .nav-bar .menu-btn{display:block;background-color:#ecf3f9;width:50px;height:50px;line-height:50px;text-align:center;cursor:pointer}.page-wrap .page-content .nav-bar .menu-btn svg{fill:#4686c2}.page-wrap .page-content .nav-bar .company-name{font-size:2em;font-weight:700;letter-spacing:2px}.page-wrap .page-content .nav-bar .account-btn{outline:0;display:inline-flex;align-items:center;justify-content:space-between;background:#4686c2;border:0;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:5px;color:#fff;border-radius:25px;position:relative;cursor:pointer;z-index:9}.page-wrap .page-content .nav-bar .account-btn .head{background-color:#fff;width:30px;height:30px;text-align:center;line-height:30px;border-radius:50%;margin-right:10px}.page-wrap .page-content .nav-bar .account-btn .cog{margin-left:10px}.page-wrap .page-content .nav-bar .account-btn:active ul,.page-wrap .page-content .nav-bar .account-btn:focus ul{transform:translateY(20px);opacity:1;visibility:visible}.page-wrap .page-content .nav-bar .account-btn img{width:35px;height:35px;border-radius:50%;margin-right:10px;background-color:#fff}.page-wrap .page-content .nav-bar .account-btn ul{position:absolute;top:100%;right:0;background:#fff;width:100%;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.1);text-align:left;opacity:0;visibility:hidden;transition:.3s ease;padding-left:10px}.page-wrap .page-content .nav-bar .account-btn ul:before{content:"";position:absolute;top:-6px;left:20px;width:0;height:0;box-shadow:2px -2px 6px rgba(0,0,0,.05);border-top:6px solid #fff;border-right:6px solid #fff;border-bottom:6px solid transparent;border-left:6px solid transparent;transform:rotate(-45deg);mix-blend-mode:multiple}.page-wrap .page-content .nav-bar .account-btn ul li{z-index:1;position:relative;background:#fff;padding:0 10px;color:#666;list-style:none}.page-wrap .page-content .nav-bar .account-btn ul li.active{color:#5380f7}.page-wrap .page-content .nav-bar .account-btn ul li:first-child{border-radius:4px 4px 0 0}.page-wrap .page-content .nav-bar .account-btn ul li:last-child{border-radius:0 0 4px 4px}.page-wrap .page-content .nav-bar .account-btn ul li:last-child a{border-bottom:0}.page-wrap .page-content .nav-bar .account-btn ul a{display:block;border-bottom:1px solid rgba(0,0,0,.05);padding:16px 0;color:inherit;font-size:10px;text-decoration:none}.page-wrap .page-content .page{height:calc(100vh - 70px);overflow-y:auto}