@import "../../../asset/less/main.less";
 
.adminbank-content-box {
  .rgba(255,255,255,0);
  width: calc(100% - 260px);
  .Ha;
  .Pa;
  top: 0;
  .Ml(260);
  padding: 80px 20px 40px 20px;
  .transition(all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1));
  overflow-y: auto;
  .scrollBar;
  
  .band {
    .Wa;
    .Tac;
    border-top: 1px dashed rgba(0,0,0,.1);
    padding-top: 30px;
    .Mt(40);
    
    span {
      .Bg(url(https://cdn.nlark.com/yuque/0/2018/jpeg/137827/1532395157491-avatar/f5e8b1df-10b3-4293-8f43-f299c7c85fd4.jpeg?x-oss-process=image/resize,m_fill,h_64,w_64/format,png) no-repeat left center);
      background-size: 20px;
      padding-left: 24px;
      .CG;
      .H(20);
    }
    
    p {
      .Wa;
      .Tac;
      .Fs(12);
      .Mt(10);
      color: rgba(0,0,0,.2);
    }
  }
  
  .content-box {
    .transition(all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1));
    .BF;
    .Wa;
    padding: 30px;
    .radius(3);
    .Pr;
    .shadow(0 0 5px rgba(0,0,0,.05));
    
    &:hover {
      .shadow(0 0 0 rgba(0,0,0,.05));
    }
    
    .fullscreen-icon {
      .Pa;
      right: 0;
      top: 0;
      .WHb(30);
      .Tac;
      .Lh(30);
      .Cg;
      .Cp;
      &:hover {
        .CLinkHover;
      }
    }
  }
  
  &.fullscreen {
    padding: 0;
    .content-box {
      overflow-y: auto;
      .scrollBar;
      .Wa;
      .Ha;
      .Pf;
      z-index: 999;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      .fullscreen-icon {
        .Pf;
      }
    }
  }
  
  &.asidehide {
    .Ml(0);
    .Wa;
  }
}