.resource-card{
  width: 180px;
  height: 210px;
  border: 1px solid #ddd;
  cursor: pointer;
  position: relative;
  
  .select-bedge{
    position: absolute;
      right: -8px;
      top: -8px;
      width: 24px;
      height: 24px;
      background-size: 24px 24px;
  }

  &:hover{
    border: 1px solid #2d8cf0;
    .select-bedge {
        background: url(../../../../theme/images/no-check.png);
      }
  }
  
    &.active {
      .select-bedge {
        background: url(../../../../theme/images/check.png);
      }
    }
  .recource-cover{
  position: relative;
    width: 100%;
    height: calc(100% - 70px);
    img {
      width: 100%;
      height: 100%;
    }
         .resource-type {
           position: absolute;
           padding: 2px 10px;
           right: 0;
           bottom: 0;
           font-size: 12px;
           color: #fff;
           background-color: #38adff;
           z-index: 11;
         }
  }

  .resource-description{
    padding: 5px;
    position: relative;
    height: 60px;
     p{
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      word-break: break-word;
      white-space: break-spaces;
      margin: 0;
      min-height: calc(100% - 10px);
     }
     .des-footer{
      height: 10px;
       text-align: right;
     }
            
  }
 
}