header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1.25rem;
  opacity: 1;
  background: #39CDF3;
  z-index: 1111;
}

.header-box {
  width: 12.8rem;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-logo {
  width: 3.6944rem;
  height: .5rem;
}

.header-right {
  height: 100%;
}

.header-right>.header-top {
  display: flex;
  align-items: center;
  justify-content: right;
  height: .72rem;
}

.input-search {
  width: 2.40rem;
  height: .3rem;
  border-radius: .2rem;
  box-sizing: border-box;
  border: .01rem solid #2B5D9F;
  padding: 0 .08rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.input-search input {
  width: calc(100% - .3rem);
}

.input-search-img {
  width: .2rem;
  height: .2rem;
  cursor: pointer;
}

.header-login {
  width: .7rem;
  height: .27rem;
  border-radius: .1rem;
  background: #FFA000;
  font-family: AlibabaPuHuiTi;
  font-size: .16rem;
  font-weight: normal;
  line-height: .2rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #FFFFFF;
  line-height: .27rem;
  margin: 0 0 0 .15rem;
  cursor: pointer;
}


.base-header-box-login-user-img {
  width: .34rem;
  height: .34rem;
  object-fit: cover;
  border-radius: .18rem;
}

.base-header-box-login-user {
  background: rgba(244, 247, 255, 0.30);
  border-radius: .18rem;
  height: .36rem;
  display: none;
  align-items: center;
  padding-right: .1rem;
  cursor: pointer;
  position: relative;
  margin: 0 0 0 .15rem;
}

.base-header-box-login-user img {
  width: .36rem;
  height: .36rem;
}

.base-header-box-login-user span {
  font-size: .14rem;
  font-family: Microsoft YaHei UI, Microsoft YaHei UI-400;
  font-weight: 400;
  text-align: LEFT;
  color: #ffffff;
  line-height: .16rem;
  margin: 0 .1rem 0 .06rem;
  max-width: .6rem;
}

.base-header-box-login-user-pull {
  border: none;
  display: inline-block;
  width: .07rem;
  height: .07rem;
  border-bottom: .01rem solid #fff;
  border-left: .01rem solid #fff;
  transform: rotate(-44deg);
  margin-top: -0.02rem;
  transform-origin: center center;
  transition: all 0.15s linear;
}

.base-header-box-login-user-logout {
  width: 100%;
  position: absolute;
  bottom: -.44rem;
  transform-origin: top center;
  transition: all 0.12s linear;
  z-index: 111;
}

.base-header-box-login-user-logout .user-logout-place {
  height: .08rem;
}

.base-header-box-login-user-logout .user-logout-box {
  height: .36rem;
  background: #f0f6ff;
  border-radius: .06rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .06rem;
  font-size: .14rem;
  font-family: Inter, Inter-400;
  font-weight: 400;
  text-align: LEFT;
  color: #5d6067;
  line-height: .16rem;
}

.base-header-box-login-user-logout .user-logout-box img {
  width: .16rem;
  height: .16rem;
  object-fit: cover;
}

.base-header-box-login-user-logout-close {
  opacity: 0;
  transform: scaleY(0);
}

.base-header-box-login-user-logout-show {
  opacity: 1;
  transform: scaleY(1);
}

.ellipsis {
  white-space: nowrap;
  /* 防止文本换行 */
  overflow: hidden;
  /* 隐藏溢出的文本 */
  text-overflow: ellipsis;
  /* 显示省略号来代表被修剪的文本 */
}

.header-login-vip {
  font-family: AlibabaPuHuiTi;
  font-size: .16rem;
  font-weight: normal;
  line-height: .2rem;
  text-align: right;
  text-transform: uppercase;
  letter-spacing: 0;

  color: #2B5D9F;
  cursor: pointer;
}

.header-link {
  height: calc(100% - .72rem);
  display: flex;
  justify-content: right;
}

.header-link-item {
  padding: 0 .13rem;
  height: .42rem;
  font-family: AlibabaPuHuiTi;
  font-size: .18rem;
  font-weight: 500;
  line-height: .22rem;
  text-align: right;
  letter-spacing: 0px;

  color: #2B5D9F;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: .05rem;
  position: relative;
}

.header-link-item i {
  border: none;
  display: inline-block;
  width: .07rem;
  height: .07rem;
  border-bottom: .01rem solid #2B5D9F;
  border-left: .01rem solid #2B5D9F;
  transform: rotate(-44deg);
}

.header-link-more {
  position: absolute;
  background-color: #fff;
  top: .42rem;
  left: 0;
  width: 100%;
  text-align: left;
  border-radius: 0px 0px .05rem .05rem;
  transform-origin: top center;
  transition: all 0.12s linear;
  transform: scaleY(0);
  z-index: 1111;
}

.header-link-more-item {
  padding-left: .13rem;
  line-height: .42rem;
  color: #2B5D9F
}

.header-link-more-item:hover {
  color: #fff;
  background-color: rgba(43, 93, 159, 0.9);
}

.header-link-more>.header-link-more-item:last-child {
  border-radius: 0px 0px .05rem .05rem;
}