@media screen and (max-width: 1420px) {
.logo[data-v-e37f33f2] {
    margin-right: 20px !important;
}
.navItem[data-v-e37f33f2] {
    padding-right: 17px !important;
    padding-left: 10px !important;
}
}
.headerWrap[data-v-e37f33f2] {
  width: 100%;
  min-width: 1400px;
  height: 80px;
  background: #ffffff;
  box-shadow: 0px 10px 40px 0px rgba(177, 177, 177, 0.2);
  backdrop-filter: blur(36px);
  position: fixed;
  z-index: 15;
  left: 0;
  top: 0;
}
.headerWrap .logo[data-v-e37f33f2] {
    width: 222px;
    height: 30px;
    margin: 25px 42px 25px 30px;
    cursor: pointer;
}
.headerWrap .navList[data-v-e37f33f2] {
    display: inline-block;
    vertical-align: top;
}
.headerWrap .navList .navItem[data-v-e37f33f2] {
      display: inline-block;
      padding: 28px 24px 28px 10px;
}
.headerWrap .navList .navItem .navLink[data-v-e37f33f2] {
        color: #191b21;
        position: relative;
        white-space: nowrap;
        cursor: pointer;
}
.headerWrap .navList .navItem .navLink[data-v-e37f33f2]:hover {
        color: #1d6efe;
}
.headerWrap .navList .navItem .navLink.current[data-v-e37f33f2] {
        color: #1d6efe;
        font-weight: bold;
}
.headerWrap .navList .navItem .navLink.current[data-v-e37f33f2]::after {
        content: "";
        position: absolute;
        bottom: -31px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #1d6efe;
}
.headerWrap ul li[data-v-e37f33f2] {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
.headerWrap .loginWrap2[data-v-e37f33f2] {
    float: right;
    display: flex;
}
.headerWrap .loginWrap2 .goToCdk[data-v-e37f33f2] {
      width: 158px;
      height: 48px;
      border: 1px solid #1D6EFE;
      border-radius: 2px;
      background: url(../img/goCdk.e0b8c7a3.png) no-repeat;
      background-size: 34px 34px;
      background-position: 12px 7px;
      text-indent: 54px;
      font-weight: 500;
      font-size: 14px;
      color: #1D6EFE;
      line-height: 48px;
      cursor: pointer;
      display: inline-block;
      vertical-align: top;
      margin-top: 15px;
      margin-right: 15px;
}
.headerWrap .loginWrap2 .noticeBtn[data-v-e37f33f2] {
      width: 135px;
      height: 30px;
      background: #fff9f9;
      border: 1px solid #f5d1d2;
      border-radius: 2px;
      padding: 0 13px;
      box-sizing: border-box;
      font-weight: 400;
      font-size: 14px;
      color: #f25556;
      letter-spacing: 0;
      line-height: 30px;
      cursor: pointer;
      display: inline-block;
      vertical-align: top;
      margin-right: 8px;
      margin-top: 24px;
}
.headerWrap .loginWrap2 .noticeBtn .el-icon-info[data-v-e37f33f2] {
        margin-right: 5px;
}
.headerWrap .loginWrap2 .help[data-v-e37f33f2] {
      display: inline-block;
      font-size: 16px;
      font-weight: 400;
      color: #191b21;
      line-height: 40px;
      vertical-align: bottom;
      cursor: pointer;
      margin-right: 10px;
      margin-top: 20px;
}
.headerWrap .loginWrap2 .help img[data-v-e37f33f2] {
        width: 24px;
        height: 24px;
        margin-bottom: -6px;
}
.headerWrap .loginWrap2 .login[data-v-e37f33f2] {
      width: 150px;
      height: 100%;
      cursor: pointer;
      color: #ffffff;
      background: #1d6efe;
      line-height: 80px;
      text-align: center;
}
.headerWrap .loginWrap2 .userInfo[data-v-e37f33f2] {
      height: 40px;
      margin-top: 20px;
      margin-right: 30px;
}
.headerWrap .loginWrap2 .userInfo .userHeader[data-v-e37f33f2] {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: inline-block;
}
.headerWrap .loginWrap2 .userInfo .nickName[data-v-e37f33f2] {
        display: inline-block;
        vertical-align: top;
        color: #191b21;
        line-height: 40px;
}
.headerWrap .loginWrap2 .userInfo .nickName .span1[data-v-e37f33f2] {
          display: inline-block;
          vertical-align: top;
          max-width: 170px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
}
.headerWrap .loginWrap2 .userInfo .nickName .span2[data-v-e37f33f2] {
          cursor: pointer;
          display: inline-block;
          min-width: 52px;
          padding: 0 4px;
          height: 24px;
          background: rgba(242, 85, 86, 0.1);
          border-radius: 2px;
          color: #f25556;
          font-size: 12px;
          text-align: center;
          line-height: 24px;
          margin-left: 8px;
}
.headerWrap .loginWrap2 .userInfo .separateLine[data-v-e37f33f2] {
        vertical-align: top;
        margin: 12px 16px;
}
.headerWrap .loginWrap2 .userInfo .goOut[data-v-e37f33f2] {
        color: #787c88;
        font-size: 14px;
        vertical-align: top;
        line-height: 40px;
        display: inline-block;
        cursor: pointer;
}

