.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    z-index: 10;
    background:rgba(255,255,255,1);
    box-shadow:0px 5px 8px 0px rgba(0,0,0,0.06);
    font-size: 14px;
    .logo {
        height: 29px;
        width: 112px;
        margin: 17px 0 13px; 
        background: url(../../css/i/logo.png) no-repeat center center;
        background-size: 100%;
    }
    .company {
        width:154px;
        height:30px;
        margin: 17px 0 13px 37px;
        padding: 0 14px;
        overflow: hidden;
        background:rgba(255,255,255,1);
        border-radius:15px;
        border:1px solid rgba(235,235,235,1);
        line-height: 30px;
        transition: all 0.3s;
        .company-list {
            width:108px;
            font-size:12px;
            font-family:PingFang-SC-Medium;
            color:rgba(102,102,102,1);
            // line-height:17px;
        }
        i {
            width: 10px;
            height: 6px;
            margin-top: 10px;
            background: url(../../css/i/open.png) no-repeat center center;
            background-size: 100%;
        }
        &.expand {
            height: auto;
            box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.1);
        }
    }
    .tab {
        height: 60px;
        margin-left: 66px;
        line-height: 60px;
        .tab-item {
            float: left;
            margin-right: 44px;
        }
    }
    .user {
        height: 60px;
        line-height: 60px;
        img {
            width: 30px;
            height: 30px;
        }
        .user-name {
            font-size:14px;
            font-family:MicrosoftYaHei;
            color:rgba(51,51,51,1);
            line-height:19px;
        }
        .log-out {
            margin-left: 20px;
            font-size:14px;
            font-weight: bold;
            color:rgba(51,51,51,1);
            line-height:19px;
        }
    }
}

.block {
    width: 100%;
    height: 60px;
}