zhangdehua
/
lachang


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        footer {
            width: 100%;
            height: 360px;
            background: url('https://cookhome-images-1.oss-cn-hangzhou.aliyuncs.com/guangwangindex/123/footer.png') no-repeat center;
            background-size: 100% 100%;
            padding-top: 45px;
            color: #333;
            font-size: 16px;
        }

        footer .top {
            padding-bottom: 16px;
            border-bottom: 1px solid #999999;
        }

        footer .top img {
            width: 140px;
            height: 114px;
        }

        footer .top p {
            color: #fff;
        }

        footer .top .phone {
            margin: 28px 0 20px;
        }

        footer .top .phone span {
            font-size: 32px;
            margin-left: 12px;
        }

        footer .top .right {
            display: flex;
        }

        footer .top .right .erweima {
            margin-left: 65px;
        }

        footer .top .right img {
            width: 139px;
            height: 139px;
        }

        footer .top .right p {
            font-size: 15px;
            margin-top: 10px;
        }

        footer .bom {
            font-size: 15px;
            color: #F7F7F7;
            text-align: center;
            padding-top: 16px;
        }
        footer .number{
            padding-top: 8px;
        }
        .flexB {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
    </style>
</head>

<body>
    <footer>
        <div class="banxin">
            <div class="top flexB">
                <div class="left">
                    <img src="./img/logo_footer.png" alt="">
                    <p class="phone">服务电话<span>010-65006959</span>（9: 00-22: 00） </p>
                    <p class="address">公司地址：北京市东城区朝阳门南大街银河sohoD座一层50129</p>
                </div>
                <div class="right">
                    <div class="erweima">
                        <img src="./img/code.png" alt="">
                        <p>微信扫一扫关注我们</p>
                    </div>
                    <div class="erweima">
                        <img src="./img/tik.png" alt="">
                        <p>打开抖音 搜索页扫一扫</p>
                    </div>
                </div>
            </div>
            <div class="bom">2021-2022 公明腊肠（北京）商贸有限公司 & 公明腊肠官方体验</div>
            <div class="bom number">黑ICP备2021006336号</div>
        </div>

    </footer>
</body>

</html>