$HeaderH:70px;
.container{
  height:100%;
  position: relative;
  .header{
    position: relative;
    height:70px;
    background: #333333 url("../../../assets/img/hunliji.png") no-repeat 20px 50%;
    .nav{
      height: 100%;
      width:200px;
      margin: 0 auto;
      ul{
        height:100%;
        li{
          height:100%;
          margin-right: 20px;
          float: left;
          a{
            display: block;
            height: 100%;
            line-height: 70px;
            text-align: center;
            width: 60px;
            color: #000;
            font-size: 20px;
          }
          .active{
            color: #0b97c4;
          }
        }
      }
    }
    .user{
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      .logout{
        display: block;
        width: 50px;
        height: 30px;
        border-radius: 5px;
        cursor: pointer;
        text-align: center;
        line-height: 30px;
        background: #0b97c4;
        color: #fff;
      }
    }
  }
  .body{
    position: absolute;
    top:$HeaderH;
    width:100%;
    bottom: 0;
  }
}