#footer {
    width: 100%;
    height: auto;
    background-color: #000;
    padding-top: 2rem;
    padding-bottom: 4rem;
    clear: both;
}

#footer .footerIcon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 20.5rem;
    margin: 0 auto;
    height: auto;
    line-height: 0.56rem;
    margin-bottom: 0.3rem;
    gap: 24px;
}

#footer .footerLogo {
    width: 10rem;
    height: auto;
}

/* 四个图标开始 */
/* .iconBox.iconBox2 {
    width: 3.4rem;
} */

.iconBox {
    display: flex;
    gap: 16px;
}

.iconBox .icon {
    width: 0.6rem;
    height: 0.6rem;
}

/* 四个图标结束 */
#footer .footerIconLine {
    width: 20.5rem;
    margin: 1rem auto;
}

#footer .line {
    height: 1px;
    background-color: #444;
}

#footer .footerBottom {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 0px;
    color: #777;
    width: 20.5rem;
    margin: 0 auto;
    padding-bottom: 0.8rem;
}

#footer .footerBottom img {
    margin-right: 0.5rem;
}

.footerBottom .footePhone {
    width: 100%;
    position: relative;
    line-height: 0.4rem;
    font-size: 0.18rem;
}

#footer .footePhone img {
    height: 0.146rem;
    width: 0.95rem;
    /* float: left; */
    margin-top: 0.127rem;
}

#footer .footePhone .footerYear {
    height: 0.4rem;
    line-height: 0.4rem;
    /* float: right; */
    margin-right: 0.2rem;
}

@media screen and (max-width: 375px) {

    #footer .footePhone img {
        height: 0.324rem;
        width: 2.112rem;
        margin-top: 0.038rem;
    }

    .footerYear {
        text-align: right;
    }
}

@media screen and (min-width: 768px) {
    #footer {
        padding-bottom: 0;
    }

    #footer .footerIcon {
        width: 70%;
        margin-top: 6rem;
        height: 5.6rem;
    }

    #footer .footerLogo {
        width: 15rem;
        height: auto;
    }

    /* 四个图标开始 */
    /* .iconBox.iconBox2 {
        width: 22rem;
    } */

    .iconBox .icon {
        width: 3.875rem;
        height: 3.875rem;
    }

    /* 四个图标结束 */
    #footer .footerIconLine {
        width: 70%;
        margin: 2rem auto 1rem;
    }

    .footerBottom .footerBottomLeft {
        width: auto;
    }

    #footer .footerBottom {
        width: 70%;
        flex-direction: row;
    }

    #footer .footerBottom img {
        height: auto;
        width: 5.14rem;
        margin-right: 0.5rem;
    }

    /* #footer .footerBottom .footerYear {
        font-size: 1.28rem;
        line-height: 6rem;
    } */

}