网页练习

最新推荐文章于 2023-06-06 20:38:42 发布

Minam SU

最新推荐文章于 2023-06-06 20:38:42 发布

阅读量223

点赞数

分类专栏：前端学习笔记

本文链接：https://blog.csdn.net/sinat_39070454/article/details/89683619

版权

前端学习笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

HOME.html

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> <!--编码识别字符-->
<meta http-equiv="refresh" content="30"><!--30秒更新一次-->
<title>HOME</title>
    <link rel="stylesheet" href="css/all.css">
    <link rel="stylesheet" href="css/home.css">
</head>
<body>
<!--顶部导航栏-->
<div class="nav">
    <div class="nav-all">
        <div class="nav-left fl">
            你好，欢迎来到素材网
        </div>
        <div class="nav-right fr">
            <ul>
                <li><a href="#">网站导航</a></li>
                <li><a href="#">客服中心</a></li>
                <li><a href="#">建材服务</a></li>
                <li><a href="#">我的收藏</a></li>
                <li><a href="#">我的商务室</a></li>
                <li><a href="#">素材网首页</a></li>
            </ul>
        </div>
    </div>
</div>
<!--logo与搜索-->
<div class="search clearfix">
    <div class="search-all">
        <div class="logo fl">
            <img src="img/meilan.png">
        </div>
        <div class="search-right fr">
            <input type="text" value="请输入...">
            <input type="button">
        </div>
    </div>
</div>
<!--第二个导航栏-->
<div class="nav-two">
    <div class="nav-two-all clearfix">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">建筑材料</a></li>
            <li><a href="#">儿童安全座椅</a></li>
            <li><a href="#">工艺美术品</a></li>
        </ul>
    </div>
</div>
<!--主要内容一-->
<div class="main-one clearfix">
    <div class="main-one-all">
        <div class="main-one-left fl">
                <div class="title">商机市场</div>
            <ul>
                <li class="icon1"><a href="#">建筑材料</a></li>
                <li class="icon2"><a href="#">儿童安全座椅</a></li>
                <li class="icon3"><a href="#">工美艺术品</a></li>
                <li class="icon4"><a href="#">建筑材料</a></li>
                <li class="icon5"><a href="#">儿童安全座椅</a></li>
                <li class="icon6"><a href="#">工美艺术品</a></li>
            </ul>
        </div>
        <div class="main-one-center fl">
            <img src="img/suda.png">
        </div>
        <div class="main-one-right fr">
            <div class="one-top"><img src="img/center-r.png"></div>
            <div class="one-bottom"><img src="img/center-r2.png"></div>
        </div>
    </div>
</div>
<!--第三个导航栏-->
<div class="nav-three">
    <div class="nav-three-all">
        建筑材料
    </div>
</div>
<!--第二个主要内容-->
<div class="main-two clearfix">
    <div class="main-two-all">
        <div class="main-two-left fl">
            <!--第一排-->
            <div class="main-t-l">
                <div class="t-l-1 fl">
                    <div class="t-l-left fl">
                        <div class="top-left-top"><img src="img/c1.png"></div>
                        <div class="top-left-bottom"><input type="button"></div>
                    </div>
                    <div class="t-l-right fr">
                        <p class="one">好太太晾衣架 铝钛合金 升降双杆</p>
                        <p class="two">自动换挡 安全耐用 <br>稳定性好 抗氧化强</p>
                        <p class="three"><span>239.00</span> <del>¥386.00</del></p>
                        <p class="four">限量<span>99</span>件已售出<span>20</span>件</p>
                    </div>
                </div>
                <div class="t-l-2 fr">
                    <div class="t-l-left fl">
                        <div class="top-left-top"><img src="img/c2.png"></div>
                        <div class="top-left-bottom"><input type="button"></div>
                    </div>
                    <div class="t-l-right fr">
                        <p class="one">好太太晾衣架 铝钛合金 升降双杆</p>
                        <p class="two">自动换挡 安全耐用 <br>稳定性好 抗氧化强</p>
                        <p class="three"><span>239.00</span> <del>¥386.00</del></p>
                        <p class="four">限量<span>99</span>件已售出<span>20</span>件</p>
                    </div>
                </div>
            </div>
            <hr>
            <!--第二排-->
            <div class="main-t-l">
                <div class="t-l-1 fl">
                    <div class="t-l-left fl">
                        <div class="top-left-top"><img src="img/c3.png"></div>
                        <div class="top-left-bottom"><input type="button"></div>
                    </div>
                    <div class="t-l-right fr">
                        <p class="one">好太太晾衣架 铝钛合金 升降双杆</p>
                        <p class="two">自动换挡 安全耐用 <br>稳定性好 抗氧化强</p>
                        <p class="three"><span>239.00</span> <del>¥386.00</del></p>
                        <p class="four">限量<span>99</span>件已售出<span>20</span>件</p>
                    </div>
                </div>
                <div class="t-l-2 fr">
                    <div class="t-l-left fl">
                        <div class="top-left-top"><img src="img/c4.png"></div>
                        <div class="top-left-bottom"><input type="button"></div>
                    </div>
                    <div class="t-l-right fr">
                        <p class="one">好太太晾衣架 铝钛合金 升降双杆</p>
                        <p class="two">自动换挡 安全耐用 <br>稳定性好 抗氧化强</p>
                        <p class="three"><span>239.00</span> <del>¥386.00</del></p>
                        <p class="four">限量<span>99</span>件已售出<span>20</span>件</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-two-right fr">
            <p class="t-r-title">建材资讯</p>
            <ul>
                <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
                <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
                <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
                <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
                <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
                <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
                <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
                <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
                <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
                <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
                <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
                <li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
            </ul>
        </div>
    </div>
</div>
<!--第四个导航栏-->
<div class="nav-four">
    <div class="nav-four-all">
        儿童安全座椅
    </div>
</div>
<!--第三个主要内容-->
<div class="main-three clearfix">
    <div class="main-three-all">
        <div class="three-left fl">
            <div class="three-l-top">
                <div class="iso fl clearfix"><img src="img/et.png"></div>
                <p class="more fr">详情请点击>></p>
            </div>
            <div class="three-l-bottom">
                <div class="info">
                    <div class="pho"><img src="img/et01.png"></div>
                    <div class="nei">
                        <p class="one">英国百代适-至尊者（带ISOFIX）奔驰宝马专用</p>
                        <p class="two all">适合年龄9个月-4岁</p>
                        <p class="three all">市场价：<del>¥5580</del></p>
                        <p class="four all">直销价:<span>¥3380</span></p>
                    </div>
                </div>
                <div class="info">
                    <div class="pho"><img src="img/et02.png"></div>
                    <div class="nei">
                        <p class="one">英国百代适-至尊者（带ISOFIX）奔驰宝马专用</p>
                        <p class="two all">适合年龄9个月-4岁</p>
                        <p class="three all">市场价：<del>¥5580</del></p>
                        <p class="four all">直销价:<span>¥3380</span></p>
                    </div>
                </div>
                <div class="info">
                    <div class="pho"><img src="img/et03.png"></div>
                    <div class="nei">
                        <p class="one">英国百代适-至尊者（带ISOFIX）奔驰宝马专用</p>
                        <p class="two all">适合年龄9个月-4岁</p>
                        <p class="three all">市场价：<del>¥5580</del></p>
                        <p class="four all">直销价:<span>¥3380</span></p>
                    </div>
                </div>
                <div class="info">
                    <div class="pho"><img src="img/et04.png"></div>
                    <div class="nei">
                        <p class="one">英国百代适-至尊者（带ISOFIX）奔驰宝马专用</p>
                        <p class="two all">适合年龄9个月-4岁</p>
                        <p class="three all">市场价：<del>¥5580</del></p>
                        <p class="four all">直销价:<span>¥3380</span></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="three-right fr">
            <div class="three-right-top"><img src="img/et_right.png"></div>
            <div class="three-right-bottom"><img src="img/et_right_bottom.png"></div>
        </div>
    </div>
</div>
<!--第五个导航栏-->
<div class="nav-four">
    <div class="nav-four-all">
        工艺艺术品
    </div>
</div>
<!--第四个主要内容-->
<div class="main-two clearfix">
    <div class="main-two-all">
        <div class="main-two-left fl">
            <!--第一排-->
            <div class="main-t-l">
                <div class="t-l-1 fl">
                    <div class="t-l-left fl">
                        <div class="top-left-top"><img src="img/c1.png"></div>
                        <div class="top-left-bottom"><input type="button"></div>
                    </div>
                    <div class="t-l-right fr">
                        <p class="one">好太太晾衣架 铝钛合金 升降双杆</p>
                        <p class="two">自动换挡 安全耐用 <br>稳定性好 抗氧化强</p>
                        <p class="three"><span>239.00</span> <del>¥386.00</del></p>
                        <p class="four">限量<span>99</span>件已售出<span>20</span>件</p>
                    </div>
                </div>
                <div class="t-l-2 fr">
                    <div class="t-l-left fl">
                        <div class="top-left-top"><img src="img/c2.png"></div>
                        <div class="top-left-bottom"><input type="button"></div>
                    </div>
                    <div class="t-l-right fr">
                        <p class="one">好太太晾衣架 铝钛合金 升降双杆</p>
                        <p class="two">自动换挡 安全耐用 <br>稳定性好 抗氧化强</p>
                        <p class="three"><span>239.00</span> <del>¥386.00</del></p>
                        <p class="four">限量<span>99</span>件已售出<span>20</span>件</p>
                    </div>
                </div>
            </div>
            <hr>
            <!--第二排-->
            <div class="main-t-l">
                <div class="t-l-1 fl">
                    <div class="t-l-left fl">
                        <div class="top-left-top"><img src="img/c3.png"></div>
                        <div class="top-left-bottom"><input type="button"></div>
                    </div>
                    <div class="t-l-right fr">
                        <p class="one">好太太晾衣架 铝钛合金 升降双杆</p>
                        <p class="two">自动换挡 安全耐用 <br>稳定性好 抗氧化强</p>
                        <p class="three"><span>239.00</span> <del>¥386.00</del></p>
                        <p class="four">限量<span>99</span>件已售出<span>20</span>件</p>
                    </div>
                </div>
                <div class="t-l-2 fr">
                    <div class="t-l-left fl">
                        <div class="top-left-top"><img src="img/c4.png"></div>
                        <div class="top-left-bottom"><input type="button"></div>
                    </div>
                    <div class="t-l-right fr">
                        <p class="one">好太太晾衣架 铝钛合金 升降双杆</p>
                        <p class="two">自动换挡 安全耐用 <br>稳定性好 抗氧化强</p>
                        <p class="three"><span>239.00</span> <del>¥386.00</del></p>
                        <p class="four">限量<span>99</span>件已售出<span>20</span>件</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-four-right fr">
            <div class="f-r-title">建材商社</div>
            <div class="f-r-center">
                <img class="fl" src="img/subtitle.png">
                <p class="fr">在装灯具时，如果装上分开关，可以省去很多烦恼，因为如果只有一个总开关</p>
            </div>
            <ul>
                <li><span>[采暖设备]</span>无所采暖，生活所需</li>
                <li><span>[采暖设备]</span>无所采暖，生活所需</li>
                <li><span>[采暖设备]</span>无所采暖，生活所需</li>
                <li><span>[采暖设备]</span>无所采暖，生活所需</li>
                <li><span>[采暖设备]</span>无所采暖，生活所需</li>
                <li><span>[采暖设备]</span>无所采暖，生活所需</li>
                <li><span>[采暖设备]</span>无所采暖，生活所需</li>
                <li><span>[采暖设备]</span>无所采暖，生活所需</li>
            </ul>
        </div>
    </div>
</div>
<!--尾部一-->
 <div class="last">
     <div class="last-all">
         <div class="last-title fl">友情链接：</div>
         <ul class="fr">
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
             <li><a href="#">爱华网</a></li>
         </ul>
     </div>
 </div>
<!--最后-->
<div class="footer">
    <div class="footer-all">
        <ul>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">关于我们</a></li>
        </ul><br>
        <p>中国建网 版权所有 2000-20012 服务热线：0571-98899898 请与我们联系：server@163.com</p>
        <p>建材网会员互动群：12312313213本网实名:中建网</p>
    </div>
</div>
</body>
</html>

home.css

hr{
    border: 0.5px solid gainsboro;
    margin:10px;
}
.fl{
    float: left;
}
.fr{
float: right;
}
/*顶部导航栏*/
.nav{
    margin-top: -14px;
    height: 30px;
    background: #f0f0f0;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
}
.nav-all{
    width: 980px;
    margin: 0 auto;
}
.nav .nav-left{
    line-height: 30px;
}
.nav .nav-right li{
    float: left;
    line-height: 30px;
    background: url("../img/sj.png") no-repeat right ;
    margin-right: 10px;
    padding-right: 10px;
}
.logo{
    width: 200px;
    height: 84px;
}
.search{
    margin-top: 12px;
}
.search-all,.nav-two-all,.main-one-all,.main-three-all{
    width: 980px;
    margin:0 auto;
}
.search .search-right{
    width: 528px;
    height: 40px;
    border: 1px solid #C9C9C9;
    background: #f5f5f5;
    margin-top:30px;
}
.search input[type=text]{
    width: 419px;
    height:28px;
    border: 1px solid #A6A6A6;
    float: left;
    margin: 5px 0 0 4px;
}
.search input[type=button]{
    width: 99px;
    height: 30px;
    background: url("../img/serch.png");
    float: left;
    margin-top: 5px;
}
.nav-two-all{
    border-bottom: 3px solid #0467a3;
    height: 25px;
    margin-top: 20px;
}
.nav-two ul li{
    float: left;
}
.nav-two li a{
    display: inline-block;
    line-height: 25px;
    height: 25px;
    text-align: center;
    color: #0467a3;
    padding-left: 20px;
    padding-right: 20px;
}
.nav-two li a:hover{
    background: #0467a3;
    color: white;
}
.main-one-all{
    margin-top: 12px;
}
.main-one .main-one-left{
    width: 220px;
    height: 210px;
    background: #ebf0f6;
}
.main-one .main-one-left .title{
    height: 30px;
    color: white;
    background: #0467a3;
    line-height: 30px;
    padding-left: 20px;
}
.main-one .main-one-left ul{
    padding-left: 10px;
}
.main-one .main-one-left li{
    height: 30px;
    line-height: 30px;
}
.main-one .main-one-left a{
    padding-left: 30px;
}
.main-one .main-one-left .icon1{
    background: url("../img/icon_1.png") left no-repeat;
}
.main-one .main-one-left .icon2{
    background: url("../img/icon_2.png") left no-repeat;
}
.main-one .main-one-left .icon3{
    background: url("../img/icon_3.png") left no-repeat;
}
.main-one .main-one-left .icon4{
    background: url("../img/icon_4.png") left no-repeat;
}
.main-one .main-one-left .icon5{
    background: url("../img/icon_5.png") left no-repeat;
}
.main-one .main-one-left .icon6{
    background: url("../img/icon_6.png") left no-repeat;
}
.main-one .main-one-center img{
    width: 500px;
    height: 210px;
    margin-left: 10px;
    margin-right: 10px;
}
.main-one .main-one-right .one-top{
    width: 229px;
    height: 95px;
    border-right: 1px solid #dddddd;
    margin-bottom: 12px;
    margin-top: 5px;
}
.nav-three-all{
    width: 960px;
    height: 34px;
    margin:0 auto;
    line-height: 34px;
    margin-top: 12px;
    background: #ebf0f6;
    border-top: 2px solid #c3d6e4;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 800;
}
.main-two-all{
    width: 980px;
    margin: 0 auto;
    margin-top: 12px;
}
.main-two-left{
    width: 728px;
    height: 340px;
    border: 1px solid #dddddd;
}
.main-two .main-t-l{
    height: 170px;
    margin:16px 30px -26px 30px;
}
.main-two .t-l-left .top-left-top{
    width:93px ;
    height:98px ;
    border: 1px solid gainsboro;
    line-height: 98px;
    padding-left: 5px;
}
.main-two .t-l-left input[type="button"]{
    background: url("../img/buy.png");
    width: 98px;
    height: 26px;
    margin-top: 10px;
}
.main-two .t-l-right{
    margin: 8px;
}
.main-two .t-l-right p{
    font-size: 14px;
}
.main-two .t-l-right .one{
    font-weight: 800;
}
.main-two .t-l-right .two{
    font-size: 12px;
    color: #c27d00;
    margin-top: 16px;
    margin-left: 8px;
    margin-bottom: 15px;
}
.main-two .t-l-right span{
    color: #e10000;
}
.main-two .t-l-right .three span{
    font-size:18px;
    font-weight: 800;
    margin-right: 22px;
}
.main-two .t-l-right .three del{
    font-size: 12px;
}
.main-two .t-l-right .four{
    margin-top: 14px;
}
.main-two .main-two-right{
    width: 238px;
    height: 340px;
    border: 1px solid #dddddd;
}
.main-two .main-two-right .t-r-title{
    font-size: 12px;
    font-weight: 800;
    height: 30px;
    background: #ebf0f6;
    line-height: 30px;
    padding-left: 14px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 14px;
}
.main-two .main-two-right li{
    height: 24px;
    line-height: 24px;
    display: inline-block;
    margin-left: 14px;
    background: url("../img/li_bg.png") left no-repeat;
    padding-left: 14px;
}
.main-two .main-two-right li a:hover{
    color: red;
    text-decoration:underline;
}
.nav-four-all{
    width: 960px;
    height: 34px;
    margin:0 auto;
    margin-top: 12px;
    line-height: 34px;
    background: #ebf0f6;
    border-top: 2px solid #c3d6e4;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 800;
}
.main-three-all{
    margin-top: 12px;
}
.main-three .three-left{
    width: 724px;
}
.three-left .three-l-top{
    height: 25px;
    border-bottom: 3px solid #68acd0;
}
.three-left .three-l-top .more{
    font-size: 14px;
    color: #68acd0;
    font-weight: 800;
    line-height: 25px;
}
.three-left .three-l-bottom{
    height:304px ;
    border-bottom: 1px solid gainsboro;
    border-left: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
}
.three-left .three-l-bottom .info{
    float: left;
    width: 170px;
    margin-left: 10px;
    margin-top: 8px;
}
.three-left .info .pho{
    width:164px ;
    height: 170px;
    border: 1px solid #dddddd;
}
.three-left .info .nei p{
    font-size: 14px;
    text-align: center;
}
.three-left .info .nei .one{
    font-weight: 800;
    margin-top: 8px;
}
.three-left .info .nei .all{
    margin-top: 8px;
    color: #a7a7a7;
}
.three-left .info .nei span{
    color: #e10000;
}
.three-right .three-right-top{
    border: 1px solid gainsboro;
    margin-top: 8px;
}
.three-right .three-right-bottom{
    margin-top: 20px;
}
.main-two .main-four-right{
    width: 238px;
    height: 340px;
}
.main-two .main-four-right .f-r-title{
    font-size: 12px;
    font-weight: 800;
    height: 30px;
    background: #ebf0f6;
    line-height: 30px;
    padding-left: 14px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 14px;
}
.main-two .f-r-center{
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 6px;
    display: inline-block;
}
.main-two .f-r-center img{
    width: 100px;
    height: 75px;
    margin-right: 10px;
}
.main-two .f-r-center p{
    width:116px ;
    height: 75px;
    color: grey;
    font-size: 14px;
}
.main-two .main-four-right span{
    color: grey;
}
.main-two .main-four-right ul{
    margin-left: 12px;
    margin-right: 12px;
    font-size: 14px;
}
.main-two .main-four-right li{
    margin-top: 10px;
}
.last-all{
    width: 980px;
    height: 70px;
    margin: 0 auto;
    margin-top: 12px;
    border-top: 1px solid gainsboro;
    border-bottom: 3px solid #68acd0;
    padding-top:20px;
}
.last-all .last-title{
    color: grey;
    width: 60px;
    margin-top: 10px;
}
.last-all ul{
    width: 920px;
}
.last-all li{
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}
.footer-all{
    width: 980px;
    height: 76px;
    margin: 0 auto;
    margin-top: 12px;
    padding-bottom: 12px;
    padding-top: 12px;
    text-align: center;
}
.footer ul{
    display: inline-block;
    text-align: center;
}
.footer li{
    float: left;
    background: url("../img/footer_bg.png") right no-repeat;
    padding-right:10px;
    margin-left: 10px;
}
.footer p{
    margin-top: 10px;
}

all.css

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;font:12px simsun;}
img{
    border: 0 none;
    vertical-align: middle;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    color: black;
}
input{
    border: 0 none;
    outline-style: none;
}
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear:both;
}

在这里插入图片描述

Minam SU

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
网页练习

HOME.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="refresh" content="30"><title>HOME</tit...
复制链接

扫一扫