.x-menu-bar{height:100vh;background-color:#2349a4;overflow-x:hidden}.x-menu-bar::-webkit-scrollbar{width:1px}.x-menu-bar::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px #2349a4;background:#2349a4}.x-menu-bar::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #2349a4;border-radius:0;background:#2349a4}.brand{display:flex;justify-content:space-around;align-items:center;padding:0 16px 0 16px;height:88px;color:#fff;font-size:18px}.brand .logo{width:120px;height:56px}.brand span{letter-spacing:1px;font-weight:600}.x-menu{height:100%;border-right:none;z-index:9}.x-menu>.el-menu-item{padding-right:30px;height:66px;line-height:66px;text-indent:20px;font-size:16px}.x-menu .el-menu-item.is-active:before{content:"";z-index:3;position:absolute;left:0;top:0;bottom:0;width:5px;height:100%;background:linear-gradient(180deg,#2ebeff,#3e96fe)}.x-menu .el-menu-item.is-active:after{content:"";z-index:2;position:absolute;left:5px;right:0;top:0;bottom:0;width:calc(100% - 5px);height:100%;background-color:#649cee;opacity:.2}.el-submenu .el-submenu__title{padding-right:30px;text-indent:20px;height:66px;line-height:66px;font-size:16px}.el-submenu .el-menu-item{text-indent:50px;font-size:14px}.el-submenu .el-submenu__icon-arrow{display:none;text-indent:0;font-weight:700;right:30px;font-size:16px;color:#fff}.svg-icon{color:#fff}.header[data-v-790e7d94]{line-height:60px;background-color:#fff;border-bottom:1px solid #eee}.header .welcome[data-v-790e7d94]{color:#999;font-weight:600;font-size:15px}.avatar-box[data-v-790e7d94]{float:right;margin:8px 0 0 25px;cursor:pointer}.avatar[data-v-790e7d94]{margin-right:12px;width:36px;height:36px}[data-v-790e7d94] .x-menu-bar{position:fixed;width:250px}.fade-transform-enter-active[data-v-790e7d94],.fade-transform-leave-active[data-v-790e7d94]{transition:all .5s}.fade-transform-enter[data-v-790e7d94]{opacity:0;transform:translateX(-30px)}.fade-transform-leave-to[data-v-790e7d94]{opacity:0;transform:translateX(30px)}