master

分支 (1)

管理

管理

master

zcool2
/
index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>林木森</title>
</head>
<style>
    body, *{
        margin: 0px;
        padding: 0px;
    }

    .top{
        width: 100%;
        height: 50px;
        border-top: 3px solid black;
        background-image: linear-gradient(yellow, rgba(226, 226, 0, 0.733));
        position: relative;
    }
    .top img{
        float: left;
        margin-left: 2%;
    }
    .top ul{
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        width: 600px;
        height: 50px    ;
        margin: auto;
        float: left;
    }
    .top ul li{
        float: left;
        list-style: none;
        line-height:50px;
        margin-left: 25px;
    }
    .top ul li img{
        margin-left: 0px;
        margin-top: 10px;
    }
    .top a{
        color: black;
        text-decoration: none;
    }
    .top a:hover{
        color: red;
        text-decoration: underline;
    }
    .img1{
        margin-top: 12px;
        width: 30px;
        height: 25px;
    }
    .top p{
        margin-left: 5%;
        float: left;
        line-height: 50px;
    }
    .top_right{
        width: 200px;
        height: 50px;

        float: right;
    }
</style>


<style>
    .banner{
    position: relative;/*相对定位 给绝对定位位置参考*/
    width: 100%;
    height: 300px;
    float: left;
    margin-top: 25px;
    margin-bottom: 20px;
    }
    .banner .item{
    display: none;/*隐藏元素*/
    position: absolute;/* 绝对定位*/
    width: 100%;
    height: 300px;
    top: 0;
    left: 0;
    }
    ul{
    list-style-type: none;/*清除默认列表样式 ....*/
    margin: 0;
    padding: 0;/*内外编剧清除*/
    }
    .lunbo{
    width: 100%;
    height: 300px;
    }
    /*左右按钮的属性设置*/
    .lr-tab .btn{
    position: absolute;
    top: 120px;
    width: 41px;
    height: 69px;
    background: url("img/8a.png");

    }
    .lr-tab .left{
    left: 0px;
    background-position-x: -83px;

    }
    .lr-tab .right{
    right: 0px;
    background-position-x: -125px;
    }
    /*左右按钮触碰事件*/
    .lr-tab .left:hover{
    background-position-x: 0px;
    }
    .lr-tab .right:hover{
    background-position-x: -41px;
    }
    /*圆形按钮属性设定*/
    .tab-btn{
    position: absolute;
    right: 40px;
    bottom: 20px;
    width: 120px;
    height: 30px;
    top: 270px;

    }
    .tab-btn .btn{

    float: left;
    width: 6px;
    height: 6px;
    background: #868686;
    border: 2px solid #c3c3c3;/*边框*/
    margin-left: 10px;
    border-radius: 50%;
    }
    /*圆形按钮触碰事件*/
    .tab-btn .btn:hover{
    background: #e4e4e4;
    border-color:#7f7f7f;
    }
    .tab-btn .active{
    background: #e4e4e4;
    border-color:#7f7f7f;
    }
</style>


<style>
    .middle_content{
        clear: both;
        width: 1400px;
        margin-top: 25px;
        margin: 0 auto;
        text-align: center;
    }
    </style>

    <style>
         .navtion2{
            width: 100%;
            height: 50px;
            border-bottom: 2px solid rgb(201, 201, 201);
            position: relative;
        }
        .navtion2 ul{
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            position: absolute;
            width: 500px;
            height: 50px;

        }
        .navtion2 ul li{
            width: 80px;
            height: 50px;
            text-align: center;
            list-style: none;
            float: left;
            margin-left: 70px;
            line-height: 50px;
        }
        .navtion2 li:hover{
            border-bottom: 3px solid gray;
        }
        .navtion2 a{
            color: black;
            text-decoration: none;
        }

        .navtion2 a:hover{
            text-decoration: underline;
            color: red;
        }
        .navtion2_sup{
            width: 80px;
            height: 50px;

            float: right;
            position: relative;
        }
        .navtion2_sup a{
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            position: absolute;
            width: 40px;
            height: 25px;
        }
        .navtion2_sup:hover{
            border-bottom: 3px solid rgb(129, 129, 129);
        }

    </style>

    <style>
        .middle{
            width: 100%;
            height: 350px;
            background-color: rgba(175, 175, 175, 0.247);
            position: relative;
        }

        .block1{
            width: 220px;
            height: 300px;
            /* border: 1px solid red; */
            background-color: rgba(255, 255, 255, 0.404);
        }

        .middle ul{
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            position: absolute;
            width: 1200px;
            height: 350px;
            /* border: 1px solid red; */
        }

        .middle ul li{
            list-style: none;
            float: left;
            margin-left: 15px;
        }

        .middle a{
            font-size: 14px;

            color: black;
            text-decoration: none;
        }

        .middle a:hover{
            color: red;
            text-decoration: underline;
        }
        .font2{
            font-size: 14px;
            color: gray;

        }
        .block1_1{
            width: 220px; height: 150px;
        }

        .block1_2{
            width: 200 px;
            height: 20px;
            /* border: 1px solid red;  */
            padding: 5px;

        }
        .block1_2 img{
            margin-top: 8px;
            margin-right: 4px;
            float: right;
        }

        .block1_3{
            clear: both;
            width: 200px;
             height: 55px;
             /* border: 1px solid red;  */
             padding: 10px;
        }
        .block1_4{
            padding: 5px;
            width: 210px;
            height: 30px;
            /* border: 1px solid black; */
            position: relative;

        }
        .font3{
          font-size: 14px;
          color: gray;
        }
        .block1_4 img{
            float: left;
        }
        .block1_4 a{
            line-height: 30px;
            margin-left: 5px;
        }
        .block1_4 span{
            margin-top: 5px;
            float: right;
        }
    </style>

<script type="text/javascript" src="js/jquery-3.3.1/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        var index2 = 0;/*初始化一个变量 指向下彪*/
        //点击点
        $(".tab-btn .btn").click(function () {
            index2 = $(this).index();//获取点击该元素下彪
            $(this).addClass("active").siblings().removeClass("active");
            $(".item").eq(index2).fadeIn().siblings().fadeOut();
        });
        //点击切换效果
        $(".lr-tab .right").click(function () {
            index2 ++;
            if (index2 >4){ index2 = 0;}
            $(".item").eq(index2).fadeIn().siblings().fadeOut();
            $(".tab-btn .btn").eq(index2).addClass("active").siblings().removeClass("active");

        });
        $(".lr-tab .left").click(function () {
            index2 --;
            if(index2 < 0){index2 = 4;}
            $(".item").eq(index2).fadeIn().siblings().fadeOut();
            $(".tab-btn .btn").eq(index2).addClass("active").siblings().removeClass("active");

        });
        var time2 = setInterval(function () {
            index2 ++;
            if (index2 >4){ index2 = 0;}
            $(".item").eq(index2).fadeIn().siblings().fadeOut();
            $(".tab-btn .btn").eq(index2).addClass("active").siblings().removeClass("active");

        },4000); //定时器 重复
    </script>

<body>
    <div class="top">
        <a href="#"><img src="img/Logo.png" ></a>
        <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="#"><img src="img/dian.png"></a></li>
        </ul>
        <div class="top_right">
            <a href="#" ><img class="img1" src="img/Socpo.png" ></a>
            <a href="#" ><img class="img1" src="img/home.png" ></a>
            <p><a href="#">登录</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">注册</a></p>
        </div>
    </div>

    <div class="banner" >
        <div class="img-wrap">
            <ul>
                <li class="item" style="display: block">
                    <a href="#"><img src="img/img2.jpg" alt="" class="lunbo"></a>
                </li>
                <li class="item">
                    <a href="#"><img src="img/img3.jpg" alt="" class="lunbo"></a>
                </li>
                <li class="item">
                    <a href="#"><img src="img/img4.jpg" alt=""class="lunbo"></a>
                </li>
                <li class="item">
                    <a href="#"><img src="img/img5.jpg" alt="" class="lunbo"></a>
                </li>
                <li class="item">
                    <a href="#"><img src="img/img2.jpg" alt="" class="lunbo"></a>
                </li>
           </ul>
       </div>
    <div class="lr-tab">
           <div class="left btn"></div>
           <div class="right btn"></div>
       </div>
       <div class="tab-btn">
       <ul>
           <li class="btn"></li>
           <li class="btn"></li>
           <li class="btn"></li>
           <li class="btn"></li>
           <li class="btn"></li>
       </ul>
       </div>
   </div>


   <div class="middle_content">
    <img src="img/middle_content1.png">
    <img src="img/middle_content2.png">
    <img src="img/middle_content3.png">
    <img src="img/middle_content4.png">
    <img src="img/middle_content5.png">
</div>

<div class="navtion2">
    <ul>
        <li><a href="#">首页推荐<img src="img/xiabiao.png" width="8px" height="8px" ></a></li>
        <li><a href="#">我的关注</a></li>
        <li><a href="#">全部推荐</a></li>
    </ul>
    <div class="navtion2_sup"><a href="#">筛选<img src="img/xiabiao2.png" width="8px" height="8px" ></a></div>
</div>

<div class="middle">
    <ul>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background1.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">Midea Family Q版形象设计</a>
                <img src="img/title1.png" width="11px" height="11px" >
                <img src="img/title2.png" width="11px" height="11px" >
            </div>
            <div class="block1_3">
                <span class="font2" >平面.吉祥物</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">10</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">1</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">2</span>
            </div>
            <div class="block1_4">
                <img src="img/head1.png" width="25px" height="25px" >
                <a href="#" >小芝麻77</a>
                <span class="font3">20分钟前</span>
            </div>
        </li>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background2.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">2019字体设计年度总结</a>
                <img src="img/title2.png" width="10px" height="10px" >
            </div>
            <div class="block1_3">
                <span class="font2" >字画-字体/字形</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">121</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">1</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">8</span>
            </div>
            <div class="block1_4">
                <img src="img/head2.png" width="25px" height="25px" >
                <a href="#" >年小多</a>
                <span class="font3" >25分钟前</span>
            </div>
        </li>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background3.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">品牌设计[文通冰室|好彩好...</a>
                <img src="img/title2.png" width="10px" height="10px" >
            </div>
            <div class="block1_3">
                <span class="font2" >平面-品牌</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">1032</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">0</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">18</span>
            </div>
            <div class="block1_4">
                <img src="img/head3.png" width="25px" height="25px" >
                <a href="#" >Doodgrapy</a>
                <span class="font3" >1小时前</span>
            </div>
        </li>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background4.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">ssco 2018-2019logo设计合集</a>

                <img src="img/title2.png" width="10px" height="10px" >
            </div>
            <div class="block1_3">
                <span class="font2" >平面-品牌</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">209</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">0</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">3</span>
            </div>
            <div class="block1_4">
                <img src="img/head4.png" width="25px" height="25px" >
                <a href="#" >SSCO</a>
                <span class="font3" >1小时前</span>
            </div>
        </li>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background5.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">双十一盛典攻略视频</a>

                <img src="img/title2.png" width="10px" height="10px" >
            </div>
            <div class="block1_3">
                <span class="font2" >三维-场景</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">153</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">0</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">4</span>
            </div>
            <div class="block1_4">
                <img src="img/head5.png" width="25px" height="25px" >
                <a href="#" >契会1</a>
                <span class="font3" >1小时前</span>
            </div>
        </li>
    </ul>
</div>


<div class="middle">
    <ul>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background1.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">Midea Family Q版形象设计</a>
                <img src="img/title1.png" width="11px" height="11px" >
                <img src="img/title2.png" width="11px" height="11px" >
            </div>
            <div class="block1_3">
                <span class="font2" >平面.吉祥物</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">10</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">1</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">2</span>
            </div>
            <div class="block1_4">
                <img src="img/head1.png" width="25px" height="25px" >
                <a href="#" >小芝麻77</a>
                <span class="font3">20分钟前</span>
            </div>
        </li>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background2.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">2019字体设计年度总结</a>
                <img src="img/title2.png" width="10px" height="10px" >
            </div>
            <div class="block1_3">
                <span class="font2" >字画-字体/字形</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">121</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">1</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">8</span>
            </div>
            <div class="block1_4">
                <img src="img/head2.png" width="25px" height="25px" >
                <a href="#" >年小多</a>
                <span class="font3" >25分钟前</span>
            </div>
        </li>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background3.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">品牌设计[文通冰室|好彩好...</a>
                <img src="img/title2.png" width="10px" height="10px" >
            </div>
            <div class="block1_3">
                <span class="font2" >平面-品牌</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">1032</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">0</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">18</span>
            </div>
            <div class="block1_4">
                <img src="img/head3.png" width="25px" height="25px" >
                <a href="#" >Doodgrapy</a>
                <span class="font3" >1小时前</span>
            </div>
        </li>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background4.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">ssco 2018-2019logo设计合集</a>

                <img src="img/title2.png" width="10px" height="10px" >
            </div>
            <div class="block1_3">
                <span class="font2" >平面-品牌</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">209</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">0</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">3</span>
            </div>
            <div class="block1_4">
                <img src="img/head4.png" width="25px" height="25px" >
                <a href="#" >SSCO</a>
                <span class="font3" >1小时前</span>
            </div>
        </li>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background5.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">双十一盛典攻略视频</a>

                <img src="img/title2.png" width="10px" height="10px" >
            </div>
            <div class="block1_3">
                <span class="font2" >三维-场景</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">153</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">0</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">4</span>
            </div>
            <div class="block1_4">
                <img src="img/head5.png" width="25px" height="25px" >
                <a href="#" >契会1</a>
                <span class="font3" >1小时前</span>
            </div>
        </li>
    </ul>
</div>


<div class="middle">
    <ul>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background1.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">Midea Family Q版形象设计</a>
                <img src="img/title1.png" width="11px" height="11px" >
                <img src="img/title2.png" width="11px" height="11px" >
            </div>
            <div class="block1_3">
                <span class="font2" >平面.吉祥物</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">10</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">1</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">2</span>
            </div>
            <div class="block1_4">
                <img src="img/head1.png" width="25px" height="25px" >
                <a href="#" >小芝麻77</a>
                <span class="font3">20分钟前</span>
            </div>
        </li>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background2.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">2019字体设计年度总结</a>
                <img src="img/title2.png" width="10px" height="10px" >
            </div>
            <div class="block1_3">
                <span class="font2" >字画-字体/字形</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">121</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">1</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">8</span>
            </div>
            <div class="block1_4">
                <img src="img/head2.png" width="25px" height="25px" >
                <a href="#" >年小多</a>
                <span class="font3" >25分钟前</span>
            </div>
        </li>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background3.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">品牌设计[文通冰室|好彩好...</a>
                <img src="img/title2.png" width="10px" height="10px" >
            </div>
            <div class="block1_3">
                <span class="font2" >平面-品牌</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">1032</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">0</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">18</span>
            </div>
            <div class="block1_4">
                <img src="img/head3.png" width="25px" height="25px" >
                <a href="#" >Doodgrapy</a>
                <span class="font3" >1小时前</span>
            </div>
        </li>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background4.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">ssco 2018-2019logo设计合集</a>

                <img src="img/title2.png" width="10px" height="10px" >
            </div>
            <div class="block1_3">
                <span class="font2" >平面-品牌</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">209</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">0</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">3</span>
            </div>
            <div class="block1_4">
                <img src="img/head4.png" width="25px" height="25px" >
                <a href="#" >SSCO</a>
                <span class="font3" >1小时前</span>
            </div>
        </li>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background5.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">双十一盛典攻略视频</a>

                <img src="img/title2.png" width="10px" height="10px" >
            </div>
            <div class="block1_3">
                <span class="font2" >三维-场景</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">153</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">0</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">4</span>
            </div>
            <div class="block1_4">
                <img src="img/head5.png" width="25px" height="25px" >
                <a href="#" >契会1</a>
                <span class="font3" >1小时前</span>
            </div>
        </li>
    </ul>
</div>

<div class="middle">
    <ul>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background1.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">Midea Family Q版形象设计</a>
                <img src="img/title1.png" width="11px" height="11px" >
                <img src="img/title2.png" width="11px" height="11px" >
            </div>
            <div class="block1_3">
                <span class="font2" >平面.吉祥物</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">10</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">1</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">2</span>
            </div>
            <div class="block1_4">
                <img src="img/head1.png" width="25px" height="25px" >
                <a href="#" >小芝麻77</a>
                <span class="font3">20分钟前</span>
            </div>
        </li>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background2.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">2019字体设计年度总结</a>
                <img src="img/title2.png" width="10px" height="10px" >
            </div>
            <div class="block1_3">
                <span class="font2" >字画-字体/字形</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">121</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">1</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">8</span>
            </div>
            <div class="block1_4">
                <img src="img/head2.png" width="25px" height="25px" >
                <a href="#" >年小多</a>
                <span class="font3" >25分钟前</span>
            </div>
        </li>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background3.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">品牌设计[文通冰室|好彩好...</a>
                <img src="img/title2.png" width="10px" height="10px" >
            </div>
            <div class="block1_3">
                <span class="font2" >平面-品牌</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">1032</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">0</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">18</span>
            </div>
            <div class="block1_4">
                <img src="img/head3.png" width="25px" height="25px" >
                <a href="#" >Doodgrapy</a>
                <span class="font3" >1小时前</span>
            </div>
        </li>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background4.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">ssco 2018-2019logo设计合集</a>

                <img src="img/title2.png" width="10px" height="10px" >
            </div>
            <div class="block1_3">
                <span class="font2" >平面-品牌</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">209</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">0</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">3</span>
            </div>
            <div class="block1_4">
                <img src="img/head4.png" width="25px" height="25px" >
                <a href="#" >SSCO</a>
                <span class="font3" >1小时前</span>
            </div>
        </li>
        <li class="block1">
            <div class="block1_1">
                <img src="img/background5.png" width="220PX" height="150">
            </div>
            <div class="block1_2">
                <a href="#">双十一盛典攻略视频</a>

                <img src="img/title2.png" width="10px" height="10px" >
            </div>
            <div class="block1_3">
                <span class="font2" >三维-场景</span><br><br>
                <img src="img/eye.png" width="15px" height="15px" ><span class="font2">153</span>
                <img src="img/kuang.png" width="15px" height="15px" ><span class="font2">0</span>
                <img src="img/qi.png" width="15px" height="15px" ><span class="font2">4</span>
            </div>
            <div class="block1_4">
                <img src="img/head5.png" width="25px" height="25px" >
                <a href="#" >契会1</a>
                <span class="font3" >1小时前</span>
            </div>
        </li>
    </ul>
</div>


</body>
</html>