footer{
    /* margin-top: 20px; */
    background-color: white;
    padding: 40px 0;
}
.footerBox{
    width: 60%;
    margin: 0 auto;
     /* border: 1px solid green;  */
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    display: flex;
    justify-content:space-between;
    align-items: center;
}
.footerBox div:nth-of-type(2){
    text-align: center;
}
.footerImg{
    width: 30%;
    height: 15%;
}
.footerImg img{
    width: 100%;
}
.links{
    margin: 3vw auto;
    width: 80%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.linkBy{
    height: 1vw;
}
.linkBy p{
    line-height: 3vw;
    text-align: center;
}
.linkBox{
    width: 30%;
    height: 1vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.linkBox div{
    width: 2vw;
    height: 1vw;
    
}
.linkBox div img{
    width: 100%;
}
@media (max-width: 998px) {
    /* footer 区域竖排 */
    .footerBox {
        width: 90%;
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }
    .footerImg {
        width: 50%;
        max-width: 200px;
        height: auto;
    }

    /* 版权与图标上下排，图标自动换行居中 */
    .links {
        width: 90%;
        flex-direction: column;
        gap: 20px;
    }
    .linkBy {
        height: auto;
    }
    .linkBox {
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
    .linkBox div {
        width: 24px;
        height: 24px;
    }
}