.topbar[data-v-f197fefc]{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box}.topbar .left[data-v-f197fefc]{flex:1 0;height:100%;display:flex;align-items:center}.topbar .left img[data-v-f197fefc]{height:80%;margin-right:10px}.topbar .left span[data-v-f197fefc]{font-size:16px;font-weight:700;color:#fff}.topbar .right[data-v-f197fefc]{flex:1 0;height:100%;display:flex;align-items:center;justify-content:flex-end}.topbar .right img[data-v-f197fefc]{width:30px;height:30px;border-radius:50%;overflow:hidden;margin-right:10px;cursor:pointer;transition:all .3s ease}.topbar .right img[data-v-f197fefc]:hover{transform:scale(1.1)}*{flex-shrink:0;box-sizing:border-box}body,html{margin:0;padding:0}#app,.page_root,body,html{width:100%;height:100%}.page_root{background:#fff;border-radius:5px;padding:10px 20px}.avatar-uploader .el-upload{border:1px dashed #dcdfe6;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s}.avatar-uploader .el-upload:hover{border-color:#409eff}.avatar-uploader .avatar{width:100px;height:100px;display:block}.el-icon.avatar-uploader-icon{font-size:28px;color:#8c939d;width:100px;height:100px;text-align:center}.el-input__wrapper{width:100%!important}.el-input__wrapper .el-input__inner{flex:1 0}#app[data-v-350536c4]{width:100%;height:100%;display:flex;flex-direction:column;overflow-x:hidden}#app .topbar[data-v-350536c4]{width:100%;height:50px;background:#000}#app .container[data-v-350536c4]{width:100%;flex:1 0;display:flex;flex-direction:row}#app .container .sidebar[data-v-350536c4]{width:200px;height:100%}#app .container .main[data-v-350536c4]{flex:1 0;padding:10px;background:#f0f2f5}#app .footer[data-v-350536c4]{width:100%;height:40px;background:#000;font-size:14px;display:flex;align-items:center;justify-content:center}#app .footer img[data-v-350536c4]{width:20px;height:20px}#app .footer a[data-v-350536c4]{margin-left:10px;color:#fff}