.lm-base-icon-card {
  cursor: pointer;
  max-width: 400px;
  border: 1px solid var(--bg-lv2);
  background-color: #fff;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 8px;
  overflow: hidden;
  &:hover,
  &.active {
    border-color: var(--primary);
  }
  .lm-base-icon-box {
    width: 66px;
    height: 66px;
    background: var(--tab-active-bg);
    text-align: center;
    border: 1px solid var(--bg-lv2);
    margin-right: 7px;
    .anticon {
      line-height: 66px;
      font-size: 32px;
      color:var(--icon);
    }
  }
  .lm-base-icon-card-content{
    width: calc(100% - 73px);
    .title{
      padding: 0px ;
      .anticon {
        color:var(--icon);
        margin: 0 4px;
        font-size: 16px;
        vertical-align: top;
      }
    }
    .lm-base-icon-card-content-title{
      line-height: 16px;
      padding-bottom: 4px;
      display: flex;
      .lm-base-icon-card-content-label{
        flex: 1;
        font-weight: 700;
        color:var(--primary);
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
      }
      .anticon {
        color:var(--icon);
        margin: 0 4px;
        font-size: 16px;
        vertical-align: top;
      }
    } 
  }
}
