.left-menus .default-menu-item{padding:0 16px}.left-menus .default-menu-item>.sub-menu{cursor:pointer;color:var(--text-color);max-width:260px}.left-menus .default-menu-item>.sub-menu>.sub-title{padding:16px 0 16px 8px;font-size:12px;-webkit-transition:color .3s cubic-bezier(.4,0,.2,1),padding-left .3s cubic-bezier(.4,0,.2,1);transition:color .3s cubic-bezier(.4,0,.2,1),padding-left .3s cubic-bezier(.4,0,.2,1)}.left-menus .default-menu-item>.sub-menu>.sub-title i{margin-right:8px;opacity:0;position:absolute;left:-4px;top:-1px;font-size:14px;-webkit-transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity .3s cubic-bezier(.4,0,.2,1)}.left-menus .default-menu-item>.sub-menu>.sub-title>span{position:relative}.left-menus .default-menu-item>.sub-menu>.sub-title.actived{color:var(--text-color);background:none}.left-menus .default-menu-item>.sub-menu>.sub-title>span:hover{padding-left:12px;color:var(--text-color-hover)}.left-menus .default-menu-item>.sub-menu>.sub-title>span:hover>i{opacity:1}.left-menus .default-menu-item>.sub-menu .sub-menu-content .sub-title:hover{background:var(--menu-hover-bg)}.left-menus .default-menu-item>.sub-menu .sub-menu-content .sub-title.actived{color:var(--theme);background:var(--color-primary-active)}.left-menus .default-menu-item>.sub-menu .sub-menu-content .sub-title.actived svg{fill:var(--theme)}.left-menus .default-menu-item>.sub-menu .sub-menu-content .sub-menu-content{padding-left:32px;position:relative}.left-menus .default-menu-item>.sub-menu .sub-menu-content .sub-menu-content:before{content:"";position:absolute;left:16px;top:-8px;bottom:22px;width:2px;background:#f3f4f8}.left-menus .default-menu-item>.sub-menu .sub-menu-content .sub-menu-content .submenu-content-child-before{position:absolute;width:12px;height:12px;left:-16px;top:8px}.left-menus .default-menu-item>.sub-menu .sub-menu-content .sub-menu-content .submenu-content-child-before svg{fill:var(--login-right-bg)}.left-menus .default-menu-item>.sub-menu .sub-menu-content .sub-menu-content>.menu-item{padding:8px 0 8px 8px}.left-menus .default-menu-item>.sub-menu .sub-menu-content .sub-menu-content .actived{color:var(--text-color-hover);background:var(--login-right-bg)}.web-home .el-popover.menu-popover{min-height:20px;min-width:180px}.left-menus .mini-menu-item .el-popover__reference-wrapper{position:relative}.left-menus .mini-menu-item .el-popover__reference-wrapper .el-icon-arrow-right{position:absolute;font-size:14px;right:5px;top:15px}.left-menus .mini-menu-item .menu-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:6px 4px 2px 4px;cursor:pointer;border-radius:5px;font-size:12px;height:58px}.left-menus .mini-menu-item .menu-item .icon-button{height:20px;width:20px;margin-bottom:8px}.left-menus .mini-menu-item .menu-item svg{height:20px;width:20px;margin:0}.left-menus .mini-menu-item>.sub-menu>.sub-title{display:none}.left-menus .mini-menu-item .sub-menu-content{position:relative}.left-menus .mini-menu-item .sub-menu-content .sub-menu .sub-title{font-size:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:6px 4px 2px 4px;height:58px}.left-menus .mini-menu-item .sub-menu-content .sub-menu .sub-title .icon-button{height:32px;width:32px}.left-menus .mini-menu-item .sub-menu-content .sub-menu .sub-title:hover{background:var(--menu-hover-bg)}.left-menus .mini-menu-item .sub-menu-content .sub-menu .sub-title.actived{color:var(--theme);background:var(--color-primary-active)}.left-menus .mini-menu-item .sub-menu-content .sub-menu .sub-title.actived svg{fill:var(--theme)}.left-menus .mini-menu-item .sub-menu-content .sub-menu-content{position:absolute;right:-80px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.left-menus .mini-menu-item:last-child{margin-bottom:16px}.left-menu-item{font-size:14px;height:calc(100% - 70px);overflow:auto;overflow-x:hidden}.left-menu-item .sub-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;border-radius:10px;position:relative}.left-menu-item .sub-title .sub-menu-icon{position:absolute;right:16px}.left-menu-item .sub-title.actived{color:var(--theme);background:var(--color-primary-active)}.left-menu-item .sub-title.actived svg{fill:var(--theme)}.left-menu-item>div.menu-item{padding:0;max-width:260px}.left-menu-item .menu-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:10px;margin:8px 0;min-height:36px;position:relative}.left-menu-item .menu-item:hover{background:var(--menu-hover-bg)}.left-menu-item .menu-item.actived{color:var(--theme);background:var(--color-primary-active)}.left-menu-item .menu-item.actived svg{fill:var(--theme)}.left-menus{width:300px;position:fixed;left:0;top:0;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-right:1px solid var(--menu-hover-bg);-webkit-transition:width .2s ease-in-out 0ms;transition:width .2s ease-in-out 0ms;z-index:2}.left-menus,.left-menus .left-logo-menu{display:-webkit-box;display:-ms-flexbox;display:flex}.left-menus .left-logo-menu{height:70px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding-left:24px}.left-menus .left-logo-menu img{height:32px}.left-menus .left-logo-menu .icon-button,.left-menus .left-logo-menu svg{height:32px;width:32px}.left-menus .left-logo-menu .change-menu-btn{position:absolute;top:22px;right:-13px}.left-menus .left-logo-menu .change-menu-btn .icon-button{height:26px;width:26px}.left-menus .left-logo-menu .change-menu-btn:hover svg{fill:var(--svg-color-hover)}.left-menus .left-logo-menu .change-menu-btn svg{height:26px;width:26px;margin:0;fill:var(--svg-color)}.left-menus .left-logo-menu .change-menu-btn.rotate{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.left-menus.mini-menu{width:87px}.left-menus.mini-menu .left-logo-menu{padding-left:32px}.left-menus.mini-menu ::-webkit-scrollbar{width:0;height:0}.left-menus.mini-menu ::-webkit-scrollbar-thumb{border-radius:0;border:0}.web-home .user-name{padding:0 16px;cursor:pointer}.web-home .user-name .el-popover__reference{color:var(--text-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.web-home .user-name .el-popover__reference:hover{color:var(--text-color-hover)}.web-home .user-name .el-popover__reference:hover svg{fill:var(--text-color-hover)}.web-home .el-popover.user-popover{width:210px;min-height:350px;margin-right:16px;margin-top:0}.web-home .el-popover.user-popover .icon-button,.web-home .el-popover.user-popover svg{cursor:auto}.web-home .el-popover.user-popover .user-pop-content{position:relative;padding:48px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px}.web-home .el-popover.user-popover .user-pop-content .el-button,.web-home .el-popover.user-popover .user-pop-content>div{width:100%}.web-home .el-popover.user-popover .user-pop-content .close-btn{position:absolute;top:12px;left:12px;color:var(--default-btn-bg);width:16px;height:16px}.web-home .el-popover.user-popover .user-pop-content .close-btn svg{width:16px;height:16px;color:var(--default-btn-bg);cursor:pointer}.web-home .el-popover.user-popover .user-pop-content .close-btn:hover svg{fill:var(--error-btn-color)}.web-home .el-popover.user-popover .user-pop-content .user-name-img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;padding-bottom:12px}.web-home .el-popover.user-popover .user-pop-content .user-name-img>.icon-button,.web-home .el-popover.user-popover .user-pop-content .user-name-img>.icon-button svg{width:64px;height:64px}.web-home .el-popover.user-popover .user-pop-content .user-name-img .user-name{color:var(--default-btn-bg);font-size:18px;font-weight:500}.web-home .el-popover.user-popover .user-pop-content .user-name-img .user-role{color:var(--text-color);font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.web-home .el-popover.user-popover .user-pop-content .user-name-img .user-role .icon-button,.web-home .el-popover.user-popover .user-pop-content .user-name-img .user-role svg{width:16px;height:16px;fill:var(--theme)}.web-home .el-popover.user-popover .user-pop-content .user-phone{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:4px;margin-bottom:12px;font-size:12px;line-height:100%}.web-home .el-popover.user-popover .user-pop-content .user-phone .icon-button,.web-home .el-popover.user-popover .user-pop-content .user-phone svg{width:16px;height:16px;cursor:pointer}.web-home .el-popover.user-popover .user-pop-content .user-phone .icon-button:hover,.web-home .el-popover.user-popover .user-pop-content .user-phone svg:hover{fill:var(--theme)}.icon-lists svg{width:20px}.icon-lists svg:hover{fill:var(--text-color-hover)}.app-container.layout-main,.app-container.layout-main .header-menus{display:-webkit-box;display:-ms-flexbox;display:flex}.app-container.layout-main .header-menus{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:72px;min-height:72px;position:sticky;top:0;left:auto;right:0;background-color:rgba(0,0,0,0);-webkit-transition:-webkit-box-shadow .3s cubic-bezier(.4,0,.2,1);transition:-webkit-box-shadow .3s cubic-bezier(.4,0,.2,1);transition:box-shadow .3s cubic-bezier(.4,0,.2,1);transition:box-shadow .3s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .3s cubic-bezier(.4,0,.2,1);z-index:9999}.app-container.layout-main .header-menus:before{backdrop-filter:blur(6px);opacity:1;content:"";visibility:visible;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;-webkit-transition:opacity .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1);transition:opacity .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1)}.app-container.layout-main .header-menus .icon-lists,.app-container.layout-main .header-menus .menu-list,.app-container.layout-main .header-menus .user-name,.app-container.layout-main .header-menus>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:100%}.app-container.layout-main .main-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:auto;flex:auto;-webkit-transition:padding-left .12s linear 0ms;transition:padding-left .12s linear 0ms;padding-left:300px;z-index:1;overflow:auto;overflow-x:hidden}.app-container.layout-main .main-container.mini-menu{padding-left:87px}.app-container.layout-main .main-container .right-container{margin:8px 24px 32px;background-color:var(--container-bg-color);border-radius:16px}html.web-home .el-dropdown-menu .el-dropdown-menu__item:hover{background:var(--menu-hover-bg)}html.web-home .el-dropdown-menu .el-dropdown-menu__item.actived{color:var(--color-primary)}