dstore-list-icon {
  .item-icon {
    margin-top: 0.2rem;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
  }
  .item {
    box-sizing: border-box;
    width: 17rem;
    padding: 0.5rem;
    margin: 1rem 0;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid transparent;
    main {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      .images {
        width: 3.7rem;
        height: 3.7rem;
      }
      .info {
        flex: 1;
        padding-left: 0.6rem;
        width: 0;
        .name {
          padding-bottom: 5px;
          width: 100%;
          .name_context {
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: top;
            max-width: calc(100% - 1.5rem);
          }
          .safe_icon {
            content: var(--safe-icon);
            display: inline-block;
            width: 1rem;
            height: 1rem;
            margin-left: 0.3rem;
            position: relative;
            top: 0.1rem;
          }
        }
        .category {
          >.category-title {
            max-width: 6rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
        .subtitle {
          color: gray;
          font-size: 0.9rem;
          justify-content: space-between;
          align-items: center;
          .category {
            display: inline-block;
            vertical-align: bottom;
            .category-title {
              font-size: 0.77rem;
            }
          }
          dstore-star {
            //display: inline-block;
            vertical-align: bottom;
            float: right;
          }
        }
      }
      .main_control {
        display: none;
        position: absolute;
        max-width: 6rem;
        right: 0;
        bottom: 0.2rem;
        height: 1.5rem;
        line-height: 1rem;
        font-size: 0.87rem;
      }
    }
    .downLoading {
      dstore-star {
        display: none !important;
      }
      span {
        display: none;
      }
      .main_control {
        display: block;
      }
    }
    &.hover,
    &:hover {
      background-color: var(--list-hover-color);
      border: solid 1px var(--list-hover-border-color);
      dstore-star {
        display: none !important;
      }
      span {
        display: none;
      }
      main .main_control {
        display: block;
      }
    }
  }
  .wait {
    cursor: unset;
    padding: 0;
    width: 100%;
    position: relative;
    bottom: 3rem;
    &:hover {
      background: unset;
    }
  }
}