361 lines
15 KiB
HTML
361 lines
15 KiB
HTML
<!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>Document</title>
|
|
<link rel="stylesheet" href="./css/clear.css">
|
|
<link rel="stylesheet" href="./css/public.css">
|
|
<link rel="stylesheet" href="./css/index.css">
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2884651_7iiqntpl2iw.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="header">
|
|
<div class="title">
|
|
<div class="logo">
|
|
<i class="iconfont icon-home-page"></i>
|
|
<div class="souhu"></div>
|
|
</div>
|
|
<ul class="menu">
|
|
<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>
|
|
<div class="menu_list">
|
|
更多
|
|
<i class="iconfont icon-xiangxia"></i>
|
|
<div class="dropmenu">
|
|
<a class="item" href="">母婴</a>
|
|
<a class="item" href="">母婴</a>
|
|
<a class="item" href="">母婴</a>
|
|
<a class="item" href="">母婴</a>
|
|
<a class="item" href="">母婴</a>
|
|
<a class="item" href="">母婴</a>
|
|
<a class="item" href="">母婴</a>
|
|
<a class="item" href="">母婴</a>
|
|
<a class="item" href="">母婴</a>
|
|
<a class="item" href="">母婴</a>
|
|
<a class="item" href="">母婴</a>
|
|
<a class="item" href="">母婴</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="">无障碍</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<i class="iconfont icon-denglu"></i>
|
|
登录
|
|
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="content">
|
|
<div class="center">
|
|
<div class="left">
|
|
<div class="user">
|
|
<img class="userimg" src="./img/new.png" alt="">
|
|
<p class="user_title">中国新闻网</p>
|
|
<div class="user_logo">
|
|
<img src="./img/tip.png" alt="">
|
|
<img src="./img/tip.png" alt="">
|
|
</div>
|
|
<ul class="user_nm">
|
|
<li>
|
|
<p>112万</p>
|
|
<span>文章</span>
|
|
</li>
|
|
<li>
|
|
<p>685亿</p>
|
|
<span>总阅读</span>
|
|
</li>
|
|
</ul>
|
|
<div class="user_bottom">查看TA的文章></div>
|
|
</div>
|
|
|
|
<div class="comment">
|
|
<div class="comment_title">评论</div>
|
|
<i class="iconfont icon-pinglun"></i>
|
|
<p>126</p>
|
|
|
|
</div>
|
|
|
|
<div class="share">
|
|
<div class="share_title">分享</div>
|
|
<ul>
|
|
<li>
|
|
<img src="./img/wx.png" alt="">
|
|
<span>微信分享</span>
|
|
</li>
|
|
<li>
|
|
<img src="./img/wx.png" alt="">
|
|
<span>微信分享</span>
|
|
</li>
|
|
<li>
|
|
<img src="./img/wx.png" alt="">
|
|
<span>微信分享</span>
|
|
</li>
|
|
<li>
|
|
<img src="./img/wx.png" alt="">
|
|
<span>微信分享</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mid">
|
|
<div class="mid_title">
|
|
<h2>猪肉价格会继续下降？秋收秋种如何？权威回应来了</h2>
|
|
<p>2021-10-20 14:30</p>
|
|
</div>
|
|
|
|
<div class="mid_comment">
|
|
<div class="mid_comment_say">
|
|
<div class="say_title">
|
|
<div class="say_name">我来说两句</div>
|
|
<div class="say_list">
|
|
<img src="./img/gt.png" alt="">
|
|
<span>
|
|
<span class="one">126</span>人参与，<span class="one">50</span>条评论
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="say_put">
|
|
<textarea name="" id="" cols="30" rows="10"></textarea>
|
|
<div class="say_one">
|
|
<div class="say_two">
|
|
<span>快速登录：</span>
|
|
<ul>
|
|
<li>
|
|
<img src="./img/wx.png" alt="">
|
|
</li>
|
|
<li>
|
|
<img src="./img/wx.png" alt="">
|
|
</li>
|
|
<li>
|
|
<img src="./img/wx.png" alt="">
|
|
</li>
|
|
<li>
|
|
<img src="./img/wx.png" alt="">
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="say_the">登录并发表</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<p class="say_four">搜狐“我来说两句” 用户公约</p>
|
|
|
|
<div class="mid_comment_hot">
|
|
<div class="hot_title">热门评论</div>
|
|
|
|
<ul class="hot_list">
|
|
<li>
|
|
<img src="./img/cm.jpeg" alt="">
|
|
<div class="hot_list_one">
|
|
<p class="five">执著</p>
|
|
<p class="six">特别是秋收还能增长？种粮食全在北方，北方那么多地区水灾看不到吗？还增产了居然，呵呵！</p>
|
|
<div class="hot_date">
|
|
<span>10月20日 19:52</span>
|
|
<div class="hot_date_one">
|
|
<div class="hot_date_two">回复</div>
|
|
<div class="hot_date_two">
|
|
<i class="iconfont icon-dianzan"></i>
|
|
2
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<img src="./img/cm.jpeg" alt="">
|
|
<div class="hot_list_one">
|
|
<p class="five">执著</p>
|
|
<p class="six">特别是秋收还能增长？种粮食全在北方，北方那么多地区水灾看不到吗？还增产了居然，呵呵！</p>
|
|
<div class="hot_date">
|
|
<span>10月20日 19:52</span>
|
|
<div class="hot_date_one">
|
|
<div class="hot_date_two">回复</div>
|
|
<div class="hot_date_two">
|
|
<i class="iconfont icon-dianzan"></i>
|
|
2
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<img src="./img/cm.jpeg" alt="">
|
|
<div class="hot_list_one">
|
|
<p class="five">执著</p>
|
|
<p class="six">特别是秋收还能增长？种粮食全在北方，北方那么多地区水灾看不到吗？还增产了居然，呵呵！</p>
|
|
<div class="hot_date">
|
|
<span>10月20日 19:52</span>
|
|
<div class="hot_date_one">
|
|
<div class="hot_date_two">回复</div>
|
|
<div class="hot_date_two">
|
|
<i class="iconfont icon-dianzan"></i>
|
|
2
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="right">
|
|
<div class="search">
|
|
<input type="text" placeholder="大家都在搜">
|
|
<i class="iconfont icon-sousuo"></i>
|
|
</div>
|
|
<div class="hot_pic">
|
|
<p>热门精选</p>
|
|
<div class="pic_one">
|
|
<img src="./img/aaa.jpeg" alt="">
|
|
<i class="iconfont icon-zuojiantou"></i>
|
|
<i class="iconfont icon-youjiantou"></i>
|
|
<p>他被蛇追杀了5年</p>
|
|
<ul class="pic_two">
|
|
<li></li>
|
|
<li class="two"></li>
|
|
<li></li>
|
|
</ul>
|
|
</div>
|
|
<ul class="hot_item">
|
|
<li>
|
|
<a href="">
|
|
<img src="./img/bbb.jpeg" alt="">
|
|
<p>敲诈公职人员的女辅警照片曝光</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="./img/bbb.jpeg" alt="">
|
|
<p>敲诈公职人员的女辅警照片曝光</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="./img/bbb.jpeg" alt="">
|
|
<p>敲诈公职人员的女辅警照片曝光</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="./img/bbb.jpeg" alt="">
|
|
<p>敲诈公职人员的女辅警照片曝光</p>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="hot_art">
|
|
<p class="hot_art_title">24小时热文</p>
|
|
<ul class="hot_art_list">
|
|
<li>
|
|
<div class="art_list">
|
|
<img src="./img/bbb.jpeg" alt="">
|
|
<div class="one">1</div>
|
|
</div>
|
|
|
|
<div class="art_one">
|
|
<p>不让下车去厕所 司机劝返新冠确诊游客被赞</p>
|
|
<span>1334万 阅读</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="art_list">
|
|
<img src="./img/bbb.jpeg" alt="">
|
|
<div class="one">1</div>
|
|
</div>
|
|
|
|
<div class="art_one">
|
|
<p>不让下车去厕所 司机劝返新冠确诊游客被赞</p>
|
|
<span>1334万 阅读</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="art_list">
|
|
<img src="./img/bbb.jpeg" alt="">
|
|
<div class="one">1</div>
|
|
</div>
|
|
|
|
<div class="art_one">
|
|
<p>不让下车去厕所 司机劝返新冠确诊游客被赞</p>
|
|
<span>1334万 阅读</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="art_list">
|
|
<img src="./img/bbb.jpeg" alt="">
|
|
<div class="one">1</div>
|
|
</div>
|
|
|
|
<div class="art_one">
|
|
<p>不让下车去厕所 司机劝返新冠确诊游客被赞</p>
|
|
<span>1334万 阅读</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="art_list">
|
|
<img src="./img/bbb.jpeg" alt="">
|
|
<div class="one">1</div>
|
|
</div>
|
|
|
|
<div class="art_one">
|
|
<p>不让下车去厕所 司机劝返新冠确诊游客被赞</p>
|
|
<span>1334万 阅读</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="footer"></div>
|
|
</body>
|
|
|
|
</html> |