*{
    margin:0;
    padding:0;
}
html{
    background: #efefef;
    font-size:20px!important;
}
#logo{
    background: #ecf9f2;
    width:100%;
    padding:0.1rem 0;
}
#logo img{
    width:100%;
}

/*头部导航栏*/
#bar{
    width: 100%;

}
#bar img{
    width: 10%;
    position: absolute;
    top: 0.25rem;
    right: 0.75rem;
}
#bar ul {
    background: #48b090;
    border-top: 1px solid white;
    overflow-y:hidden;
    position:absolute;
    max-height:0;
    width:100%;
    z-index:1;
    transition: max-height .5s ease-out;
}
#bar ul li{
    list-style: none;
    padding: 0.85rem 1.35rem;
    border-bottom: 1px solid #ffffff8a;
}
#bar ul li a{
    text-decoration:none;
    color:white;
    font-weight:bold;
    font-size:0.75rem;
}
#bar.open ul{
    max-height:100%;

}