* {
    padding: 0;
    margin: 0;
}
a {
    text-decoration: none;
    font-size: 13px;
}
.header {
    padding-top: 3%;
    padding-bottom: 2%;
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 100%;
    border-bottom: 1px solid #e2e2e2;
}
.logo {
    height: 50%;
    margin-left: 10px;
}

.nav {
    flex: 1;
    text-align: center;
}

.nav a {
    color: #303030;
    font-weight:bold ;
    display: inline-block;
    margin-left:5% ;
}

.nav .select {
    color: #fff;
    background-color: #157efb;
    line-height: 26px;
    width: 75px;
    border-radius: 20px;
}
h4{
    padding:5% 0 0 3%;
}
.a1{
    border-top: #ececec solid 8px ;
}
.a2{
    width:95%;
    margin-left: 3%;
    margin-top: 3%;
}

.a3{
    margin-top: 30px;
    text-align: center;
    line-height: 2;
    list-style: none;
    color:#777777;
    font-size:14px;
    /*padding-left: 3em;*/
}
.a4{
    text-align: center;
}
.a5{
    text-align: center;
    margin-top: 1%;
    margin-bottom: 1%;
}
.a8{
    text-align: center;
}
span{
    margin-right: 3% ;
}
.tools{
    width: 100%;
    height: 46px;
    position: fixed;
    bottom:0;
    display: flex;
    z-index:10;
    background-color:#ffffff
}
.func{
    flex: 1;
    text-align: center;
    border-top: #e2e2e2 1px solid;
}
.func img {
    padding-top: 3px;
    width: 25px;
    height: 25px;
    display: block;
    margin-bottom: -1px;
    margin-left: 36%;
}
.j11{
    color: #747474;
    font-size: 10px;
}
.j10{
    padding-bottom: 3%;

}