
// 头部
.header {
  height:1rem;
  margin:0;
  padding:0 0.5rem;
  background-color: $bg-color-main;
  box-shadow: 0 0 0.2rem $bg-color-shadow;
  z-index:2;

  // 顶部logo
  .logo-title{
    display: block;
    float:left;
    width:3.6rem;
    line-height:1rem;
    color: $font-color-primary ;
    font-size:0.28rem;
    text-align: left;
    background: url(../assets/logo_blue.png) left center  no-repeat;
    background-size: 0.42rem 0.42rem;
    padding-left:0.6rem;
  }

  // 头部用户信息
  .header-userinfo{
    display: inline-block;
    color: $font-color-secondary;
    float:right;
    height:1rem;
    line-height:1rem;
    // 头像
    .avatar{
      position: relative;
      display:inline-block;
      height:0.5rem;
      width:0.5rem;
      border-radius: 0.3rem;
      margin-right: 0.1rem;
      vertical-align: middle;
      background: url(../assets/ava.jpg)  center center   no-repeat;
      background-size: cover;
    }
    .username{
      margin-right: 0.2rem;
      height:1rem;
      line-height:1rem;
      vertical-align: middle;
    }
    .username-text{
      display: inline-block;
    }
  }
}
