body,html{margin:0;padding:0}#app,body,html{height:100%}.app-wrapper[data-v-cc42847c]{height:100%;display:flex}.app-wrapper .sidebar-container[data-v-cc42847c]{width:260px;height:100%;background:#1d39c4;transition:width .3s;display:flex;flex-direction:column}.app-wrapper .sidebar-container.is-collapse[data-v-cc42847c]{width:64px}.app-wrapper .sidebar-container .logo[data-v-cc42847c]{height:60px;display:flex;align-items:center;padding:0 20px;color:#fff;background:#1890ff;flex-shrink:0}.app-wrapper .sidebar-container .logo img[data-v-cc42847c]{width:32px;height:32px;margin-right:12px}.app-wrapper .sidebar-container .logo span[data-v-cc42847c]{font-size:18px;font-weight:700;white-space:nowrap}.app-wrapper .sidebar-container .el-menu[data-v-cc42847c]{border:none;flex:1;overflow-y:auto}.app-wrapper .sidebar-container .el-menu[data-v-cc42847c]::-webkit-scrollbar{width:6px}.app-wrapper .sidebar-container .el-menu[data-v-cc42847c]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.app-wrapper .sidebar-container .el-menu[data-v-cc42847c]::-webkit-scrollbar-track{background:transparent}.app-wrapper .main-container[data-v-cc42847c]{flex:1;display:flex;flex-direction:column;overflow:hidden}.app-wrapper .main-container .navbar[data-v-cc42847c]{height:60px;background:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08);display:flex;justify-content:space-between;align-items:center;padding:0 20px}.app-wrapper .main-container .navbar .left[data-v-cc42847c]{display:flex;align-items:center}.app-wrapper .main-container .navbar .left i[data-v-cc42847c]{font-size:20px;cursor:pointer;margin-right:20px;color:#666}.app-wrapper .main-container .navbar .left i[data-v-cc42847c]:hover{color:#1890ff}.app-wrapper .main-container .navbar .right .user-info[data-v-cc42847c]{display:flex;align-items:center;cursor:pointer}.app-wrapper .main-container .navbar .right .user-info .avatar[data-v-cc42847c]{width:32px;height:32px;border-radius:50%;margin-right:8px;background:#e6f7ff;display:flex;align-items:center;justify-content:center}.app-wrapper .main-container .navbar .right .user-info .avatar i[data-v-cc42847c]{font-size:20px;color:#1890ff}.app-wrapper .main-container .navbar .right .user-info .username[data-v-cc42847c]{margin:0 8px;font-size:14px}.app-wrapper .main-container .navbar .right .user-info i[data-v-cc42847c]{margin-left:4px;font-size:12px}.app-wrapper .main-container .navbar .right .avatar-uploader .el-upload[data-v-cc42847c]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.app-wrapper .main-container .navbar .right .avatar-uploader .el-upload[data-v-cc42847c]:hover{border-color:#409eff}.app-wrapper .main-container .navbar .right .avatar-uploader .avatar-uploader-icon[data-v-cc42847c]{font-size:28px;color:#8c939d;width:100px;height:100px;line-height:100px;text-align:center}.app-wrapper .main-container .navbar .right .avatar-uploader .avatar[data-v-cc42847c]{width:100px;height:100px;display:block}.app-wrapper .main-container .app-main[data-v-cc42847c]{flex:1;padding:20px;overflow:auto;background:#f0f2f5}