.header{position:relative;display:flex;width:100%;height:50px;font-size:22px;color:#fff}.header .header-logo{width:90px;display:flex;align-items:center;justify-content:center;z-index:105}.header .header-logo .logo{height:24px;width:70px}.header .header-left{flex:1;overflow:hidden;transition:height .3s cubic-bezier(.075,.82,.165,1);position:relative;z-index:105}.header .header-right{padding-right:25px;z-index:105}.header .header-back{position:absolute;top:0;left:0;right:0;z-index:100;background-color:#2b2e37;transition:height .3s cubic-bezier(.075,.82,.165,1)}.header-user-con{display:flex;height:50px;align-items:center}.btn-toggle{margin-right:80px;color:#999}.myPopover{padding:10px;min-width:auto;background-color:#303133;border-color:#303133;color:#fff;font-size:12px;margin-top:5px!important}.myPopover[x-placement^=bottom] .popper__arrow,.myPopover[x-placement^=bottom] .popper__arrow:after{border-bottom-color:#303133}.btn-bell,.btn-toggle{position:relative;width:30px;height:30px;text-align:center;border-radius:15px;cursor:pointer}.btn-bell-badge{position:absolute;right:0;top:-2px;width:8px;height:8px;border-radius:4px;background:#f56c6c;color:#999}.btn-bell .el-icon-bell{color:#999}.user-name{margin-left:10px}.user-name .el-icon-caret-bottom{color:#666}.user-avator{position:relative;margin-left:15px;padding-left:15px}.user-avator:before{content:" ";position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-block;width:1px;height:20px;background-color:#999}.user-avator .el-avatar{margin-top:5px}.user-avator img{display:block;width:30px;height:30px;border-radius:50%}.el-dropdown-link{color:#ccc;font-size:12px;cursor:pointer}.el-dropdown-menu__item{text-align:center}