
.qrcode{
    margin: 0 auto;
    width: 256px;
}

.login-dialog{
  margin: 0 auto;
}

.notice{
    color: red;
    margin: 0 -8px;
}

.nav-btn-years{
  border: 1px ;
  font-size: 16px;
  font-weight: 600;
  margin: 4px;
  padding: 4px 40px 4px 40px;
  border: 1px solid #EBEEF5;
  text-align: center;
}

.filterName{
  margin-left: 20px;
  height: 34px;
  width: 220px;
  margin-top: 4px;
}

.nav-btn-years:hover{
  background: none;
  color: #5a9fd9;
}

.type_item{
    min-width: 160px;
    height: 36px;
    margin: 4px;
    padding: 4 4px;
}
.type_active{
    color: white !important;
    background-color: #5a9fd9 !important;
    transform: translate(2px);
}

.manual-tooltip {
    position: fixed;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    pointer-events: none;
    white-space: nowrap;
  }

  /* 仅添加必要的激活状态样式，不改变尺寸 */
  .type_active {
    color: #409EFF;
    font-weight: 500;
  }

  .classlist li .hover-block {
    height: 100% !important;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .classlist li:hover .hover-block {
    height: 100% !important;
    opacity: 1;
  }

  .classlist li .hover-block .mask-bg {
    width: 100%;
    height: 100%;
  }
