/* components/header/header.wxss */

.header-bg {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100rpx;
  padding-top: 40rpx;
  background: #1a191e;
  color: #fff;
  font-size: 26rpx;
  z-index: 1001;
}

.header-bg .icon {
  display: flex;
  align-items: center;
  width: 90rpx;
  height: 80%;
}

.header-bg .icon>image {
  width: 80%;
  height: 50%;
}

.header-bg .title {
  flex: 1;
  display: flex;
  justify-content: center;
  /* width: 50%; */
  text-align: center;
}

.header-bg .title .title-box {
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-bg .right {
  width: 90rpx;
}