$above-height:65px;
.vAboveCom{

  position: fixed;
  left:210px;
  z-index:100;
  width: calc(100% - 210px);
  box-shadow: 1px 1px 12px rgb(244,244,244);
  background-color:#fff;
  height:$above-height;
  .avator{
    position: absolute;
    right:30px;
    top:18px;
    cursor: pointer;
    .name  {
      color:#00A0E9;
    }
    .img{
      background-color: rgb(212, 209, 209);
      width:calc(#{$above-height} - 36px);
      height:calc(#{$above-height} - 36px);
      display:inline-block;
      border-radius: 50%;
      vertical-align: middle;
      overflow: hidden;
    }
    .qr-code{
      background-color: rgb(212, 209, 209);
      width: 40px;
      height: 40px;
      display:inline-block;
      border-radius: 0;
      overflow: hidden;
      vertical-align: middle;
      position: absolute;
      top: -5px;
      right: 80px;
    }
    img{
       width: 100%;
       height: 100%;
     }
    .qr-font{
      top: -2px;
      width: 35px;
      text-align: right;
      position: absolute;
      right: 120px;
      font-size: 12px;
    }
    .el-icon-caret-bottom{
      padding-left:10px;
      color:rgb(65, 65, 65);
    }
  }
}
.dialog-tips{
  text-align: center;
}

.user-dropdown{
  top: 65px!important;
}
