.header{
    width: 100%;
    height:3.6rem;
    background-color: #ffffff;
    position: relative;
    z-index: 999;
    
}
.head{
    width:100%;
    border: 0;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    z-index: 999;
}
.headnavfixed{
    width: 100%;
    height: 3.6rem;
    box-shadow: none;
    margin-top: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    border-radius: 0;
    background-color: #ffffff;
}
.headnav {
    width: 100%;
    height: auto;
}
.headtop{
    width: 100%;
    height: 1.706667rem;
    margin-bottom: .026667rem;
}
.headtop a{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: #292929;
    line-height: 1.706667rem;
    text-align: center;
    text-indent: 0;
    font-size: 0.4rem;
}
.headtop img {
    height: 1.706667rem;
}
.headbottom{
    width: 100%;
    height: 1.866667rem;
    border-bottom: 1px solid #D8D8D8;
}
.headbtn a {
    display: block;
    width: 20%;
    height: 1.866667rem;
    float: left;
    background: #ffffff;
    font-size: .373333rem;
    text-align: center;
}
.headbtn span{
    margin: 0 auto;
    
}
.navlogo{
    display: block;
    width: .8rem;
    height: .8rem;
    background-size: .8rem;
    margin-top: .24rem !important;
}
.navlogo-home{
    background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201902/a0b3ab751a1347359f62eda44ea626d9.png) no-repeat center center;
    background-size: cover;
}
.navlogo-course{
    background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201902/1b7196473cb94368964e66f0ebcfbb46.png) no-repeat center center;
    background-size: cover;
}
.navlogo-school{
    background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201902/8828d59a5fcd4fb4a1c2434db2c9abe9.png) no-repeat center center;
    background-size: cover;
}
.navlogo-teacher{
    background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201902/ec1d7da5c97044ed8a71525462af7755.png) no-repeat center center;
    background-size: cover;
}
.navlogo-news{
    background: url(//image.zhihuishu.com/zhs_yufa_150820/ablecommons/demo/201908/d41381b6be1440bfa5df6a98dd778e21.png) no-repeat center center;
    background-size: cover;
}
.headbtn .active .navlogo-home{
    background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201902/23b09264d71a4bb39d706066d452557d.png) no-repeat center center;
    background-size: cover;
}
.headbtn .active .navlogo-course{
    background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201902/d2e7618d974e418191fba9fd32270235.png) no-repeat center center;
    background-size: cover;
}
.headbtn .active .navlogo-school{
    background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201902/22072d662f034a2190ede4a223d77a3e.png) no-repeat center center;
    background-size: cover;
}
.headbtn .active .navlogo-teacher{
    background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201902/6d9dae5dcc494e36b27225d01508dd9e.png) no-repeat center center;
    background-size: cover;
}
.headbtn .active .navlogo-news{
    background: url(//image.zhihuishu.com/zhs_yufa_150820/ablecommons/demo/201908/368597413adf4c64bf6fb76de10e8592.png) no-repeat center center;
    background-size: cover;
}
.navname{
    display: block;
    height: .533333rem;
    text-align: center;
    line-height: .533333rem;
    margin-top: .106667rem !important;
    width: 50%;
    color: #9D9D9D;
}
.headbtn .active .navname{
    color: #179DE6;
}