loit-web-component-gx/static/theme/Red/menu.css

广西时代凌宇前端组件库

.el-menu,.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,.el-menu--horizontal>.el-submenu .el-submenu__title:hover{background-color:#fff }.el-menu--collapse .el-menu .el-submenu,.el-menu--popup{min-width:2rem }.el-menu{border-right:solid 0.01rem #e6e6e6;list-style:none;position:relative;margin:0;padding-left:0 }.el-menu::after,.el-menu::before{display:table;content:"" }.el-menu::after{clear:both }.el-menu--horizontal{border-right:none;border-bottom:solid 0.01rem #e6e6e6 }.el-menu--horizontal>.el-menu-item{float:left;height:0.6rem;line-height:0.6rem;margin:0;border-bottom:0.02rem solid transparent;color:#909399 }.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit }.el-menu--horizontal>.el-submenu{float:left }.el-menu--horizontal>.el-submenu:focus,.el-menu--horizontal>.el-submenu:hover{outline:0 }.el-menu--horizontal>.el-submenu:focus .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{color:#303133 }.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:0.02rem solid #e1806f;color:#303133 }.el-menu--horizontal>.el-submenu .el-submenu__title{height:0.6rem;line-height:0.6rem;border-bottom:0.02rem solid transparent;color:#909399 }.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:0.08rem;margin-top:-0.03rem }.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title{background-color:#fff;float:none;height:0.36rem;line-height:0.36rem;padding:0 0.1rem;color:#909399 }.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-submenu__title.is-active{color:#303133 }.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{outline:0;color:#303133 }.el-menu--horizontal>.el-menu-item.is-active{border-bottom:0.02rem solid #e1806f;color:#303133 }.el-menu--collapse{width:0.64rem }.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:0.24rem;text-align:center }.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none }.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block }.el-menu--collapse>.el-menu-item.is-active i{color:inherit }.el-menu--collapse .el-submenu{position:relative }.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:0.05rem;top:0;left:100%;z-index:10;border:1px solid #e4e7ed;border-radius:0.02rem;-webkit-box-shadow:0 0.02rem 0.12rem 0 rgba(0,0,0,.1);box-shadow:0 0.02rem 0.12rem 0 rgba(0,0,0,.1) }.el-menu-item,.el-submenu__title{height:0.56rem;line-height:0.56rem;list-style:none;position:relative;white-space:nowrap }.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none }.el-menu--popup{z-index:100;border:none;padding:0.05rem 0;border-radius:0.02rem;-webkit-box-shadow:0 0.02rem 0.12rem 0 rgba(0,0,0,.1);box-shadow:0 0.02rem 0.12rem 0 rgba(0,0,0,.1) }.el-menu--popup-bottom-start{margin-top:0.05rem }.el-menu--popup-right-start{margin-left:0.05rem;margin-right:0.05rem }.el-menu-item{font-size:0.14rem;color:#303133;padding:0 0.2rem;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box }.el-menu-item *{vertical-align:middle }.el-menu-item i{color:#909399 }.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:#f8e4de }.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important }.el-menu-item [class^=el-icon-]{margin-right:0.05rem;width:0.24rem;text-align:center;font-size:0.18rem;vertical-align:middle }.el-menu-item.is-active{color:#e1806f }.el-menu-item.is-active i{color:inherit }.el-submenu{list-style:none;margin:0;padding-left:0 }.el-submenu__title{font-size:0.14rem;color:#303133;padding:0 0.2rem;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box }.el-submenu__title *{vertical-align:middle }.el-submenu__title i{color:#909399 }.el-submenu__title:focus,.el-submenu__title:hover{outline:0;background-color:#f8e4de }.el-submenu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important }.el-submenu__title:hover{background-color:#f8e4de }.el-submenu .el-menu{border:none }.el-submenu .el-menu-item{height:0.5rem;line-height:0.5rem;padding:0 0.45rem;min-width:2rem }.el-submenu__icon-arrow{position:absolute;top:50%;right:0.2rem;margin-top:-0.07rem;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:0.12rem }.el-submenu.is-active .el-submenu__title{border-bottom-color:#e1806f }.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg) }.el-submenu.is-disabled .el-menu-item,.el-submenu.is-disabled .el-submenu__title{opacity:.25;cursor:not-allowed;background:0 0!important }.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:0.05rem;width:0.24rem;text-align:center;font-size:0.18rem }.el-menu-item-group>ul{padding:0 }.el-menu-item-group__title{padding:0.07rem 0 0.07rem 0.2rem;line-height:normal;font-size:0.12rem;color:#909399 }.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{-webkit-transition:.2s;transition:.2s;opacity:0 }