.HotIcon {
  display: inline-block;
  min-width: 30px;
  height: 30px;
  width: auto;
  :global {
    img {
      cursor: pointer;
      position: relative;
      top: 0;
      left: 0;
      height: 100%;
      transition: all 0.3s;
    }
    .HotIconHover {
      opacity: 0;
      pointer-events: none;
    }
    .HotIconBase {
      position: absolute;
      top: 0;
      left: 0;
      &:hover {
        opacity: 0;
      }
      &:hover + .HotIconHover {
        opacity: 1;
      }
    }
  }
}

.HotIconAc {
  :global {
    .HotIconHover {
      opacity: 1;
      // pointer-events: auto;
    }
    .HotIconBase {
      opacity: 0;
    }
  }
}
.HotIconZhan {
  :global {
    .HotIconHover {
      opacity: 1;
      pointer-events: auto;
    }
  }
}
