[v-cloak] {
  display: none;
}

.header.header-fixed-top{
  position: fixed;
  z-index: 100;
  background-color: #ffffff;
  width: 100%;
  height: 76px;
  box-shadow: 0px 0px 8px 0px #E0E5F0;
  top: 0px;
}
  .header-fixed-top .header-wrapper {
    /* width: calc(100vw - 720px); */
    height: 76px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0px 20px;
  }
    .header-fixed-top .header-wrapper .header-left {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
        .header-fixed-top .header-wrapper .header-left .logo {
          /*width: 87px;*/
          height: 36px;
        }
        .header-fixed-top .header-wrapper .header-left .main-menu {
          margin-left: 48px;
          display: flex;
        }
          .header-fixed-top .header-wrapper .header-left .main-menu .main-menu-item {
            height: 76px;
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #304265;
            line-height: 22px;
            display: flex;
            align-items: center;
            margin-right: 48px;
            cursor: pointer;
            position: relative;
          }
          .header-fixed-top .header-wrapper .header-left .main-menu .main-menu-item:last-child {
            margin-right: 0px;
          }
          .header-fixed-top .header-wrapper .header-left .main-menu .main-menu-item.selected:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 10%;
            width: 80%;
            height: 2px;
            color: #107fff;
            background-color: #107fff;
            transition: .5s all linear;
          }
          .header-fixed-top .header-wrapper .header-left .main-menu .main-menu-item:hover::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 10%;
            width: 80%;
            height: 2px;
            color: #107fff;
            background-color: #107fff;
            transition: .5s all linear;
          }
    .header-fixed-top .header-wrapper .header-right {
      display: flex;
      align-items: center;
    }
    .header-fixed-top .header-wrapper .header-right>div {
      display: flex;
      align-items: center;
    }
      .header-fixed-top .header-wrapper .header-right .header-btn {
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #304265;
        line-height: 22px;
        height: 32px;
        border-radius: 16px;
        padding: 4px 16px;
      }
      .header-fixed-top .header-wrapper .header-right .action-btn {
        background-color: #ffffff;
        border: 1px solid #CBD0D8;
        margin-right: 16px;
      }
      .header-fixed-top .header-wrapper .header-right .user-img {
        width: 36px;
        height: 36px;
        border-radius: 18px;
      }
      .header-fixed-top .header-wrapper .header-right .sign-in-btn {
        background-color: #ffffff;
        border: 1px solid #CBD0D8;
        margin-right: 16px;
      }
      .header-fixed-top .header-wrapper .header-right .sign-up-btn {
        background-color: #107fff;
        color: #ffffff;
        border: 1px solid #107fff;
      }
    .header-fixed-top .header-wrapper .solutions-dropdown-menu {
      position: absolute;
      top: 76px;
      width: calc(100vw - 40px);
      height: 430px;
      background: #ffffff;
      box-shadow: 4px 4px 12px 0px rgba(181, 190, 208, 0.37);
      border-radius: 0px 0px 4px 4px;
    }
    .header-fixed-top .header-wrapper .solutions-dropdown-menu::before {
      content: '';
      display: inline-block;
      width: 100%;
      height: 4px;
      background-color: #e0e5f0;
      opacity: .5;
    }
    .header-fixed-top .header-wrapper .solutions-dropdown-menu-enter-active,
    .header-fixed-top .header-wrapper .solutions-dropdown-menu-leave-active {
      transition: all .5s;
      overflow: hidden;
    }
    .header-fixed-top .header-wrapper .solutions-dropdown-menu-leave-active {
      pointer-events: none;
    }
    .header-fixed-top .header-wrapper .solutions-dropdown-menu-enter,
    .header-fixed-top .header-wrapper .solutions-dropdown-menu-leave-to {
      height: 0;
      opacity: 0;
    }
      .header-fixed-top .header-wrapper .solutions-dropdown-menu .solutions-dropdown-menu-container {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 16px 100px;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: thin;
      }
      .header-fixed-top .header-wrapper .solutions-dropdown-menu .solutions-dropdown-menu-container::-webkit-scrollbar {
        width: 8px;
      }
      .header-fixed-top .header-wrapper .solutions-dropdown-menu .solutions-dropdown-menu-container::-webkit-scrollbar-thumb {
        border-radius: 8px;
      }
      .header-fixed-top .header-wrapper .solutions-dropdown-menu .solutions-dropdown-menu-container .solutions-dropdown-menu-container-item {
				width: 193px;
        margin-right: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
			}
				.header-fixed-top .header-wrapper .solutions-dropdown-menu .solutions-dropdown-menu-container .solutions-dropdown-menu-container-item-title {
					height: 36px;
					padding: 7px 1px;
					font-size: 12px;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 600;
					color: #8893A7;
					line-height: 22px;
					display: flex;
					align-items: center;
				}
					.header-fixed-top .header-wrapper .solutions-dropdown-menu .solutions-dropdown-menu-container .solutions-dropdown-menu-container-item-title .solutions-dropdown-menu-container-item-title-icon {
						width: 2px;
						height: 12px;
						opacity: 0.5;
						background: #107FFF;
						margin-right: 9px;
					}
				.header-fixed-top .header-wrapper .solutions-dropdown-menu .solutions-dropdown-menu-container .solutions-dropdown-menu-container-item-child {
					height: 32px;
					padding: 6px 12px;
					font-size: 12px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #304265;
					line-height: 20px;
					cursor: pointer;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
				}
        .header-fixed-top .header-wrapper .solutions-dropdown-menu .solutions-dropdown-menu-container .solutions-dropdown-menu-container-item-child:hover {
          font-family: PingFangSC-Semibold, PingFang SC;
          font-weight: 600;
          color: #107FFF;
          background: rgba(242, 242, 247, 0.64);
        }
    .header-fixed-top .header-wrapper .help-dropdown-menu {
      position: absolute;
      top: 76px;
      left: 220px;
      width: 146px;
      /* height: 136px; */
      /* height: max-content; */
      background-color: #ffffff;
      box-shadow: 0px 2px 5px 0px rgba(183, 183, 183, 0.15);
      border-radius: 2px;
	  padding: 10px 0;
      border: 1px solid #EFEFEF;
    }
    .header-fixed-top .header-wrapper .help-dropdown-menu::before {
      content: '';
      display: inline-block;
      width: 100%;
      height: 3px;
      background-color: #e0e5f0;
      opacity: .3;
    }
    .header-fixed-top .header-wrapper .help-dropdown-menu-enter-active,
    .header-fixed-top .header-wrapper .help-dropdown-menu-leave-active {
      transition: all .5s;
      overflow: hidden;
    }
    .header-fixed-top .header-wrapper .help-dropdown-menu-leave-active{
      pointer-events: none;
    }
    .header-fixed-top .header-wrapper .help-dropdown-menu-enter,
    .header-fixed-top .header-wrapper .help-dropdown-menu-leave-to {
      height: 0;
      opacity: 0;
    }
      .header-fixed-top .header-wrapper .help-dropdown-menu .help-dropdown-menu-container {
        padding: 4px 0px;
      }
        .header-fixed-top .header-wrapper .help-dropdown-menu .help-dropdown-menu-container .help-dropdown-menu-container-item {
          text-align: center;
          font-size: 14px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
		  width: 146px;
          color: #121933;
          line-height: 22px;
          height: 32px;
          padding: 5px 0px;
        }
        .header-fixed-top .header-wrapper .help-dropdown-menu .help-dropdown-menu-container .help-dropdown-menu-container-item:hover {
          background-color: #F4F8FC;
        }
        .header-fixed-top .header-wrapper .help-dropdown-menu .help-dropdown-menu-container .help-dropdown-menu-container-item:hover a {
          display: block;
          color: #107FFF;
        }
    .header-fixed-top .header-wrapper .userinfo-dropdown-menu {
      width: 180px;
      background: #FFFFFF;
      box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
      border-radius: 4px;
      position: absolute;
      right: 0px;
      top: 64px;
      padding: 4px 0px;
      max-height: 300px;
      overflow-y: auto;
      overflow-x: hidden;
      scrollbar-width: thin;
    }
    .header-fixed-top .header-wrapper .userinfo-dropdown-menu::-webkit-scrollbar {
      width: 8px;
    }
    .header-fixed-top .header-wrapper .userinfo-dropdown-menu::-webkit-scrollbar-thumb {
      border-radius: 8px;
    }
    .header-fixed-top .header-wrapper .userinfo-dropdown-menu-enter-active,
    .header-fixed-top .header-wrapper .userinfo-dropdown-menu-leave-active {
      transition: opacity .5s;
      overflow: hidden;
    }
    .header-fixed-top .header-wrapper .userinfo-dropdown-menu-leave-active {
      pointer-events: none;
    }
    .header-fixed-top .header-wrapper .userinfo-dropdown-menu-enter,
    .header-fixed-top .header-wrapper .userinfo-dropdown-menu-leave-to {
      opacity: 0;
    }
      .header-fixed-top .header-wrapper .userinfo-dropdown-menu .engines-item {
        width: 180px;
        height: 40px;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #222222;
        line-height: 20px;
        padding: 10px 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .header-fixed-top .header-wrapper .userinfo-dropdown-menu .engines-item:hover {
        background: #E7F3FF;
        color: #1890FF;
        cursor: pointer;
      }
      .header-fixed-top .header-wrapper .userinfo-dropdown-menu .engines-item-select {
        background: #E7F3FF;
        color: #1890FF;
      }
      .header-fixed-top .header-wrapper .userinfo-dropdown-menu .divider {
        margin: 5px 0px;
        width: 100%;
        height: 1px;
        background-color: #e8e8e8;
      }


@media screen and (min-width: 1200px) {
  .header-fixed-top .header-wrapper .header-right .icon {
    display: none;
  }
  .header-fixed-top .header-wrapper .main-dropdown-menu {
    display: none;
  }
}


@media screen and (max-width: 1200px) {
  .header.header-fixed-top {
    height: 58px;
    box-shadow: inset 0px -1px 0px 0px #EFEFEF;
  }
   .header-fixed-top .header-wrapper {
     height: 58px;
     padding: 0 16px;
   }
    .header-fixed-top .header-wrapper .header-left .main-menu {
      display: none;
    }
    .header-fixed-top .header-wrapper .header-right .icon {
      display: inline-block;
      font-size: 20px;
      margin-left: 16px;
    }
    .header-fixed-top .header-wrapper .header-right>div {
      display: none;
    }
    .header-fixed-top .header-wrapper .main-dropdown-menu {
      position: absolute;
      top: 58px;
      left: 0px;
      width: 100%;
      background-color: #ffffff;
      height: calc(100vh - 58px);
      overflow-y: auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    .header-fixed-top .header-wrapper .main-dropdown-menu::-webkit-scrollbar {
      display: none;
    }
    .header-fixed-top .header-wrapper .main-dropdown-menu-wrapper {
      position: relative;
      min-height: 100%;
      padding-bottom: 290px;
    }
      .header-fixed-top .header-wrapper .main-dropdown-menu .item {
        height: 55px;
        border-bottom: 1px solid #e5e5e5;
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #304265;
        line-height: 22px;
        padding: 0px 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
        .header-fixed-top .header-wrapper .main-dropdown-menu .item .icon {
          transition: transform .5s;
        }
        .header-fixed-top .header-wrapper .main-dropdown-menu .item.open .icon {
          transform: rotate(180deg);
        }
        .header-fixed-top .header-wrapper .main-dropdown-menu .item+ul {
          display: none;
        }
        .header-fixed-top .header-wrapper .main-dropdown-menu .item.open+ul {
          display: block;
        }
        .header-fixed-top .header-wrapper .main-dropdown-menu .submenu {
          padding-left: 32px;
        }
        .header-fixed-top .header-wrapper .main-dropdown-menu .submenu.level3 {
          padding-left: 16px;
        }
        .header-fixed-top .header-wrapper .main-dropdown-menu .item.level2 {
          padding-left: 0px;
        }
        .header-fixed-top .header-wrapper .main-dropdown-menu .item.level3 {
          padding-left: 0px;
          border-bottom: 0px;
          font-size: 14px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #304265;
          line-height: 20px;
          height: 52px;
        }
        .header-fixed-top .header-wrapper .main-dropdown-menu .contacts {
          position: absolute;
          bottom: 116px;
          width: 100%;
        }
        .header-fixed-top .header-wrapper .main-dropdown-menu .action-btn {
          display: block;
          margin: 0 auto 24px auto;
          width: 80%;
          text-align: center;
          background-color: #107fff;
          font-size: 18px;
          font-family: PingFangSC-Semibold, PingFang SC;
          font-weight: 600;
          color: #FFFFFF;
          line-height: 27px;
          height: 44px;
          border-radius: 22px;
        }
        .header-fixed-top .header-wrapper .main-dropdown-menu .phone-number,
        .header-fixed-top .header-wrapper .main-dropdown-menu .work-time {
          font-size: 12px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #707481;
          line-height: 18px;
          text-align: center;
        }
          .header-fixed-top .header-wrapper .main-dropdown-menu .phone-number span{
            color: #107fff;
          }
}