.topNav{height:100%}.topNav>.el-row{height:inherit}.topNav>.el-row .logoInfo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.topNav>.el-row .logoInfo .logo{-ms-flex-negative:0;flex-shrink:0;width:128px;height:38px;margin-right:12px}.topNav>.el-row .logoInfo .logo img{width:100%;height:100%}.topNav>.el-row .logoInfo .projectName{-ms-flex-negative:0;flex-shrink:0;position:relative;padding-left:13px;color:#333}.topNav>.el-row .logoInfo .projectName:before{position:absolute;left:0;top:-5px;content:"|";font-size:22px;font-weight:lighter}.topNav>.el-row .userInfo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.topNav>.el-row .userInfo .icon,.topNav>.el-row .userInfo .userHeader,.topNav>.el-row .userInfo .userName{-ms-flex-negative:0;flex-shrink:0;cursor:pointer}.topNav>.el-row .userInfo .userName{margin:0 30px;width:42px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topNav>.el-row .userInfo .userHeader{margin-right:30px}