#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100%}.avatar-box{background:#2c3840}.avatar-box,.logo-box{text-align:center;padding:20px}.logo-box{background:#616161}.hidden{display:none}.logo-title{margin-top:10px;font-size:13px}.logo-subtitle,.logo-title{color:#fff;margin-bottom:5px;font-weight:700;color:#8aa0ae}.logo-subtitle{font-size:12px}.header-right{float:right;margin-right:32px}#main-component{min-height:100%}#main-component .trigger{font-size:18px;line-height:64px;padding:0 24px;cursor:pointer;-webkit-transition:color .3s;transition:color .3s}#main-component .trigger:hover{color:#1890ff}#main-component .logo{margin:16px;text-align:center}.right-menu{margin-right:24px!important}.user-menu{cursor:pointer}.menu-icon{font-size:18px;padding:4px}