仿寫一個抖音footer的底部 html

css代碼：

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #fff
}

#footers .footer {
    background: #171725;
    min-height: 188px;
    font-size: 14px;
    color: #fff;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 30px 0 0 0;
}

#footers {
    min-width: 960px;
    padding-top: 40px;
    background: #f7f8f9;
}

#footers .top>a {
    color: #fff;
    padding: 0 15px;
    border-left: 1px solid;
}

#footers .top>a:last-child {
    border-right: 1px solid;
}

#footers .bottom {
    padding: 15px 0;
}

#footers .bottom>div {
    padding: 6px 0;
}

#footers .bottom>div a,
#footers .bottom>div span {
    padding: 0 5px;
    border-right: 1px solid;
}

#footers .bottom>div a:last-child,
#footers .bottom>div span:last-child {
    border-right: none;
}

html代碼：

<footer id="footers">
    <div class="footer">
        <div class="top">
            <a href="//creator.douyin.com/agreement/">帳號授權協議</a>
            <a href=" //www.douyin.com/agreement/">用戶服務協議</a>
            <a href=" //www.douyin.com/privacy/">隱私政策</a>
            <a href=" //www.douyin.com/recovery_account/">帳號找回</a>
            <a href=" //www.douyin.com/aboutus/">聯繫我們</a>
        </div>
        <div class="bottom">
            <div>
                <span>2022 © 抖音</span>
                <a
                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002002046">京公網安備11000002002046號</a>
                <span>北京微播視界科技有限公司</span>
            </div>
            <div>
                <a href="http://www.12377.cn/">中國互聯網舉報中心</a>
                <span>網絡文化許可證-京網文-（2016）2282-264號</span>
                <span>違法和不良信息舉報：400-140-2108</span>
                <span>舉報郵箱：feedback@douyin.com</span>
            </div>
            <div>
                <img src="//p3.douyinpic.com/aweme-server-static-resource/gongan_d0289dc.png~tplv-obj.image"
                    alt="pic">
                <a
                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002002046">京公網安備11000002002046號</a>
                <span>地址:
                    北京市海淀區知春路51號4層408</span>
            </div>
        </div>
    </div>
</footer>