.dialog-menu{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;background:rgba(0,0,0,.4);z-index:10;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.menu-body{width:325px;height:100%;display:flex;flex-direction:column;transform:translateX(-250px);background-color:#fff;transition:all .3s ease-in-out}.menu-body #dialog-menu{font-size:21px;padding:0;display:flex;flex-direction:column;overflow-y:auto}.menu-body #dialog-menu menuitem{padding:15px 0;margin:0 20px;background-color:#fff;border-bottom:1px solid #e8e8e8;cursor:pointer}.menu-body #dialog-menu menuitem a{color:inherit}.menu-body #dialog-menu menuitem .menu-title{display:flex;justify-content:space-between;padding-left:10px}.menu-body #dialog-menu menuitem .menu-title i{width:16px;height:16px;font-size:16px;transition:all .2s linear}.menu-body #dialog-menu menuitem .menuitem-child{display:none;padding:10px}.menu-body #dialog-menu menuitem .menuitem-child .activity{color:red}.menu-body #dialog-menu menuitem .menuitem-child li:first-of-type{font-weight:600}.menu-body #dialog-menu menuitem .menuitem-child li{font-size:16px;margin:10px}.menu-body #dialog-menu .activity{color:#e79f92}.menu-body #dialog-menu menuitem:hover span{padding-left:15px}.rotate90{transform:rotate(90deg)}.d-block{display:block}.menu-body-logo{width:100%;height:auto;padding:10px;margin-top:15px}.mask{flex:1}@media(min-width:1080px){.dialog-menu{display:none!important}}