body,h2,ul,p{
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
}
#bnav ul{
    list-style: none;
}
#bnav a{
    text-decoration: none;
    color: darkgray;
    transition: all .1s;
}
#bnav a:hover{
    color: black;
}
#bnav{
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9;
    background-color:#FAFAFA;
    width: 100%;
    height: 50px;
}
#bnav ul{ 
    display: flex;
}
#bnav li{
    width: 33%;
    text-align: center;
}
#bnav p{
    font-size: 20px;
    line-height: 40px;
}
.q3{
    background-color: coral;  
    border-radius: 20px;
    height: 40px;
}
.q3 p{
    color: white;
}
.s{
    width: 100%;
    height: 1800px;
    background-color: #FAFAFA;  
}
.sh{
    width: 100%;
    height: 50px;
    background: linear-gradient(to right,#5F6944,#A8AF90);
    display: flex; 
    position: fixed; 
}
.sh1{
    width:30%;
}
.sh1 p{
    color: white;
    font-size: 30px;
}
#sh2{
    color: white;
    font-size: 15px;
    width: 100%;
    line-height: 40px;
    display: none;
}
.sh3{
    color: rgb(219, 210, 210);
    font-size: 15px;
    width: 100%;
    text-align: center;
    line-height: 40px;
}
.sh4{
    width:30%;
}
.sh4 p{
    color: white;
    font-size: 30px;
}
#sc{
    width: 100%;
    height: 170px;
    background: linear-gradient(to right,#5F6944,#A8AF90);
    display: flex;
}
.sc1{
    width: 170%;
    margin-top: 60px;
    margin-left: 5px;
}
.sc11{
    color: white;
    font-size: 25px;
    font-weight: bolder;
}
.sc12{
    color:rgb(219, 210, 210) ;
    font-size: 15px;
    margin-top: 15px;
}
.sc2{
    width: 100%;
    margin-top: 60px;
    text-align: center;
}
#sc img{
    width: 60px;
    height: auto;
}
.zz{
    width: 100%;
    height: 100px;
    display: flex;
    background-color: #fff;
}
.zz1,.zz2,.zz3{
    margin-top: auto;
    margin-bottom: auto;
}
.zz1 img{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-left: 10px;
}
.zz2{
    margin-left: 10px;
}
.zz21{
    display: flex;
}
.zz211{
    font-size: 15px;
}
.zz212{
    background-color: #BB9070;
    color: white;
    font-size: 12px;
    margin-left: 10px;
}
.zz22{
    color: darkgray;
    font-size: 10px;
    margin-top: 15px;
}
.zz3{
    background-color: coral;
    color: white;
    border-radius: 20px;
    margin-left: 30%;
}
.zz3 p{
    width: 50px;
    height: 25px;
}
.jj{
    width: 100%;
    height: 420px;
    margin-top: 30px;
    background-color: #fff;
}
.jj1{
    width: 95%;
    height: 100px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid darkgray;
}
.jj11{
    width: 100%;
    padding-left: 10px;
    margin-top: auto;
    margin-bottom: auto;
}
.jj12{
    color: black;
    font-size: 25px;
    font-weight: bolder;
}
.jj13{
    color: darkgray;
    font-size: 15px;
    margin-top: 10px;
}
.jj2{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    height: 250px;
    border-bottom: 1px solid darkgray;
}
.jj21{
    font-size: 20px;
    font-weight: bolder;
    color: black;
}
.jj22{
    margin-top: 20px;
    font-size: 15px;
    color: black;
}
.jj3{
    font-size: 20px;
    font-weight: bolder;
    color: black;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
.sp{
    width: 100%;
    height: 1100px;
    margin-top: 30px;
    background-color: #fff;
}
.sp1{
    width: 95%;
    height: 50px;
    margin-left: auto;
    margin-left: auto;
    display: flex;
}
.sp11{
    width: 150%;
    font-size: 20px;
    font-weight: bolder;
    color: black;
    margin-top: auto;
    margin-bottom: auto;
}
.sp12{
    width: 50%;
    font-size: 15px;
    color: darkgray;
    margin-top: auto;
    margin-bottom: auto;
}
.sp2{
    width: 95%;
    height: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
.sp21{
    width: 100%;
    height: 180px;
    margin-top: 15px;
    border-bottom: 1px solid darkgray;
}
.sp4{
    display: flex;
}
.sp22 img{
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.sp23{
    margin-left: 10px;
    margin-bottom: auto;
    margin-top: auto;
}
.sp231{
    color:black;
    font-size: 15px;
}
.sp232{
    color: darkgray;
    font-size: 10px;
    margin-top: 10px;
}
.sp24{
    font-size: 10px;
    color: black;
}
.list{
    margin-left: 60%;
    margin-top: 10px;
    display: flex;
}
.list li{
    width: 50px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #FAFAFA;
    border-radius: 20px;
    text-align: center;
    list-style: none;
    font-size: 10px;
    margin: 8px;
    font-weight: bold;
    transition: all .3s;
    user-select: none;
    /* 选不中内容 */
}
.clicked{
    background-color:coral;
    color: #fff;
}