.header .logo{
    float: left;
    width: auto;
    height: 40px;
    position: relative;
    box-sizing: border-box;
    padding:0;
    margin: 5px 5px 5px 0;
}
.header .logo> .logo-img{
    float: left;
    width: 40px;
    height: 40px;
    margin-right:5px;
    *background-color: rgba(255,255,255,0.1);
    background-image: url("../img/logo.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.header .logo> .logo-type{
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding-top: 8px;
}


@media screen and (max-width:800px) {
    .header .logo{
        position: -ms-device-fixed;
        position: fixed;
        top: 0;
        left: 10px;
        z-index: 52;
    }
}
@media screen and (max-width:600px) {
    .header .logo> .logo-type{
        display: none;
    }
}