.zl-unit-card-item {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 119px;
  margin-bottom: 15px;
  border: 1px solid var(--color-card-list);
  border-radius: var(--border-radius-4);
  cursor: pointer;
  user-select: none;

  &:hover
  , &.active {
    overflow: hidden;
    border-color: var(--color-main);
  }

  img {
    display: inline-block;
    width: 100%;
    height: 88px;
    user-select: none;
  }

  p {
    height: 29px;
    margin: 0;
    padding: 0;
    line-height: 29px;
    text-align: center;
    background-color: var(--color-card-list);
    color: var(--color-font);
    font-size: var(--font-size-12);
    pointer-events: none;
  }

  .pop {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
  }

  .zl-large-screen-element-card-img {
    display: flex;
    width: 100%;
    height: 88px;

    justify-content: center;
    align-items: center;
  }
}