@import "../../../asset/less/main.less";
 
.adminbank-headernav-box {
  .Wa;
  .H(60);
  z-index: 3;
  .Pa;
  top: 0;
  left: 0;
  .rgba(255,255,255,.8);
  border-bottom: 1px solid rgba(0,0,0,.1);
  padding: 10px 20px;
  
  .header-nav-list {
    .fr;
    .H(40);
    .Lh(40);
    .Mr(20);
    
    .list {
      .fl;
      a {
        .Pr;
        .transition(all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1));
        padding: 0 1em;
        .Dpi;
        .CB;
        
        &:hover {
          .CLinkHover;
        }
      }
      
      &.hot {
        a {
          &:before {
            content: '';
            .circle(6);
            .BR;
            .Pa;
            right: 8px;
            top: 8px;
          }
        }
      }
      
      &.key {
        a {
          .CLink;
        }
      }
      
      .active {
        .CLinkHover;
      }
    }
  }
  
  .profile {
    .H(40);
    .Lh(40);
    .fr;
    .Pr;
    h2 {
      max-width: 100px;
      .H(40);
      .Fs(12);
      .Ofh;
      .Cg;
      .Cp;
      .Dpi;
      border-left: 1px dashed rgba(0,0,0,.1);
      text-overflow: ellipsis;
      padding-left: 1.5em;
      padding-right: 1.2em;
      white-space: nowrap;
      .Tran;
      
      
      &:hover {
        .CLinkHover;
        i {
          .CLinkHover;
        }
        
      }
      
      i {
        .Fs(12);
        .Cg;
        .Pa;
        right: 0;
        top: 0;
        .transform(scale(0.6, 0.6));
      }
    }
    
    
    .cover-box {
      .BF;
      .Dpi;
      .radius(3);
      .Pa;
      right: 0;
      top: 40px;
      z-index: 99;
      .shadow(1px 1px 5px rgba(0,0,0,.2));
      .Tran;
      .transform(scale(0, 0));
      .transformOrigin(80% 0%);
      .W(120);
      
      &:after {
        z-index: 98;
        content: '';
        .WHb(0);
        .Pa;
        top: -6px;
        right: 20px;
        border-style: solid;
        border-width: 6px;
        border-color: #FFF #FFF transparent transparent;
        transform: rotate(-45deg);
        .shadow(1px -1px 1px rgba(0,0,0,.1));
        
      }
      
      
      .list {
        padding: 0 10px;
        .H(40);
        .Ofh;
        .Pr;
        
        .Tran;
        
        i {
          .Lh(40);
          .Fs(12);
          .Cg;
          .Pa;
          .Dpi;
        }
        
        span {
          .Ofh;
          .Wa;
          .H(40);
          left: 0;
          top: 0;
          padding-left: 18px;
          .Fs(12);
          .Dpi;
          .CB;
          .Lh(38);
          .Cp;
          
        }
        
        &:last-child {
          span {
            border-top: 1px dashed rgba(0,0,0,.1);
          }
        }
        
        &:hover {
          .BgHover;
        }
        
      }
    }
    &:hover {
      .cover-box {
        .transform(scale(1, 1));
      }
    }
  }
  
}