.Hxheadbar{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:40px;background-color:#33414e;background-color:var(--headbar-bg)}.Hxheadbar,.Hxheadbar-bar{display:-webkit-box;display:-ms-flexbox;display:flex}.Hxheadbar-bar{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.HxUsers{position:relative;width:170px}.HxUsers-content{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;cursor:default;color:#fff;color:var(--headbar-color)}.HxUsers-content_img{width:22px;height:22px;border:1px solid;border-radius:50%;background-color:#fff}.HxUsers-content_name{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:20px;padding-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.HxUsers-content_icon{width:30px;height:20px;line-height:20px;font-size:14px}.HxUsers-action{padding:0 8px;height:26px;line-height:26px;cursor:pointer}.HxUsers-action:hover{background-color:#ededed;background-color:var(--hover-color)}.HxWeb{position:relative;height:100%;min-width:1280px;overflow:hidden;color:#282c32}.HxWeb-title{font-size:16px;line-height:40px;color:#fff;padding-left:14px}.HxWeb-main,.HxWeb-menu{float:left;height:calc(100% - 40px)}.HxWeb-main{width:calc(100% - 220px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.HxEllipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}