@import "../../../asset/less/main.less";

 
  .adminbank-project-list {
    overflow-y: auto;
    .uselect;
    .Wa;
    height: calc(100% + - 180px);
    .Pa;
    .Mt(20);
    padding: 40px 10px 70px 10px;
    
    .scrollBar;
    
    .list {
      .fl;
      .Ofh;
      .Wp(25);
      padding: 10px;
      @media screen and (max-width: 1179px) and (min-width: 890px) {
        .Wp(33.33);
      }
      @media screen and (max-width: 889px) and (min-width: 600px) {
        .Wp(50);
      }
      @media screen and (max-width: 599px) {
        .Wp(100);
        min-width: 375px;
      }
      
      a {
      
        .Wa;
        border: 1px solid #eee;
        .transition(all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1));
        .BF;
        .Dpi;
        .radius(6);
        padding: 40px 20px 20px 20px;
        .shadow(0px 1px 1px rgba(0,0,0,.1));
        .Cp;
        
        span {
          .CG;
          .transition(all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1));
          .Fs(38);
          .WH(80, 80);
          margin: 0 auto;
          .Tac;
          .Dpb;
          border: 1px dashed #ccc;
          .Lh(80);
          .radius(100);
          .Bg(@grey);
        }
        
        p {
          .Cg;
          .Fs(12);
          .Wa;
          .Tac;
          .Mt(10);
        }
        
        h2 {
          .Wa;
          .CG;
          .Tac;
          .Mt(20);
          .Fs(16);
          text-overflow: ellipsis;
          white-space: nowrap;
          border-top: 1px dashed #ccc;
          padding-top: 30px;
          .transition(all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1));
          padding-bottom: 20px;
          .Ofh;
        }
        
        &:hover {
          .shadow(0 0 0 rgba(0,0,0,0));
          h2 {
            .CLink;
          }
          span {
            .Bg(@band);
            .CF;
          }
        }
        
        &:active {
          .Bg(@grey);
        }
      }
    }
  }