激情日韩亚洲无码,人妻久久亚洲成人,亚洲天堂男人的天堂

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
* {
margin: 0;
padding: 0;
}

    body {
        color: #333;
    }

    body a {
        color: #333;
    }

    a {
        text-decoration: none
    }

    /*設(shè)置toptpop背景及寬度*/
    .toptop {
        background: #19bebe;
        height: 50px;
    }

    /*設(shè)置toptop內(nèi)圖片的位置*/
    .im {
        height: 50px;
        margin-right: auto;
        margin-left: auto;
        display: block;

    }

    /*設(shè)置整個top位置背景及高度*/
    .top {
        background-color: #f0f0f0;
    }

    /*設(shè)置左邊start元素*/
    .start {
        float: left;
        font-size: 12px;
    }

    /*設(shè)置中間container*/
    .container {
        text-align: center;
        line-height: 40px;
        width: 1000px;
        font-size: 20px;
        margin-left: 400px;
    }

    /*設(shè)置top模塊end元素的參數(shù)*/
    .end {
        float: right;
        font-size: 12px;
    }

    /*設(shè)置container元素內(nèi)四個a標簽的位置*/
    .container a {
        margin-right: 60px;
        text-decoration: none;
        font-size: 20px;
        color: #333;
    }

    /*設(shè)置start模塊內(nèi)icon元素的參數(shù)*/
    .start > .icon {
        display: block;
        width: 19px;
        height: 19px;
        background: url(img/location.png);
        position: absolute;
        top: 50%;
        margin-top: -10px;

    }

    .start > .first {
        margin-left: 30px;
    }

    .start, .end {
        position: relative
    }

    /*設(shè)置end模塊內(nèi)icon元的參數(shù)*/
    .end > .icon {
        top: 50%;
        margin-top: -10px;
        margin-left: -30px;
        position: absolute;
        width: 20px;
        height: 20px;
        background: url(img/adm.png);
    }

    .content {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        margin-top: 20px;
    }

    .icon {
        font-size: 18px;
    }

    .head {
        width: 1000px;
        background-color: #ebebeb;
    }

    .head ul {
        overflow: hidden;
        list-style: none
    }

    .head li {
        float: left;
        margin: 10px;
    }

    .head li a {
        border: 1px solid transparent;
        padding: 3px;
    }

    .head li a:hover {
        background-color: #fff;
        border: 1px solid #ffa700
    }

    ul li span.index {
        display: block;
        width: 20px;
        height: 20px;
        margin-left: -10px;
        background: #ebebeb url(img/indexSelect.png) no-repeat center center;
    }

    .searchWrap {
        width: 1000px;
        height: 60px;
        line-height: 60px;;
        margin-left: auto;
        margin-right: auto;
        display: block;
        background-color: #f0f0f0;
        margin-top: 20px;
    }

    .searchStart {
        float: left;
        font-size: 5px;
        position: relative;
        overflow: hidden;
    }

    .searchStart li {
        float: left;
        margin-right: 8px;
        list-style: none;
    }

    .searchEnd {
        float: right;
        position: absolute;
        margin-left: 800px;
    }

    .searchContent {
        position: absolute;
        margin-left: 400px;
    }

    /*searchContnet設(shè)置結(jié)束*/

    /*設(shè)置parent八個模塊圖片框*/
    .parent {
        font-size: 14px;
        width: 1000px;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto
    }

    .parent > div {
        width: 238px;
        border: 1px solid #dedede;
        height: 344px;
        float: left
    }
    .searchEnd a{color:#f7cd91;}
    .parent>div.child{color:#f7cd91;}
    .parent > .child {
        margin-right: 13px;
    }

    .parent > .two {
        margin-right: 14px;
    }

    .parent {
        width: 1000px;
        overflow: hidden;
        margin-top: 50px;
    }

    .parent > div {
        width: 238px;
        border: 1px solid #dedede;
        height: 344px;
        float: left;
        background: #dedede;
        overflow: hidden;
        text-align: center;
    }

    .parent span.huanbao {
        font-weight: bold;
        font-size: 16px;
    }

    .parent > .child {
        margin-right: 13px;
    }

    .parent > .two {
        margin-right: 14px;
    }

    .parent ul.wrapOne {
        text-align: left !important;
        text-indent: 10px;;
    }

    img.pic {
        margin-top: 20px;

    }

    .parentOne {
        font-size: 14px;
        width: 1000px;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto
    }

    .parentOne > div {
        width: 238px;
        border: 1px solid #dedede;
        height: 344px;
        float: left
    }

    .parentOne > .child {
        margin-right: 13px
    }

    .parentOne > .two {
        margin-right: 14px;
    }

    .parentOne {
        width: 1000px;
        overflow: hidden;
        margin-top: 50px;
    }

    .parentOne > div {
        width: 238px;
        border: 1px solid #dedede;
        height: 344px;
        float: left;
        background: #dedede;
        overflow: hidden;
        text-align: center;
    }

    .parentOne span.huanbao {
        font-weight: bold;
        font-size: 16px;
    }

    .parentOne > .child {
        margin-right: 13px;
    }

    .parentOne > .two {
        margin-right: 14px;
    }

    .parentOne ul.wrapOne {
        text-align: left !important;
        text-indent: 10px;;
    }

    /*設(shè)八個圖片框結(jié)束*/
    /*設(shè)置尾部結(jié)束界面*/
    .footer_end{
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        width: 1000px;
        height:30px
    }
    .down {
        height: 30px;
        background: white;
        margin-top: 20px;
        list-style: none;
        overflow: hidden;
        font-size: 5px;
        position: relative;
        line-height: 10px;
    }

    .down_one {
        float: left;
        margin-left: 100px;
        position: absolute;
    }

    .down_three {
        float: right;
        margin-right: 300px;
        margin-top: -15px;
        background-color:#f7cd91;
    }
    .last{overflow: hidden;
        height:80px;
        width: 500px;
        position: relative}
    .last_one{float: left;
        position: absolute}

</style>

</head>
<body>
<div class="toptop">

</div>
<div class="top">

<div class="container">

    <div class="start">
        <i class="icon"></i>
        <span class="text first">深圳</span>
        <span class="text">切換</span>
    </div>

    <a href="#">首頁</a>
    <a href="#">資訊</a>
    <a href="#">測評</a>
    <a href="#">商城</a>

    <div class="end">
        <span class="icon"></span>
        <span>個人中心</span>
    </div>
</div>

</div>

<div class="content">
<span class="icon">首頁> 預(yù)防裝修材料 >材料庫</span>

<div class="head">
    <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>
        <li><a href="#">飾品</a></li>
        <li><span class="index"></span></li>
    </ul>
    <ul>
        <li><a href="#">類型</a></li>
        <li><a href="#">全部</a></li>
    </ul>
    <ul>
        <li><a href="#">材質(zhì)</a></li>
        <li><a href="#">全部</a></li>
        <li><a href="#">實木</a></li>
        <li><a href="#">復(fù)合</a></li>
        <li><a href="#">強化</a></li>
        <li><a href="#">其他</a></li>
    </ul>
    <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>
    </ul>
</div>
<!--startSearch-->
<div class="searchWrap">
    <ul class="searchStart">
        <li><a href="#">發(fā)布時間</a><span></span></li>
        <li><a href="#">價格</a><span></span></li>
        <li><a href="#">環(huán)保節(jié)能</a><span></span></li>
    </ul>

    <div class="searchContent">
        <input type="text" placeholder="搜索"/>
        <a></a>

        <span></span>
    </div>

    <div class="searchEnd">
        <span></span>
        <a href="#">了解家居醫(yī)生建材環(huán)保</a>
    </div>

</div>
<!-- endSearch-->

</div>

<ul class="wrapOne">
<li> 德爾都市系列3001</li>
<li>木地板復(fù)合地板</li>
<li> 單價：128元/㎡</li>
<li><span class="huanbao">環(huán)保評級：B (可以使用)</span></li>
</ul>
</div>
</div>
<div class="child">
<div>

<ul class="wrapOne">
<li> 德爾都市系列3001</li>
<li>木地板復(fù)合地板</li>
<li> 單價：128元/㎡</li>

<ul class="wrapOne">
<li> 德爾都市系列3001</li>
<li>木地板復(fù)合地板</li>
<li> 單價：128元/㎡</li>
<li><span>環(huán)保評級：B (可以使用)</span></li>
</ul>
</div>
</div>
<div>
<div>

<ul class="wrapOne">
<li> 德爾都市系列3001</li>
<li>木地板復(fù)合地板</li>
<li> 單價：128元/㎡</li>
<li><span class="huanbao">環(huán)保評級：B (可以使用)</span></li>
</ul>
</div>
</div>

</div>
<div class="parentOne">
<div class="child">
<div class="part_one">

<ul class="wrapOne">
<li> 德爾都市系列3001</li>
<li>木地板復(fù)合地板</li>
<li> 單價：128元/㎡</li>
<li><span>環(huán)保評級：B (可以使用)</span></li>

</ul>
</div>
</div>
<div class="two">
<div>

</div>
<div class="footer_end">
<ul class="down">
<li class="down_one">
<a href="#">上一頁</a>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">下一頁</a>
</li>
<li class="down_two"><a href="#">共有十頁去第</a>
<input class="sex" type="text"/>
<a href="#">頁</a>
</li>
<li class="down_three"><a href="#">確定</a></li>

</ul>

</div>
<div class="last">
<div class="last_one">
![](img/small_weixin.png alt=)
</div>
<div class="last_two">
<p>建材檢測需求反饋</p>
<p>親愛的用戶，我們正在不斷的完善和更新建材庫</p>
<p>若沒有找到你想要的材料信息，請將你想要的建材信息告訴我們。</p>
</div>
</div>

</body>
</html>

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av

作業(yè)暫時day03

作業(yè)暫時day03

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九 欧美,1769亚洲,黄色成人av

作業(yè)暫時day03

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av