.pagoda-layout-v2{--pd-layout-v2-header-height: 60px;--pd-layout-v2-sub-menu-hover-bg-color: var(--pd-color-primary-dark-light-1);position:relative;display:flex;width:100%;height:100%;overflow:hidden}.pagoda-layout-v2__content{width:calc(100% - 40px);height:calc(100% - 40px);margin:20px;background-color:#fff;border-radius:2px;box-shadow:0 0 4px #0000001a}.pagoda-layout-v2__left-menu{position:relative;z-index:99;display:flex;flex-direction:column;justify-content:space-between;width:60px;background-color:var(--el-color-primary)}.pagoda-layout-v2__left-menu .top-area .logo{margin-bottom:18px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffe6}.pagoda-layout-v2__left-menu .top-area .logo i{font-size:22px}.pagoda-layout-v2__left-menu .top-area .logo img{display:block;width:100%;height:100%}.pagoda-layout-v2__left-menu .top-area li.menu-item{padding-top:9px;padding-bottom:9px;margin-bottom:4px}.pagoda-layout-v2__left-menu .bottom-area .user{position:relative;padding-top:8px;padding-bottom:32px;text-align:center;cursor:pointer}.pagoda-layout-v2__left-menu .bottom-area .user:hover{background-color:var(--pd-color-primary-dark-1);color:#fff}.pagoda-layout-v2__left-menu .bottom-area .user-head{width:30px;height:30px;border-radius:50%}.pagoda-layout-v2__left-menu .bottom-area .user-head.icon-touxiang{font-size:30px;color:#ffffffe6}.pagoda-layout-v2__left-menu .bottom-area .personal-setting-menu{position:absolute;left:100%;z-index:99;padding:4px 0;background-color:#fff;min-width:160px;text-align:left;box-shadow:0 2px 6px #0000004d;border:1px solid #c8cbcc}.pagoda-layout-v2__left-menu .bottom-area .personal-setting-menu__item{padding:0 20px;white-space:nowrap;font-size:100%;line-height:37px}.pagoda-layout-v2__left-menu .bottom-area .personal-setting-menu__item:hover .personal-setting-menu__label,.pagoda-layout-v2__left-menu .bottom-area .personal-setting-menu__item:hover .personal-setting-menu__icon{color:var(--el-color-primary)}.pagoda-layout-v2__left-menu .bottom-area .personal-setting-menu__triangle{position:absolute;right:100%;height:0;width:0;border-width:10px;border-color:transparent #fff transparent transparent;border-style:solid;cursor:pointer}.pagoda-layout-v2__left-menu .bottom-area .personal-setting-menu__label,.pagoda-layout-v2__left-menu .bottom-area .personal-setting-menu__icon{display:inline-block;vertical-align:middle}.pagoda-layout-v2__left-menu .bottom-area .personal-setting-menu__label{color:#666}.pagoda-layout-v2__left-menu .bottom-area .personal-setting-menu__icon{margin-right:4px;color:#ccc;font-size:16px}.pagoda-layout-v2__main{overflow:auto;flex:1;background-color:#f8f8f8}.pagoda-layout-v2__main.has-header{padding-top:var(--pd-layout-v2-header-height)}.pagoda-layout-v2__submenu{overflow:auto;padding-top:78px;position:absolute;left:-165px;top:0;bottom:0;z-index:98;width:220px;background-color:var(--pd-color-primary-dark-1);transition:left .3s ease;color:#fff;padding-left:15px;padding-right:15px;box-sizing:border-box}.pagoda-layout-v2__submenu.active{left:60px}.pagoda-layout-v2__submenu-title{height:60px;font-size:var(--el-font-size-large);line-height:60px}.pagoda-layout-v2__submenu-subtitle{font-size:var(--el-font-size-medium)}.pagoda-layout-v2__submenu .dot{display:inline-block;margin-right:10px;width:4px;height:4px;border-radius:2px;vertical-align:middle;background-color:#fff}.pagoda-layout-v2__submenu-list{margin-top:10px}.pagoda-layout-v2__submenu-list li{padding:8px 5px 8px 18px;line-height:24px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagoda-layout-v2__submenu-list li:hover{background-color:var(--pd-layout-v2-sub-menu-hover-bg-color)}.pagoda-layout-v2__submenu-list li:hover .submenu-label{color:#fff}.pagoda-layout-v2__submenu-list li.active{background-color:var(--pd-layout-v2-sub-menu-hover-bg-color)}.pagoda-layout-v2__submenu-list li.active .submenu-icon,.pagoda-layout-v2__submenu-list li.active .submenu-label{color:#fff}.pagoda-layout-v2__submenu-list li .submenu-icon{font-size:24px}.pagoda-layout-v2__submenu-list li .submenu-icon,.pagoda-layout-v2__submenu-list li .submenu-img,.pagoda-layout-v2__submenu-list li .submenu-default-icon{margin-right:8px;border-radius:4px;vertical-align:middle}.pagoda-layout-v2__submenu-list li .submenu-img,.pagoda-layout-v2__submenu-list li .submenu-default-icon{width:24px;height:24px}.pagoda-layout-v2__submenu-list li .submenu-default-icon{display:inline-block;color:#fff;font-size:14px;text-align:center;font-style:normal}.pagoda-layout-v2__submenu-list li .submenu-label{white-space:nowrap;vertical-align:middle}.pagoda-layout-v2 .menu-item{padding-top:7px;padding-bottom:7px;width:60px;color:#ffffffe6;cursor:pointer;text-align:center}.pagoda-layout-v2 .menu-item:not(:last-child){margin-bottom:12px}.pagoda-layout-v2 .menu-item:hover{color:#fff;background-color:var(--pd-color-primary-dark-1)}.pagoda-layout-v2 .menu-item.active{color:#fff;background-color:var(--pagoda-color-primary-dark-2)}.pagoda-layout-v2 .menu-item__icon{margin:0 auto;display:block;font-size:22px}.pagoda-layout-v2 .menu-item__label{margin-top:6px}