关于仿写暖家网首页

最新推荐文章于 2024-10-02 15:35:50 发布
郭临腾
最新推荐文章于 2024-10-02 15:35:50 发布
阅读量70
点赞数
文章标签： css
本文链接：https://blog.csdn.net/jtnykx/article/details/124383477
版权
本文介绍了如何使用CSS技术来仿写暖家网的首页，通过代码段展示了实现细节，帮助读者理解布局和样式设计的过程。
摘要由CSDN通过智能技术生成
关于如何仿写暖家网的首页

在这里插入图片描述
代码段如下
<!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>暖家</title>
    <link rel="stylesheet" href="./css/reset.css">
    <style>
        .nav {
            min-width: 1790px;
            height: 88px;
            background-color: #fff;
        }

        .nav .wrap {
            width: 1790px;
            height: 88px;
            margin: 0 auto;
            overflow: hidden;
        }

        .nav .wrap .logo {
            height: 66px;
            margin-top: 16px;
            float: left;
        }

        .nav .wrap .weixin {
            height: 25px;
            margin-top: 32px;
            float: right;
            margin-right: 38px;
        }

        .nav .wrap .shouji {
            height: 25px;
            margin-top: 32px;
            float: right;
            margin-right: 24px;
            margin-left: 79px;
        }

        .nav .wrap a {
            margin-top: 38px;
            height: 16px;
            line-height: 16px;
            font-size: 16px;
            color: #000;
            margin-left: 24px;
            float: right;
        }

        .img {
            height: 620px;
            background-image: url(./banner/130bc843c4f380bb08273800e46d0787.jpg);
            background-position: center center;
            background-size: cover;
            min-width: 1790px;
            margin: 40px auto 0;
        }

        .jieshi {
            min-width: 1790px;
            height: 80px;
            margin: 70px auto 30px;
            background-color: #fff;
        }

        .jieshi .wrap {
            width: 1790px;
            height: 80px;
            text-align: center;
        }

        .jieshi .wrap .title {
            height: 60px;
            font-size: 50px;
            line-height: 60px;
            font-weight: 900;
            color: #000;
        }

        .jiehsi .wrap .word {
            height: 20px;
            line-height: 20px;
            font-size: 16px;
            color: #9696a5;
        }

        .pp {
            min-width: 1790px;
            height: 756px;
            background-color: #fff;
        }

        .pp .wrap {
            width: 1200px;
            margin: 0 auto;
            height: 756px;
            overflow: hidden;
        }

        .pp .wrap .c1 {
            width: 800px;
            height: 400px;
            float: left;
            background-color: #e8e8e8;
        }

        .pp .wrap .c1 .left {
            width: 340px;
            height: 400px;
            float: left;
        }

        .pp .wrap .c1 .left .title {
            margin-top: 110px;
            width: 180px;
            margin-left: 100px;
            height: 120px;
            line-height: 60px;
            font-size: 56px;
            color: #555;
            font-weight: 900;
        }

        .pp .wrap .c1 .left .word {
            margin-top: 40px;
            height: 28px;
            width: 240px;
            line-height: 28px;
            font-size: 24px;
            margin-left: 100px;
            color: #555;
        }

        .pp .wrap .c1 .right {
            width: 460px;
            height: 400px;
            float: left;
        }

        .pp .wrap .c1 .right img {
            height: 240px;
            margin-left: 90px;
            margin-top: 70px;
        }

        .pp .wrap .c1 .right p {
            width: 460px;
            text-align: center;
            height: 16px;
            margin-top: 10px;
            line-height: 16px;
            font-size: 16px;
            color: #8d8d8d;
        }

        .pp .wrap .c2 {
            width: 380px;
            height: 400px;
            margin-left: 20px;
            float: left;
            background-image: url(./brand/brand_2.jpg);
            background-position: center center;
            background-size: 100% 100%;
        }

        .pp .wrap .c2 img {
            height: 80px;
            margin-top: 50px;
            margin-left: 38px;
        }

        .pp .wrap .c3 {
            background-color: #e8e8e8;
            height: 335px;
            background-size: cover;
            background-position: center center;
            width: 252px;
            background-image: url(./brand/brand_3.jpg);
            margin-top: 20px;
            float: left;
        }

        .pp .wrap .c3 img {
            height: 80px;
            margin-top: 30px;
            margin-left: 30px;
        }

        .pp .wrap .c4 {
            background-color: #e8e8e8;
            height: 335px;
            width: 252px;
            background-size: contain;
            background-image: url(./brand/brand_4.jpg);
            margin-top: 20px;
            margin-left: 22px;
            float: left;
        }

        .pp .wrap .c4 img {
            height: 80px;
            margin-top: 30px;
            margin-left: 30px;
        }

        .pp .wrap .c5 {
            background-color: #e8e8e8;
            height: 335px;
            width: 252px;
            background-size: cover;
            background-position: center center;
            background-image: url(./brand/brand_5.jpg);
            margin-top: 20px;
            margin-left: 22px;
            float: left;
        }

        .pp .wrap .c5 img {
            height: 80px;
            margin-top: 30px;
            margin-left: 30px;
        }

        .pp .wrap .c6 {
            width: 380px;
            height: 335px;
            margin-top: 20px;
            margin-left: 20px;
            float: left;
        }

        .al {
            height: 912px;
            min-width: 1790px;
            background-color: #fff;
        }

        .al .wrap {
            width: 1200px;
            height: 912px;
            margin: 0 auto;
            overflow: hidden;
        }

        .al .wrap .nav {
            height: 90px;
            width: 1200px;
            border-bottom: 1px solid gray;
        }

        .al .wrap .nav a {
            height: 90px;
            width: 200px;
            float: left;
            text-align: center;
            font-size: 28px;
            line-height: 87px;
            color: #000;
        }

        .al .wrap .nav .now {
            color: #ffa31f;
            border-bottom: 5px solid #ffa31f;
        }

        .al .wrap .pic {
            height: 540px;
            width: 1200px;
            margin-top: 55px;
        }

        .al .wrap .pic img {
            height: 250px;
            width: 380px;
            margin-top: 20px;
            float: left;
            margin-left: 30px;
        }

        .al .wrap .bottom {
            height: 230px;
            margin-top: 20px;
            background-image: url(./recommend_case.jpg);
        }

        .al .wrap .bottom .huxing {
            height: 150px;
            width: 280px;
            background-color: #fff;
            margin-top: 40px;
            margin-left: 16px;
            text-align: center;
            float: left;
        }

        .al .wrap .bottom .huxing .title {
            height: 76px;
            line-height: 76px;
            font-size: 32px;
            color: #000;
            font-weight: 900;
        }

        .al .wrap .bottom .huxing .word {
            height: 20px;
            line-height: 20px;
            font-size: 18px;
        }

        .zb .wrap .nav .naw {
            height: 78px;
            font-size: 28px;
            line-height: 75px;
            color: #ffa31f;
            margin-top: 12px;
            border-bottom: 5px solid #ffa31f;
        }

        .zb {
            min-width: 1790px;
            background-color: #fff;
        }

        .zb .wrap {
            width: 1200px;
            margin: 0 auto;
            overflow: hidden;
        }

        .zb .wrap .nav {
            height: 90px;
            width: 1200px;
            border-bottom: 1px solid gray;
        }

        .zb .wrap .nav a {
            height: 90px;
            width: 200px;
            float: left;
            text-align: center;
            font-size: 28px;
            line-height: 87px;
            color: #000;
            border-bottom: 5px solid #fff;
        }

        .zb .wrap .nav .now {
            color: #ffa31f;
            border-bottom: 5px solid #ffa31f;
        }

        .zb .wrap .pic {
            float: left;
            overflow: hidden;
            margin-top: 50px;
            height: 370px;
            width: 380px;
            margin-left: 30px;
            background-image: url(./6249187e66247d5d4542c409af2f0f5c.jpg);
            background-size: contain;
            background-repeat: no-repeat;
            background-color: #e8e8e8;
        }

        .zb .wrap .pic .right {
            height: 32px;
            width: 70px;
            border-radius: 5px;
            background-color: #98bd3b;
            font-size: 22px;
            color: #fff;
            line-height: 32px;
            margin-top: 20px;
            margin-left: 290px;
        }

        .zb .wrap .pic .title {
            height: 40px;
            width: 380px;
            text-align: center;
            margin-top: 240px;
            font-size: 32px;
            line-height: 40px;
            font-weight: 900;
            color: black;
        }

        .zb .wrap .pic .word {
            height: 24px;
            width: 380px;
            text-align: center;
            font-size: 20px;
            line-height: 24px;
            color: black;
        }

        .lc {
            min-width: 1790px;
            background-color: #fff;
        }

        .lc .wrap {
            width: 1200px;
            margin: 0 auto;
            overflow: hidden;
        }

        .lc .wrap .pic {
            width: 140px;
            margin: 0 16px;
            height: 200px;
            float: left;
            text-align: center;
        }

        .lc .wrap .pic img {
            height: 120px;
            border: 1px solid lightgray;
            border-radius: 50%;
        }

        .lc .wrap .pic .title {
            margin-top: 16px;
            height: 18px;
            font-size: 18px;
            line-height: 18px;
            color: black;
        }

        .lc .wrap .pic .word {
            margin-top: 20px;
            height: 28px;
            line-height: 14px;
            font-size: 14px;
            color: gray;
        }

        .dt {
            min-width: 1790px;
            background-color: #fff;
        }

        .dt .wrap {
            width: 1200px;
            margin: 0 auto;
            overflow: hidden;
        }

        .dt .wrap .left {
            float: left;
            width: 590px;
            background-color: #fff;
            text-align: center;
        }

        .dt .wrap .left .pic {
            width: 590px;
            height: 330px;
            background-image: url(./namic_1.jpg);
            background-size: contain;
        }

        .dt .wrap .left .pic img {
            margin-top: 140px;
            height: 90px;
        }

        .dt .wrap .left p {
            height: 50px;
            font-size: 18px;
            line-height: 50px;
            color: black;
        }

        .dt .wrap .right {
            width: 590px;
            margin-left: 20px;
            float: left;
        }

        .dt .wrap .right .word {
            height: 100px;
            margin-top: 20px;
            text-align: center;
            border-radius: 5px;
            float: left;
            background-color: #ededed;
        }

        .dt .wrap .right .word p {
            height: 44px;
            width: 530px;
            line-height: 22px;
            font-size: 16px;
            color: black;
            margin: 28px 30px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

        .line {
            min-width: 1790px;
            height: 1px;
            background-color: gray;
            margin-top: 130px;
            margin-bottom: 70px;
        }

        .kj {
            min-width: 1790px;
            background-color: #fff;
        }

        .kj .wrap {
            width: 1200px;
            margin: 0 auto;
            overflow: hidden;
        }

        .kj .wrap .nav {
            height: 92px;
            width: 1200px;
        }

        .kj .wrap .nav img {
            height: 73px;
            margin-left: 350px;
            float: left;
        }

        .kj .wrap .nav p {
            float: left;
            height: 64px;
            font-size: 64px;
            line-height: 64px;
            color: black;
            margin-left: 20px;
        }

        .kj .wrap .photo {
            height: 174px;
            width: 1200px;
        }

        .kj .wrap .c1 {
            width: 90px;
            height: 350px;
            float: left;
            margin-bottom: 90px;
            margin-top: 20px;
            margin-left: 5px;
        }

        .kj .wrap .c2 {
            width: 820px;
            height: 350px;
            float: left;
            margin-top: 20px;
            margin-left: 5px;
            margin-bottom: 90px;
        }

        .kj .wrap .bottom {
            height: 30px;
            width: 1200px;
            margin: 0 auto;
        }

        .kj .wrap .bottom a {
            height: 30px;
            width: 90px;
            float: left;
            margin-left: 20px;
            text-align: center;
            font-size: 18px;
            line-height: 27px;
            color: #000;
            border-bottom: 5px solid #fff;
        }

        .kj .wrap .bottom .now {
            color: #ffa31f;
            margin-left: 0;
            border-bottom: 5px solid #ffa31f;
        }
        .js {
            width: 1790px;
            border-top: 1px solid gray;
            background-color: #fff;
        }
        .js .wrap {
            width: 1200px;
            margin: 0 auto;
            overflow: hidden;
        }
        .js .wrap .word {
            margin-top: 20px;
            height: 100px;
            width: 130px;
            margin-left: 74px;
            float: left;
            margin-bottom: 80px;
        }
        .js .wrap .word p {
            width: 130px;
            height: 25px;
            line-height: 25px;
            font-size: 16px;
            color: #8d8d8d;
        }
        .last {
            min-width: 1790px;
            background-color: #262523;
        }
        .last .wrap {
            width: 1720px;
            margin: 0 auto;
            overflow: hidden;
            height: 240px;
            border-bottom: 1px solid gray;
        }
        .last .wrap .left {
            height: 190px;
            float: left;
            margin-top: 40px;
        }
        .last .wrap .left a {
            height: 50px;
            width: 60px;
            text-align: center;
            line-height: 50px;
            font-size: 18px;
            color: #fff;
            margin-left: 30px;
        }
        .last .wrap .left .title {
            height: 40px;
            margin-left: 40px;
            font-size: 40px;
            line-height: 40px;
            color: #fff;
        }
        .last .wrap .left .word {
            height: 30px;
            font-size: 14px;
            line-height: 30px;
            margin-top: 10px;
            color: #939392;
        }
        .last .wrap .right {
            margin-top: 40px;
            width: 100px;
            height: 190px;
            float: right;
            margin-left: 12px;
            text-align: center;
        }
        .last .wrap .right img {
            height: 100px;
            width: 100px;
        }
        .last .wrap .right p {
            color: #939392;
            font-size: 12px;
            height: 14px;
            line-height: 14px;
            margin-top: 10px;
        }
        .last .beianhao {
            margin: 0 auto;
            text-align: center;
            color: #939392;
            font-size: 12px;
            height: 50px;
            line-height: 50px;
        }
    </style>
</head>

<body>
    <div class="nav">
        <div class="wrap">
            <img class="logo" src="./nav/logo.png" alt="">
            <img class="weixin" src="./nav/nav_weixin.png" alt="">
            <img class="shouji" src="./nav/nav_app.png" alt="">
            <a href="###">尊享服务</a>
            <a href="###">周边商城</a>
            <a href="###">装修攻略</a>
            <a href="###">装修工地</a>
            <a href="###">经典案例</a>
            <a href="###">臻品套餐</a>
            <a href="###">首页</a>
        </div>
    </div>
    <div class="img">
    </div>
    <div class="jieshi">
        <div class="wrap">
            <p class="title">品牌实力</p>
            <p class="word">毋庸置疑的品牌势力，品质保证高端体验</p>
        </div>
    </div>
    <div class="pp">
        <div class="wrap">
            <div class="c1">
                <div class="left">
                    <p class="title">选好才用好牌</p>
                    <p class="word">用我的坚持</p>
                    <p style="margin-top: 0;" class="word">为你的品质生活打call</p>
                </div>
                <div class="right">
                    <img src="./brand/brand_0_1.png" alt="">
                    <p></p>
                </div>
            </div>
            <div class="c2">
                <img src="./brand/brand_2_1.png" alt="">
            </div>
            <div class="c3">
                <img src="./brand/brand_3_1.png" alt="">
            </div>
            <div class="c4">
                <img src="./brand/brand_4_1.png" alt="">
            </div>
            <div class="c5">
                <img src="./brand/brand_5_1.png" alt="">
            </div>
            <img class="c6" src="./brand/brand_6.jpg" alt="">
        </div>
    </div>
    <div class="jieshi">
        <div class="wrap">
            <p class="title">经典案例</p>
            <p class="word">精美案例真实呈现 你家也可以这样装</p>
        </div>
    </div>
    <div class="al">
        <div class="wrap">
            <div class="nav">
                <a class="now" href="###">简约</a>
                <a href="###">欧式</a>
                <a href="###">田园</a>
                <a href="###">中式</a>
                <a href="###">意大利</a>
                <a href="###">更多</a>
            </div>
            <div class="pic">
                <img style="margin-left: 0;" src="./6249187e66247d5d4542c409af2f0f5c.jpg" alt="">
                <img src="./6249187e66247d5d4542c409af2f0f5c.jpg" alt="">
                <img src="./6249187e66247d5d4542c409af2f0f5c.jpg" alt="">
                <img style="margin-left: 0;" src="./6249187e66247d5d4542c409af2f0f5c.jpg" alt="">
                <img src="./6249187e66247d5d4542c409af2f0f5c.jpg" alt="">
                <img src="./6249187e66247d5d4542c409af2f0f5c.jpg" alt="">
            </div>
            <div class="bottom">
                <div class="huxing">
                    <p class="title">大户型</p>
                    <p class="word">江信国际花园</p>
                    <p class="word">三居室【180m<sup>2</sup>】</p>
                </div>
                <div class="huxing">
                    <p class="title">大户型</p>
                    <p class="word">江信国际花园</p>
                    <p class="word">三居室【180m<sup>2</sup>】</p>
                </div>
                <div class="huxing">
                    <p class="title">大户型</p>
                    <p class="word">江信国际花园</p>
                    <p class="word">三居室【180m<sup>2</sup>】</p>
                </div>
                <div class="huxing">
                    <p class="title">大户型</p>
                    <p class="word">江信国际花园</p>
                    <p class="word">三居室【180m<sup>2</sup>】</p>
                </div>
            </div>
        </div>
    </div>
    <div class="jieshi">
        <div class="wrap">
            <p class="title">工地直播</p>
            <p class="word">记录真实的装修现场 全程透明</p>
        </div>
    </div>
    <div class="zb">
        <div class="wrap">
            <div class="nav">
                <a class="naw" href="###">朝阳区</a>
                <a href="###">西城区</a>
                <a href="###">东城区</a>
                <a href="###">海淀区</a>
                <a href="###">通州区</a>
                <a href="###">更多</a>
            </div>
            <div style="margin-left: 0;" class="pic">
                <p class="right">施工中</p>
                <p class="title">玉惠东路</p>
                <p class="word">HX00【370.52m <sup>2</sup>】</p>
            </div>
            <div class="pic">
                <p class="right">施工中</p>
                <p class="title">玉惠东路</p>
                <p class="word">HX00【370.52m <sup>2</sup>】</p>
            </div>
            <div class="pic">
                <p class="right">施工中</p>
                <p class="title">玉惠东路</p>
                <p class="word">HX00【370.52m <sup>2</sup>】</p>
            </div>
            <div style="margin-left: 0;margin-top: 20px;" class="pic">
                <p class="right">施工中</p>
                <p class="title">玉惠东路</p>
                <p class="word">HX00【370.52m <sup>2</sup>】</p>
            </div>
            <div style="margin-top: 20px;" class="pic">
                <p class="right">施工中</p>
                <p class="title">玉惠东路</p>
                <p class="word">HX00【370.52m <sup>2</sup>】</p>
            </div>
            <div style="margin-top: 20px;" class="pic">
                <p class="right">施工中</p>
                <p class="title">玉惠东路</p>
                <p class="word">HX00【370.52m <sup>2</sup>】</p>
            </div>
        </div>
    </div>
    <div class="jieshi">
        <div class="wrap">
            <p class="title">服务流程</p>
            <p class="word">一站式体验，标准化服务为您省心省力 品质保证高端体验</p>
        </div>
    </div>
    <div class="lc">
        <div class="wrap">
            <div style="margin-left: 14px;" class="pic">
                <img src="./service_1.png" alt="">
                <p class="title">在线预约</p>
                <p class="word">专属客服一对一回访</p>
            </div>
            <div class="pic">
                <img src="./service_2.png" alt="">
                <p class="title">邀请到店</p>
                <p class="word">邀请到店 参加实体样板间</p>
            </div>
            <div class="pic">
                <img src="./service_3.png" alt="">
                <p class="title">在线预约</p>
                <p class="word">专属客服一对一回访</p>
            </div>
            <div class="pic">
                <img src="./service_4.png" alt="">
                <p class="title">在线预约</p>
                <p class="word">专属客服一对一回访</p>
            </div>
            <div class="pic">
                <img src="./service_5.png" alt="">
                <p class="title">在线预约</p>
                <p class="word">专属客服一对一回访</p>
            </div>
            <div class="pic">
                <img src="./service_6.png" alt="">
                <p class="title">在线预约</p>
                <p class="word">专属客服一对一回访</p>
            </div>
            <div style="margin-right: 14px;" class="pic">
                <img src="./service_7.png" alt="">
                <p class="title">在线预约</p>
                <p class="word">专属客服一对一回访</p>
            </div>
        </div>
    </div>
    <div class="jieshi">
        <div class="wrap">
            <p class="title">品牌动态</p>
            <p class="word">查看更多>></p>
        </div>
    </div>
    <div class="dt">
        <div class="wrap">
            <div class="left">
                <div class="pic">
                    <img src="./namic_2.png" alt="">
                </div>
                <p>和吴先生赞爱空间 CCTV秘密大改造高潮迭起</p>
            </div>
            <div class="right">
                <div style="margin-top: 0;" class="word">
                    <p>爱空间标准化家装公司级项目四季怡园独家报道爱空间标准化家装公司级项目四季怡园独家报道爱空间标准化家装公司级项目四季怡园独家报道爱空间标准化家装公司级项目四季怡园独家报道爱空间标准化家装</p>
                </div>
                <div class="word">
                    <p>爱空间标准化家装公司级项目四季怡园独家报道爱空间标准化家装公司级项目四季怡园独家报道爱空间标准化家装公司级项目四季怡园独家报道爱空间标准化家装公司级项目四季怡园独家报道爱空间标准化家装</p>
                </div>
                <div class="word">
                    <p>爱空间标准化家装公司级项目四季怡园独家报道爱空间标准化家装公司级项目四季怡园独家报道爱空间标准化家装公司级项目四季怡园独家报道爱空间标准化家装公司级项目四季怡园独家报道爱空间标准化家装</p>
                </div>
            </div>
        </div>
    </div>
    <div class="line"></div>
    <div class="kj">
        <div class="wrap">
            <div class="nav">
                <img src="./course/ikj.png" alt="">
                <p>3年 从0到10亿</p>
            </div>
            <img class="photo" src="./price_xin.jpg" alt="">
            <img style="margin-left: 0;" src="./price_1.jpg" alt="" class="c1">
            <img class="c2" src="./price_2_1.jpg" alt="">
            <img class="c1" src="./price_3.jpg" alt="">
            <img src="./price_4.jpg" alt="" class="c1">
            <img src="./price_5.jpg" alt="" class="c1">
            <div class="bottom">
                <a class="now" href="###">热门推荐</a>
                <a href="###">热门城市</a>
                <a href="###">最新专题</a>
                <a href="###">友情链接</a>
            </div>
        </div>
    </div>
    </div>
    <div class="js">
        <div class="wrap">
            <div style="margin-left: 0;" class="word">
                <p>新房交房注意事项</p>
                <p>五羊油漆</p>
                <p>夏普电视</p>
                <p>三洋电视</p>
            </div>
            <div class="word">
                <p>新房交房注意事项</p>
                <p>五羊油漆</p>
                <p>夏普电视</p>
                <p>三洋电视</p>
            </div>
            <div class="word">
                <p>新房交房注意事项</p>
                <p>五羊油漆</p>
                <p>夏普电视</p>
                <p>三洋电视</p>
            </div>
            <div class="word">
                <p>新房交房注意事项</p>
                <p>五羊油漆</p>
                <p>夏普电视</p>
                <p>三洋电视</p>
            </div>
            <div class="word">
                <p>新房交房注意事项</p>
                <p>五羊油漆</p>
                <p>夏普电视</p>
                <p>三洋电视</p>
            </div>
            <div class="word">
                <p>新房交房注意事项</p>
                <p>五羊油漆</p>
                <p>夏普电视</p>
                <p>三洋电视</p>
            </div>
        </div>
    </div>
    <div class="last">
        <div class="wrap">
            <div class="left">
                <a style="margin-left: 0;" href="###">关于我们</a>
                <a href="###">展厅地址</a>
                <a href="###">品牌动态</a>
                <a href="###">联系我们</a>
                <a href="###">加入我们</a>
                <a href="###">意见反馈</a>
                <p class="title">400-051-1699</p>
                <p class="word">地址：北京市朝阳区北四环大厦爱空间店</p>
                <p class="word">地址：北京市朝阳区北四环大厦爱空间店</p>
            </div>
            <div class="right">
                <img src="./code.png" alt="">
                <p>爱空间微信小程序</p>
            </div>
            <div class="right">
                <img src="./code.png" alt="">
                <p>爱空间app下载</p>
            </div>
        </div>
        <p class="beianhao">CopyRight?2017 ai空间科技（北京）有限公司 版权所有京ICP备15007819号-1</p>
    </div>
</body>

</html>