lovecoding
/
VIP32


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./demo.css" />
  </head>
  <body>
    <div id="box">
      <div id="container">
        <!-- 头部内容 -->
        <div id="header">
            <div class="logo">
                <img src="./images/1.png" alt="">
            </div>
            <div class="pictureMsg">
                <img class="img1" src="./images/2.png" alt="">
                <img class="img2" src="./images/3.png" alt="">
            </div>
        </div>
        <!-- 主体内容 -->
        <div id="main">
          <!-- 第一部分 -->
          <div class="nav">
            <div class="list">
              <ul>
                <li><a href="">新闻</a></li>
                <li><a href="">军事</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>
              </ul>
            </div>
            <div class="list">
              <ul>
                <li><a href="">新闻</a></li>
                <li><a href="">军事</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>
              </ul>
            </div>
            <div class="list">
              <ul>
                <li><a href="">新闻</a></li>
                <li><a href="">军事</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>
              </ul>
            </div>
            <div class="list">
              <ul>
                <li><a href="">新闻</a></li>
                <li><a href="">军事</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>
              </ul>
            </div>
            <div class="list">
              <ul>
                <li><a href="">新闻</a></li>
                <li><a href="">军事</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>
              </ul>
            </div>
            <div class="list">
              <ul>
                <li><a href="">新闻</a></li>
                <li><a href="">军事</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>
              </ul>
            </div>
          </div>
          <!-- 第二部分 -->
          <div class="banner">
            <img src="./images/banner.png" alt="">
          </div>
          <!-- 第三部分 -->
          <div class="msg">
            <div class="msg_left">
              <div class="news">
                <div class="newsTop">
                  <div class="tip">
                    <img src="./images/star.png" alt="">
                    <p>娱乐</p>
                  </div>
                  <div class="music">
                    <p>影视/音乐</p>
                  </div>
                </div>
                <div class="newsBottom">
                  <dl>
                    <dt>
                      <img src="./images/4.png" alt="">
                    </dt>
                    <dd>这是一段文字段文字<span>新的内容新的内容</span></dd>
                  </dl>
                  <dl>
                    <dt>
                      <img src="./images/4.png" alt="">
                    </dt>
                    <dd>这是一段文字段文字<span>新的内容新的内容</span></dd>
                  </dl>
                </div>
              </div>
              <div class="list">
                <div class="listTop">
                  <p>明星热点/重磅八卦</p>
                </div>
                <div class="listBottom">
                  <ul>
                    <li><a href=""><span></span><span>这是一段新闻这是一段新闻这是一段新闻</span></a></li>
                    <li><a href=""><span></span><span>这是一段新闻这是一段新闻这是一段新闻</span></a></li>
                    <li><a href=""><span></span><span>这是一段新闻这是一段新闻这是一段新闻</span></a></li>
                    <li><a href=""><span></span><span>这是一段新闻这是一段新闻这是一段新闻</span></a></li>
                    <li><a href=""><span></span><span>这是一段新闻这是一段新闻这是一段新闻</span></a></li>
                    <li><a href=""><span></span><span>这是一段新闻这是一段新闻这是一段新闻</span></a></li>
                  </ul>
                  <ul>
                    <li><a href=""><span></span><span>这是一段新闻这是一段新闻这是一段新闻</span></a></li>
                    <li><a href=""><span></span><span>这是一段新闻这是一段新闻这是一段新闻</span></a></li>
                    <li><a href=""><span></span><span>这是一段新闻这是一段新闻这是一段新闻</span></a></li>
                    <li><a href=""><span></span><span>这是一段新闻这是一段新闻这是一段新闻</span></a></li>
                    <li><a href=""><span></span><span>这是一段新闻这是一段新闻这是一段新闻</span></a></li>
                    <li><a href=""><span></span><span>这是一段新闻这是一段新闻这是一段新闻</span></a></li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="msg_right">
              <div class="title">我的产品</div>
              <dl>
                <dt>
                  <img src="./images/5.png" alt="">
                </dt>
                <dd>
                  <div class="tit">网易新闻</div>
                  <div class="options">新闻网页 IOS下载 安卓下载</div>
                </dd>
              </dl>
              <dl>
                <dt>
                  <img src="./images/5.png" alt="">
                </dt>
                <dd>
                  <div class="tit">网易新闻</div>
                  <div class="options">新闻网页 IOS下载 安卓下载</div>
                </dd>
              </dl>
              <dl>
                <dt>
                  <img src="./images/5.png" alt="">
                </dt>
                <dd>
                  <div class="tit">网易新闻</div>
                  <div class="options">新闻网页 IOS下载 安卓下载</div>
                </dd>
              </dl>
              <dl>
                <dt>
                  <img src="./images/5.png" alt="">
                </dt>
                <dd>
                  <div class="tit">网易新闻</div>
                  <div class="options">新闻网页 IOS下载 安卓下载</div>
                </dd>
              </dl>
              <dl>
                <dt>
                  <img src="./images/5.png" alt="">
                </dt>
                <dd>
                  <div class="tit">网易新闻</div>
                  <div class="options">新闻网页 IOS下载 安卓下载</div>
                </dd>
              </dl>
            </div>
          </div>
          <!-- 第四部分 -->
          <div class="attract"></div>
        </div>
        <!-- 页尾内容 -->
        <div id="footer"></div>
      </div>
    </div>
  </body>
</html>