bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

198
历届学生/fontendsix/项目练习/学生项目/陶瑞/three/cctv.css Normal file
View File

@@ -0,0 +1,198 @@
.body{
width: 1200px;
height: 986px;
margin: 0 auto;
}
.content_text{
width: 1200px;
height: 60px;
margin: 0 auto;
}
.content_left{
width: 780px;
height: 986px;
float: left;
}
.content_right{
width: 400px;
height: 986px;
float: right;
}
.content{
background: #f5f5f5 none;
}
.content_aleft{
width: 780px;
height: 131px;
background-color: #FFF;
margin-bottom: 20px;
}
.content_aleft h2{
font-size: 20px;
padding: 20px 0px 30px 20px;
}
.content_aleftb{
width: 760px;
height: 30px;
background: white;
float: right;
line-height: 30px;
}
.content_aleftc{
width: 70px;
height: 30px;
background: red;
display: inline-block;
text-align: center;
color: white;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
}
.content_alefa{
margin-right: 100px;
}
.content_bleft{
width: 780px;
height: 406px;
}
.content_bleft_l{
width: 380px;
height: 401px;
display: inline-block;
}
.content_bleft_l ul{
width: 380px;
height: 381px;
line-height: 42px;
font-size: 14px;
margin: 5px 0px 5px 15px;
}
.content_bleft_li{
color: #3d3d3d;
font-size: 18px;
font-weight: bolder;
}
.content_bright_l{
width: 380px;
height: 141px;
background: white;
margin-bottom: 10px;
}
.content_bright_l ul{
width: 380px;
height: 140px;
font-size: 14px;
line-height: 42px;
margin: 5px 0px 5px 15px;
}
.content_bright_li{
color: #3d3d3d;
font-size: 16px;
font-weight: bolder;
}
.content_bottom{
width: 380px;
height: 245px;
display: inline-block;
}
.content_brighta{
width: 380px;
height: 405px;
float: right;
}
.content_bottom li{
width: 184px;
height: 225px;
font-size: 16px;
display: inline-block;
background: white;
}
.content_bottom li img{
width: 184px;
height: 106px;
}
.content_bottom li p{
margin: 10px 0px 20px 10px;
}
.content_bottom li i{
margin: 10px 0px 20px 10px;
font-size: 14px;
color: rgb(92, 89, 89);
}
.content_bbottoma{
width: 780px;
height: 245px;
margin-top: 20px;
}
.content_bbottomb{
width: 380px;
height: 225px;
float: right;
background: white;
}
.content_bbottomb ul{
width: 380px;
height: 224px;
margin: 5px 0px 5px 15px;
line-height: 45px;
font-size: 14px;
}
.content_last{
width: 780px;
height: 157px;
margin-top: 20px;
}
.content_last ul{
width: 780px;
height: 60px;
line-height: 60px;
}
.content_li{
float: left;
font-size: 16px;
margin-right: 16px;
}
.content_last_li{
font-weight: bold;
padding-left: 13px;
padding-right: 280px;
font-size: 30px;
float: left;
}
.content_righta{
width: 400px;
height: 714px;
background: white;
}
.content_rightb{
width: 400px;
height: 225px;
margin-top: 47px;
}
.content_righta li{
width: 380px;
height: 101px;
margin: 0 auto;
}
.content_righta li img{
width: 162px;
height: 90px;
float: left;
padding-right: 15px;
}
.content_righta li a{
background: red;
padding: 5px 10px 5px 10px;
color: white;
}
.content_righta li p{
padding: 5px 0px 20px 10px;
font-size: 14px;
}

124
历届学生/fontendsix/项目练习/学生项目/陶瑞/three/cctv.html Normal file
View File

@@ -0,0 +1,124 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=S, initial-scale=1.0">
<title>CCTV</title>
<link rel="stylesheet" href="./clear.css">
<link rel="stylesheet" href="./public.css">
<link rel="stylesheet" href="./cctv.css">
</head>
<body>
<div class="content">
<div class="content_text">
<h1>要闻</h1>
</div>
<div class="body">
<div class="content_left">
<div class="content_aleft">
<h2>习近平致信祝贺中央广播电视总台央视奥林匹克频道及其数字平台开播上线</h2>
<div class="content_aleftb">
<div class="content_aleftc">联播+</div>
<span class="content_alefa">习近平这一宣示掷地有声</span>
<div class="content_aleftc">联播+</div>
<span>为推进中华体育强国建设作出贡献</span>
</div>
</div>
<div class="content_bleft">
<div class="content_bleft_l">
<ul>
<li class="content_bleft_li">依法加强对煤炭中长期合同履约信用监管</li>
<li>多部门印发《关于实施提升就业服务质量工程的通知》</li>
<li>住建部：乡村要实现现代化 而不是去追求城市化</li>
<li>17部门发文 支持国家文化出口基地高质量发展</li>
<li>2021年前三季度新增并网容量2555.6万千瓦</li>
<li>长三角地区建成5G基站22.1万个 占全国总量26.9%</li>
<li>北京5人旅行团返京后截至目前判定密接1534人</li>
<li>贵州遵义25日新增1例确诊病例 为之前确诊病例密接者</li>
<li>西安累计核酸检测919.01万人次 结果均为阴性</li>
</ul>
</div>
<div class="content_brighta">
<div class="content_bright_l">
<ul>
<li class="content_bright_li">依法加强对煤炭中长期合同履约信用监管</li>
<li>多部门印发《关于实施提升就业服务质量工程的通知》</li>
<li>住建部：乡村要实现现代化 而不是去追求城市化</li>
</ul>
</div>
<div class="content_bottom">
<ul>
<li>
<img src="https://p5.img.cctvpic.com/photoworkspace/2021/10/25/2021102518571957403.jpg" alt="">
<p>窗帘拉开是会议室？律师介绍酒店维权三种方式</p>
<i>法治新闻</i>
</li>
<li class="float_right">
<img src="https://p5.img.cctvpic.com/photoworkspace/2021/10/25/2021102518571957403.jpg" alt="">
<p>窗帘拉开是会议室？律师介绍酒店维权三种方式</p>
<i>法治新闻</i>
</li>
</ul>
</div>
</div>
<div class="content_bbottoma">
<div class="content_bottom">
<ul>
<li>
<img src="https://p2.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/25/1635143634135_404.jpg" alt="">
<p>拉帕尔马岛火山喷发持续 更多土地建筑被毁</p>
<i>国际新闻</i>
</li>
<li class="float_right">
<img src="https://p4.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/25/1635143506221_55.jpg" alt="">
<p>苏丹大部分地区网络通信中断 紧急状态实施</p>
<i>国际新闻</i>
</li>
</ul>
</div>
<div class="content_bbottomb">
<ul>
<li class="content_bright_li">连续3个月美国医护人员辞职超50万</li>
<li>英国将额外拨款59亿英镑 处理因疫情积压的医疗服务</li>
<li>俄罗斯总统新闻秘书：与北约合作努力徒劳无益</li>
<li>伊朗总统：伊朗不会把本国经济与伊核谈判挂钩</li>
<li>日本众院选举前哨战：参院两场补选自民党一胜一负</li>
</ul>
</div>
</div>
<div class="content_last">
<ul>
<li class="content_last_li">热点专题</li>
<li class="content_li">学习强国</li>
<li class="content_li">新闻+ </li>
<li class="content_li">8点见</li>
<li class="content_li">中国脱贫攻坚成就展</li>
</ul>
<img src="https://p4.img.cctvpic.com/photoAlbum/page/performance/img/2021/9/30/1633006174832_87.jpg" alt="">
</div>
</div>
</div>
<div class="content_right">
<div class="content_righta">
<ul>
<li><img src="https://p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/25/1635166723343_826.jpg" alt=""><p>中国市场对外资持续保持较强吸引力</p><a>新闻联播</a></li>
<li><img src="https://p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/25/1635166723343_826.jpg" alt=""><p>中国市场对外资持续保持较强吸引力</p><a>新闻联播</a></li>
<li><img src="https://p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/25/1635166723343_826.jpg" alt=""><p>中国市场对外资持续保持较强吸引力</p><a>新闻联播</a></li>
<li><img src="https://p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/25/1635166723343_826.jpg" alt=""><p>中国市场对外资持续保持较强吸引力</p><a>新闻联播</a></li>
<li><img src="https://p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/25/1635166723343_826.jpg" alt=""><p>中国市场对外资持续保持较强吸引力</p><a>新闻联播</a></li>
<li><img src="https://p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/25/1635166723343_826.jpg" alt=""><p>中国市场对外资持续保持较强吸引力</p><a>新闻联播</a></li>
<li><img src="https://p5.img.cctvpic.com/photoAlbum/page/performance/img/2021/10/25/1635166723343_826.jpg" alt=""><p>中国市场对外资持续保持较强吸引力</p><a>新闻联播</a></li>
</ul>
</div>
<div class="content_rightb">
<img src="./img/video.png" alt="">
</div>
</div>
</div>
</div>
</body>
</html>

18
历届学生/fontendsix/项目练习/学生项目/陶瑞/three/clear.css Normal file
View File

@@ -0,0 +1,18 @@
/* 专门用来清除标签的默认样式的 */
li {
list-style: none; /* 清除li标签的小圆点 */
}
a {
text-decoration: none; /* 清除a标签的下划线 */
}
body,ul,p,h1,h2,h3,h4,h5,h6{
margin: 0;
padding: 0;
}
input, textarea {
border: none;
outline: none;
}

BIN
历届学生/fontendsix/项目练习/学生项目/陶瑞/three/img/souhu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/陶瑞/three/img/vadio.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 272 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/陶瑞/three/img/video.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

BIN
历届学生/fontendsix/项目练习/学生项目/陶瑞/three/img/wx.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 729 B

BIN
历届学生/fontendsix/项目练习/学生项目/陶瑞/three/img/yg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

104
历届学生/fontendsix/项目练习/学生项目/陶瑞/three/kauishou.html Normal file
View File

@@ -0,0 +1,104 @@
<!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>快手</title>
<link rel="stylesheet" href="./clear.css">
<link rel="stylesheet" href="./public.css">
<link rel="stylesheet" href="./kuaishou.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2884373_lvsge4ay9gb.css">
</head>
<body>
<div class="header">
<div class="nav_one">
<div class="nav">
<div class="logo">
<img src="https://s2-10623.kwimgs.com/udata/pkg/cloudcdn/img/new-logo.79c3bfe1.svg" alt="">
</div>
<div class="screah">
<input type="text" placeholder="请输入你要搜索的内容">
<p class="screah_right">
<span class="iconfont icon-sousuo_o"></span>
<span class="iconfont_v">搜索</span>
</p>
</div>
<span class="nav_r">
<ul>
<li>
<a class="nav_r_l" href="">
<div class="iconfont icon-shangchuan"></div>
<p>上传视频</p>
</a>
</li>
<li>
<a class="nav_r_c" href="">
<div class="iconfont icon-chongzhi"></div>
<p>快币充值</p>
</a>
</li>
<li>
<a class="nav_r_r" href="">
<div>登录</div>
</a>
</li>
</ul>
</span>
</div>
</div>
<img class="backgund" src="https://s2-10623.kwimgs.com/kos/nlav10623/vision_images/topBannerx1.png" alt="">
</div>
<div class="content">
<div class="top_nav">
<ul>
<li>我的关注</li>
<li>我的关注</li>
<li>我的关注</li>
<li>我的关注</li>
<li>我的关注</li>
<li>我的关注</li>
<li>我的关注</li>
<li>我的关注</li>
</ul>
</div>
<div class="cbody">
<div class="cbody_left">
<div cbody_top>
<div class="cbody_top_one"><h2>精彩短视频</h2><span>更多<i class="iconfont icon-jiantou_liebiaoxiangyou_o"></i></span></div>
<div class="cbody_top_two"><i class="iconfont icon-xiangzuo"></i><span>1/15</span><i class="iconfont icon-xiangyou1"></i></div>
</div>
<div class="cbody_bottom">
<div class="cbody_bottom_img"><img src="https://tx2.a.kwimgs.com/upic/2021/09/10/18/BMjAyMTA5MTAxODIzMzlfNTQyOTY3OF81NjkxOTMwMTg4M18xXzM=_animatedV5_Bc84bb10edb1c573dbf54a19c7fe47b87.webp?tag=1-1635149820-xpcwebhome-0-wzri1mu77m-720552d17bc3dcad&clientCacheKey=3x84gmmb2qr3ih6_animatedV5.webp&di=JAmKMAb2ZEDgfM7xvwIRNg==&bp=14944" alt=""><p>不艾特你的好兄弟</p><i class="iconfont icon-aixin">6.4w喜欢</i></div>
<div class="cbody_bottom_img"><img src="https://tx2.a.kwimgs.com/upic/2021/09/10/18/BMjAyMTA5MTAxODIzMzlfNTQyOTY3OF81NjkxOTMwMTg4M18xXzM=_animatedV5_Bc84bb10edb1c573dbf54a19c7fe47b87.webp?tag=1-1635149820-xpcwebhome-0-wzri1mu77m-720552d17bc3dcad&clientCacheKey=3x84gmmb2qr3ih6_animatedV5.webp&di=JAmKMAb2ZEDgfM7xvwIRNg==&bp=14944" alt=""><p>不艾特你的好兄弟</p><i class="iconfont icon-aixin">6.4w喜欢</i></div>
<div class="cbody_bottom_img"><img src="https://tx2.a.kwimgs.com/upic/2021/09/10/18/BMjAyMTA5MTAxODIzMzlfNTQyOTY3OF81NjkxOTMwMTg4M18xXzM=_animatedV5_Bc84bb10edb1c573dbf54a19c7fe47b87.webp?tag=1-1635149820-xpcwebhome-0-wzri1mu77m-720552d17bc3dcad&clientCacheKey=3x84gmmb2qr3ih6_animatedV5.webp&di=JAmKMAb2ZEDgfM7xvwIRNg==&bp=14944" alt=""><p>不艾特你的好兄弟</p><i class="iconfont icon-aixin">6.4w喜欢</i></div>
<div class="cbody_bottom_img"><img src="https://tx2.a.kwimgs.com/upic/2021/09/10/18/BMjAyMTA5MTAxODIzMzlfNTQyOTY3OF81NjkxOTMwMTg4M18xXzM=_animatedV5_Bc84bb10edb1c573dbf54a19c7fe47b87.webp?tag=1-1635149820-xpcwebhome-0-wzri1mu77m-720552d17bc3dcad&clientCacheKey=3x84gmmb2qr3ih6_animatedV5.webp&di=JAmKMAb2ZEDgfM7xvwIRNg==&bp=14944" alt=""><p>不艾特你的好兄弟</p><i class="iconfont icon-aixin">6.4w喜欢</i></div>
<div class="cbody_bottom_img"><img src="https://tx2.a.kwimgs.com/upic/2021/09/10/18/BMjAyMTA5MTAxODIzMzlfNTQyOTY3OF81NjkxOTMwMTg4M18xXzM=_animatedV5_Bc84bb10edb1c573dbf54a19c7fe47b87.webp?tag=1-1635149820-xpcwebhome-0-wzri1mu77m-720552d17bc3dcad&clientCacheKey=3x84gmmb2qr3ih6_animatedV5.webp&di=JAmKMAb2ZEDgfM7xvwIRNg==&bp=14944" alt=""><p>不艾特你的好兄弟</p><i class="iconfont icon-aixin">6.4w喜欢</i></div>
<div class="cbody_bottom_img"><img src="https://tx2.a.kwimgs.com/upic/2021/09/10/18/BMjAyMTA5MTAxODIzMzlfNTQyOTY3OF81NjkxOTMwMTg4M18xXzM=_animatedV5_Bc84bb10edb1c573dbf54a19c7fe47b87.webp?tag=1-1635149820-xpcwebhome-0-wzri1mu77m-720552d17bc3dcad&clientCacheKey=3x84gmmb2qr3ih6_animatedV5.webp&di=JAmKMAb2ZEDgfM7xvwIRNg==&bp=14944" alt=""><p>不艾特你的好兄弟</p><i class="iconfont icon-aixin">6.4w喜欢</i></div>
<div class="cbody_bottom_img"><img src="https://tx2.a.kwimgs.com/upic/2021/09/10/18/BMjAyMTA5MTAxODIzMzlfNTQyOTY3OF81NjkxOTMwMTg4M18xXzM=_animatedV5_Bc84bb10edb1c573dbf54a19c7fe47b87.webp?tag=1-1635149820-xpcwebhome-0-wzri1mu77m-720552d17bc3dcad&clientCacheKey=3x84gmmb2qr3ih6_animatedV5.webp&di=JAmKMAb2ZEDgfM7xvwIRNg==&bp=14944" alt=""><p>不艾特你的好兄弟</p><i class="iconfont icon-aixin">6.4w喜欢</i></div>
<div class="cbody_bottom_img"><img src="https://tx2.a.kwimgs.com/upic/2021/09/10/18/BMjAyMTA5MTAxODIzMzlfNTQyOTY3OF81NjkxOTMwMTg4M18xXzM=_animatedV5_Bc84bb10edb1c573dbf54a19c7fe47b87.webp?tag=1-1635149820-xpcwebhome-0-wzri1mu77m-720552d17bc3dcad&clientCacheKey=3x84gmmb2qr3ih6_animatedV5.webp&di=JAmKMAb2ZEDgfM7xvwIRNg==&bp=14944" alt=""><p>不艾特你的好兄弟</p><i class="iconfont icon-aixin">6.4w喜欢</i></div>
</div>
</div>
<div class="cbody_right">
<div cbody_top>
<div class="cbody_top_one"><h2>快手热榜</h2></div>
<div class="cbody_top_two"><i class="iconfont icon-xiangzuo"></i><span>1/15</span><i class="iconfont icon-xiangyou1"></i></div>
</div>
<div class="cbody_bright">
<div class="cbody_brighta"><h3>1</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>2</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>3</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>4</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>5</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>6</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>7</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>8</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>9</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
<div class="cbody_brighta"><h3>10</h3><div class="cbody_brighta_b"><i>石家庄确诊病例首发声</i><p class="iconfont icon-huore">120w热度</p></div><img src="https://tx2.a.yximgs.com/udata/pkg/nebula-app/rank_tag_new3x.png" alt=""></div>
</div>
</div>
</div>
</div>
</body>
</html>

246
历届学生/fontendsix/项目练习/学生项目/陶瑞/three/kuaishou.css Normal file
View File

@@ -0,0 +1,246 @@
.nav_one{
width: 100%;
height: 70px;
background: rgba(34,34,34,.5);
position:fixed;
top: 0px;
}
.nav{
width: 1200px;
height: 70px;
margin: 0 auto;
}
.header{
width: 100%;
height: 350px;
position: relative;
}
.logo{
width: 81px;
height: 31px;
float: left;
margin-top: 15px;
}
.backgund{
width: 100%;
height: 100%;
}
.screah{
width: 396px;
height: 50px;
text-align: center;
margin-left: 220px;
display: inline-block;
margin-top: 10px;
}
.screah input{
width: 303px;
height: 44px;
border: 1px #969696 solid;
border-right: none;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
opacity: 0.3;
color: aliceblue;
}
.screah_right{
width: 88px;
height: 48px;
background-color: rgb(194, 59, 86);
float: right;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
line-height: 48px;
}
.screah_right .iconfont{
float: left;
font-size: 20px;
color: whitesmoke;
margin-left: 10px;
}
.screah_right .iconfont_v{
font-size: 16px;
width: 41px;
height: 27px;
margin-left: -20px;
color: whitesmoke;
}
.nav_r ul{
width: 271px;
height: 50px;
float: right;
}
.nav_r{
width: 275px;
height: 52px;
float: right;
margin-top: 15px;
}
.nav_r ul li{
float: left;
margin: 0px 10px 0px 10px;
text-align: center;
}
.nav_r_r div{
background: mediumvioletred;
color: mintcream;
width: 84px;
height: 42px;
line-height: 42px;
border-radius: 20px;
}
.nav_r_l, .nav_r_c{
font-size: 15px;
color: white;
}
.nav_r_l div, .nav_r_c div{
font-size: 20px;
}
.top_nav{
width: 1126px;
height: 45px;
background-color: white;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}
.top_nav ul li{
float: left;
background-color: #fbfbfb;
width: 92px;
height: 45px;
line-height: 45px;
border-radius: 20px;
text-align: center;
margin-left: 42px;
color: black;
font-size: 15px;
font-weight: bolder;
}
.cbody{
width: 1126px;
height: 805px;
background-color: rgb(252, 249, 245);
margin: 0 auto;
}
.cbody_left{
width: 710px;
height: 805px;
background-color: white;
float: left;
}
.cbody_right{
width: 416px;
height: 805px;
background-color: white;
float: right;
}
.cbody_top{
width: 710px;
height: 43px;
}
.cbody_top_one{
width: 200px;
height: 43px;
background: white;
line-height: 42px;
display: inline-block;
}
.cbody_top_one h2{
font-size: 24px;
font-weight: bolder;
color: #111;
display: inline-block;
}
.cbody_top_one span{
float: right;
color: rgb(85, 79, 79);;
font-size: 12px;
}
.cbody_top_two{
width: 112px;
height: 43px;
background: white;
float: right;
line-height: 43px;
font-size: 12px;
color: #969696;
}
.cbody_top_two span{
margin: 0px 10px 0px 10px;
}
.cbody_bottom{
width: 710px;
height: 738px;
background-color: white;
}
.cbody_bottom_img{
width: 160px;
height: 323px;
background-color: white;
float: left;
margin-right: 17px;
}
.cbody_bottom_img img{
width: 160px;
height: 263px;
float: left;
}
.cbody_bottom_img p{
font-size: 15px;
font-weight: bolder;
}
.cbody_bottom_img i{
color: #969696;
font-size: 13px;
}
.cbody_bright{
width: 416px;
height: 790px;
background: white;
}
.cbody_brighta{
width: 383px;
height: 69px;
background:#f5f5f5;
border-bottom: 1px #d4d0d0 solid;
}
.cbody_brighta h3{
width: 35px;
height: 69px;
font-size: 28.6px;
float: left;
text-align: center;
line-height: 69px;
margin: 0px 10px 0px 10px;
}
.cbody_brighta img{
float: right;
width: 18px;
height: 18px;
margin-top: 20px;
}
.cbody_brighta div{
display: inline-block;
}
.cbody_brighta_b{
width: 195px;
height: 40px;
line-height: 40px;
}
.cbody_brighta_b p{
font-size: 13px;
color: silver;
}

17
历届学生/fontendsix/项目练习/学生项目/陶瑞/three/public.css Normal file
View File

@@ -0,0 +1,17 @@
/* 存放使用频率高的css代码 */
.center {
width: 1180px;
margin: 0 auto;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
.overflow{
overflow: hidden;
}

561
历届学生/fontendsix/项目练习/学生项目/陶瑞/three/souhu1.css Normal file
View File

@@ -0,0 +1,561 @@
.header {
background: rgb(22, 24, 27);
height: 40px;
line-height: 40px;
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 100;
}
.mune{
width: 1200px;
height: 40px;
margin: 0 auto;
}
.left i {
float: left;
font-size: 30px;
color: #969696;
}
.left {
}
.left:hover i {
color: #fdd000;
}
.left:hover .left_2 {
background-position: 0 -30px;
}
.left .left_2 {
width: 60px;
height: 20px;
background: url(./img/souhu.png);
background-repeat: no-repeat;
float: left;
margin-top: 9px;
}
.left_2::after {
content: "";
width: 1px;
height: 15px;
background: rgb(111, 115, 119);
float: right;
display: block;
margin-top: 4px;
}
ul.mune_center li {
float: left;
width: 64px;
text-align: center;
height: 40px;
font-size: 15px;
position: relative;
}
ul.mune_center {
float: left;
height: 40px;
}
ul.mune_center li a {
color: rgb(255, 254, 254);
}
ul.mune_center li:hover {
background: rgb(66, 66, 66);
}
ul.mune_center li.into {
width: 150px;
}
ul.mune_center li.into:hover {
background: rgb(66, 66, 66);
}
.menu_down {
position: absolute;
width: 268px;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
left: -100px;
padding: 7px 10px;
background: whitesmoke;
display: none;
}
ul.mune_center li .menu_down_a {
width: 60px;
color: black;
display: inline-block;
}
.mune_center_1:hover {
background: rgb(66, 66, 66);
color: white;
}
.mune_center_1 {
color: white;
}
.menu_down .menu_down_a:hover {
color: red;
background-color: rgb(232, 241, 250);
}
.mune_center_1:hover .menu_down {
display: block;
}
.mune_center_1:hover .icon-xiangxiazhankai {
display: inline-block;
transform: rotate(180deg);
transition: all 0.3s ease;
}
.center {
margin-top: 80px;
}
.center .left_two {
width: 140px;
background-color: white;
height: 800px;
}
.center .center_two {
background-color: white;
height: 800px;
width: 640px;
}
.center .right_two {
width: 340px;
background-color: white;
margin-left: 30px;
}
.center .left_two .cnnew {
background-color: rgb(252, 252, 253);
width: 138px;
height: 217px;
border: 1px #e2e1e1 solid;
}
.center .left_two .cnnew .cnnew_one {
position: relative;
border-radius: 100%;
top: -30px;
height: 70px;
width: 70px;
}
.cnnew_two {
text-align: center;
margin-top: -30px;
margin-bottom: 10px;
}
.cnnew {
text-align: center;
position: relative;
}
.cnnew_four li {
float: left;
width: 50%;
margin-top: 15px;
font-size: 16px;
}
.cnnew_four span {
font-size: 4px;
color: #969696;
}
.cnnew_four_one::after {
content: "";
width: 1px;
height: 40px;
background: rgb(218, 220, 223);
float: right;
margin-top: -20px;
}
.cnnew_four div {
background: #e2e1e1;
height: 21px;
width: 138px;
position: absolute;
bottom: 0;
font-size: 6px;
line-height: 21px;
color: rgb(141, 134, 134);
}
.talk {
margin-top: 30px;
width: 140px;
height: 110px;
text-align: center;
border-top: 1px rgb(216, 211, 211) solid;
border-bottom: 1px rgb(223, 218, 218) solid;
}
.talk .talk_one {
position: relative;
top: -10px;
font-size: 14px;
width: 40px;
height: 10px;
margin: 0 auto;
background-color: white;
}
.talk img {
width: 30px;
height: 30px;
margin: 10px;
}
.talk .talk_two {
position: relative;
bottom: -10px;
font-size: 14px;
width: 40px;
height: 10px;
margin: 0 auto;
background-color: white;
display: inline-block;
}
.talk p {
font-family: Georgia, Arial;
font-size: 22px;
color: rgb(218, 54, 25);
}
.share {
text-align: center;
width: 140;
height: 100px;
line-height: 50px;
}
.share li img {
width: 20px;
height: 20px;
}
.share li a {
color: rgb(196, 192, 192);
font-size: 6px;
}
.share ul li {
margin-left: -10px;
}
.center_two {
margin-left: 30px;
}
.center_two h2 {
margin-top: -10px;
font-size: 30px;
}
.center_two_one {
margin: 20px 20px 20px 0px;
font-size: 14px;
color: rgb(190, 183, 183);
}
.center_two img {
width: 500px;
height: 300px;
}
.center_two_two {
text-align: center;
}
.icon-bofang_o {
position: absolute;
left: 0px;
}
.center_two_four {
position: relative;
width: 300px;
height: 20px;
display: inline-block;
line-height: 30px;
}
.center_two_four p {
width: 330px;
height: 20px;
}
.center_two h3 {
font-size: 20px;
margin: 20px 20px 30px 0px;
}
.center_two_five {
font-size: 16px;
color: rgb(75, 70, 70);
}
.dison_one_left::before {
content: "";
width: 4px;
height: 20px;
background: rgb(240, 188, 76);
float: left;
border-radius: 26px;
margin-right: 15px;
margin-top: 5px;
}
.dison {
margin-top: 30px;
}
.dison_one_left {
font-size: 20px;
line-height: 30px;
}
.dison_one {
width: 640px;
height: 30px;
}
.dison_one_right img {
width: 66px;
height: 46px;
float: left;
margin-top: -15px;
}
.dison_one_right {
float: right;
width: 200px;
height: 30px;
margin-top: -30px;
}
.dison_one_right p span {
font-family: Georgia, Arial;
color: rgb(230, 44, 11);
font-size: 24px;
}
.dison_two {
height: 123;
border: 1px rgb(231, 228, 228) solid;
}
.dison_two textarea {
resize: none;
width: 100%;
padding: 7px 10px 0 15px;
box-sizing: border-box;
height: 84px;
}
.dison_two_one {
position: relative;
height: 30px;
background: #f8f8f8;
padding-left: 10px;
line-height: 35px;
}
.dison_two_left span {
float: left;
font-size: 15px;
}
.dison_two_left li {
float: left;
}
.dison_two_left li img {
width: 20px;
height: 20px;
margin-left: 5px;
margin-top: 6px;
}
.dison_two_right {
font-size: 14px;
line-height: 31px;
color: #fff;
background: #d81519;
width: 90px;
height: 31px;
float: right;
text-align: center;
}
.dison_two_bottom {
margin: 12px 0px 8px;
}
.dison_two_bottom a {
color: rgb(177, 168, 168);
font-size: 8px;
}
.dison_four_one p::before {
content: "";
width: 4px;
height: 20px;
background: rgb(240, 188, 76);
float: left;
border-radius: 26px;
margin-right: 15px;
margin-top: 5px;
}
.dison_four_two img {
width: 50px;
height: 50px;
border-radius: 50%;
margin: 10px 15px 10px 5px;
float: left;
}
.dison_four_one {
margin-bottom: 10px;
margin-top: 10px;
}
.dison_four_one p {
font-size: 20px;
}
.dison_four_two {
width: 640px;
height: 100px;
border-top: 1px #ddd solid;
border-bottom: 1px #ddd dashed;
}
.dison_four_two .iconfont {
float: right;
}
.dison_four_text {
font-size: 14px;
color: #d81519;
margin: 8px 10px 10px 5px;
}
.dison_four_title {
font-size: 16px;
color: #726b6b;
margin: 8px 10px 10px 5px;
}
.dison_four_a p {
font-size: 14px;
color: #726b6b;
margin-bottom: -18px;
}
.dison_four_b div {
margin: 0px 10px 0px 10px;
font-size: 14px;
color: #726b6b;
}
.dison_four_c {
background: whitesmoke;
font-size: 15px;
text-align: center;
margin: 20px 10px 20px 10px;
border-radius: 20px;
}
.dison_four_c a {
color: rgb(66, 57, 57);
}
.screah input {
border: 1px rgb(146, 144, 144) solid;
border-right: none;
width: 285px;
height: 30px;
line-height: 30px;
}
.screah i {
float: right;
background: #fdd000;
width: 50px;
height: 34px;
text-align: center;
line-height: 34px;
}
.screah {
width: 340px;
}
.hot_top h3 {
margin: 80px 0px 10px 0px;
}
.hot_img_one {
font-size: 14px;
width: 280px;
height: 50px;
color: rgb(250, 248, 248);
}
.hot_img {
background: url(https://p4.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211024/a53c6c600a9842fea133be7d0490e707.jpeg);
width: 300px;
height: 200px;
position: relative;
}
.hot_img p {
position: absolute;
top: 60px;
left: 5px;
display: none;
}
.tua {
position: absolute;
top: 60px;
right: 5px;
display: none;
}
.hot_img_one {
position: absolute;
bottom: 10px;
left: 10px;
}
.hot_img:hover .tuaa {
display: block;
opacity: 0.5;
}
.hot_img:hover .tua {
display: block;
opacity: 0.5;
}
.hot_img_two {
position: absolute;
left: 5px;
bottom: 5px;
}
.hot_img_two li {
float: left;
width: 5px;
height: 2px;
background: #f1eeee;
border-radius: 20px;
margin-right: 2px;
}
.hot_img:hover .hot_img_four{
width: 10px;
height: 2px;
}
.hot_bottom_one{
width: 145px;
height: 87px;
}
.hot_bottom_a{
width: 155px;
height: 132px;
float: left;
margin-bottom: 10px;
padding: 0;
margin-top: 10px;
}
.hot_bottom_a p{
font-size: 14px;
}
.hotwrite_top{
font-size: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.hotwrite{
width: 340px;
height: 499px;
display: inline-block;
}
.hotwrite_bottom_one{
width: 300px;
height: 78px;
margin-bottom: 10px;
position: relative;
}
.hotwrite li img{
width: 90px;
height: 60px;
float: left;
}
.hotwrite_p{
display: inline-block;
font-size: 14px;
color: #0a0a0a;
width: 196px;
height: 40px;
margin-left: 10px;
}
.hotwrite ul{
width: 340px;
height: 312px;
}
.hotwrite_c{
display: inline-block;
font-size: 12px;
color: #969696;
width: 196px;
height: 40px;
margin-left: 10px;
}
.hotwrite_bottom_one div{
position: absolute;
left: 5px;
bottom: 20px;
color: #fdfdfd;
font-size: 20px;
}

311
历届学生/fontendsix/项目练习/学生项目/陶瑞/three/souhu1.html Normal file
View File

@@ -0,0 +1,311 @@
<!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>搜狐新闻</title>
<link rel="stylesheet" href="./clear.css">
<link rel="stylesheet" href="./public.css">
<link rel="stylesheet" href="./souhu1.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2884373_flq00tl39h6.css">
</head>
<body>
<div class="header">
<div class="mune">
<div class="left">
<i class="iconfont icon-fangzi left_1"></i>
<div class="left_2"></div>
</div>
<ul class="mune_center">
<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="mune_center_1">更多
<i class="iconfont icon-xiangxiazhankai"></i>
<div class="menu_down">
<a class="menu_down_a" href="">母婴</a>
<a class="menu_down_a" href="">健康</a>
<a class="menu_down_a" href="">历史</a>
<a class="menu_down_a" href="">军事</a>
<a class="menu_down_a" href="">美食</a>
<a class="menu_down_a" href="">文化</a>
<a class="menu_down_a" href="">星座</a>
<a class="menu_down_a" href="">专题</a>
<a class="menu_down_a" href="">游戏</a>
<a class="menu_down_a" href="">搞笑</a>
<a class="menu_down_a" href="">动漫</a>
<a class="menu_down_a" href="">宠物</a>
</div>
</div>
</li>
<li>
<a href="">无障碍</a>
</li>
<li class="into">
<a href="">
<i class="iconfont icon-jurassic_user"></i>
登录
</a>
</li>
</ul>
<div class="_right"></div>
</div>
</div>
<div class="content">
<div class="center">
<div class="left_two float_left">
<div class="cnnew">
<img class="cnnew_one" src="https://5b0988e595225.cdn.sohucs.com/avatar/picon/2014/04/14/139746392399510175.png" alt="">
<p class="cnnew_two">中国新闻网</p>
<div>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAACoUlEQVQoz41SS0hUYRg93507OuM4jprkaApphFgWUki0KbO3i8gM6WW0KRVCiraBCykkEtpVVBsxJSECKSFJFw6jC7OXoOmo4Yg45mPezp37+L9WIxNBeFbnwDmH78AHJGHMr59L1r0+vvpqhqsT+nNQZH8PGaeTPZQgnxYVi2KImCHQYkm3Prbb8dQXRv2HCQTTZHRUOHG/yKY815guVzktmzk5QYqsKSffz6/DsxJpsWfY8ypLs6+rKmAAmcsKmke9Aee8ZaNu//ZM+MJin9MujQOAlChwptGZaCSOEW9QckiisYAQL7EI3C4Dt1WwWpal1/ljArvSzLBJVPvPBI9f/JyMxkv2OiTdakmRJ4OAM4W52A6sxEEgQoYZrDMoEoJrZxYd2bwgEOXdQwG9xL1KyElPkS0yhCcEAYmwphGN+YnjDKQRaHiDMU447A1x9mbBG59WM7KkYsKroGvKYBngXCsMuxmkGEBABRypwNcw+ONkDD+Cmjwo+OJmQX4qmo7lmJCVSsYz1yLca4KOOmGKqsBaDNizA1gV4LYBHxtRYRQTkK+JuwCAtzMbrVMBjZmZA3FNL2/t1XH2AZ/vHOYZg/mLxlzd841R+4hvvB41dCH0oCrY41fZvRhvl4nkA2sKYVpiFKXLpo7GE9pNIbFvWZEMlSU2gLlZP1cdKue2CweFIkj2RgQiuoQYo4oAoH+BK1WBBk2gtjgTZpMd7F+BnqHDHFHBvwG9pAim2DokbxiwmNBHhBcSoS/5K9G/wIU+hTvfLTPX98fYPc2Ga46NWy4WXUvMU1F2Dy5yaXJGThanCmkBwLWhEEdm/aGGaZuQHLZUMfArQAW52wav5NFxbBVNruC9nDvdnN/cxaXdKy+3HPwLl9qfoOZhz/8sfwBZ+Fdq9OZ9nQAAAABJRU5ErkJggg==" alt="">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAACoUlEQVQoz41SS0hUYRg93507OuM4jprkaApphFgWUki0KbO3i8gM6WW0KRVCiraBCykkEtpVVBsxJSECKSFJFw6jC7OXoOmo4Yg45mPezp37+L9WIxNBeFbnwDmH78AHJGHMr59L1r0+vvpqhqsT+nNQZH8PGaeTPZQgnxYVi2KImCHQYkm3Prbb8dQXRv2HCQTTZHRUOHG/yKY815guVzktmzk5QYqsKSffz6/DsxJpsWfY8ypLs6+rKmAAmcsKmke9Aee8ZaNu//ZM+MJin9MujQOAlChwptGZaCSOEW9QckiisYAQL7EI3C4Dt1WwWpal1/ljArvSzLBJVPvPBI9f/JyMxkv2OiTdakmRJ4OAM4W52A6sxEEgQoYZrDMoEoJrZxYd2bwgEOXdQwG9xL1KyElPkS0yhCcEAYmwphGN+YnjDKQRaHiDMU447A1x9mbBG59WM7KkYsKroGvKYBngXCsMuxmkGEBABRypwNcw+ONkDD+Cmjwo+OJmQX4qmo7lmJCVSsYz1yLca4KOOmGKqsBaDNizA1gV4LYBHxtRYRQTkK+JuwCAtzMbrVMBjZmZA3FNL2/t1XH2AZ/vHOYZg/mLxlzd841R+4hvvB41dCH0oCrY41fZvRhvl4nkA2sKYVpiFKXLpo7GE9pNIbFvWZEMlSU2gLlZP1cdKue2CweFIkj2RgQiuoQYo4oAoH+BK1WBBk2gtjgTZpMd7F+BnqHDHFHBvwG9pAim2DokbxiwmNBHhBcSoS/5K9G/wIU+hTvfLTPX98fYPc2Ga46NWy4WXUvMU1F2Dy5yaXJGThanCmkBwLWhEEdm/aGGaZuQHLZUMfArQAW52wav5NFxbBVNruC9nDvdnN/cxaXdKy+3HPwLl9qfoOZhz/8sfwBZ+Fdq9OZ9nQAAAABJRU5ErkJggg==" alt="">
</div>
<ul class="cnnew_four">
<li class="cnnew_four_one">
<p>112万</p>
<span >文章</span>
</li>
<li>
<p>658亿</p>
<span>总阅读</span>
</li>
<div>查看ta的文章></div>
</ul>
</div>
<div class="talk">
<div class="talk_one">评论</div>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABDklEQVRIDe1XMQ6DMAx0UGZWVj7AP9j5AEgMvAkh8ScG/oEY2EjrVEYuogSVUHfAUmTjJL5cfBlQeZ4bELBAANNCagJu25bCS31RFLa+GOMb+NL+8uKLuHiSxyQGnjsSu8Qq1mMnY9fJj7DfWiPGWAzYedW3uLaE8k1OrMdiwKfEdeaN/y/jM6z2RCfG+Abea4vXubfnNAwD1HUNfd+DUsoORAuCV0cwh0Zz5Nc5/s1j2o+5BbjrOmiaBsZxxDwYY+zAeJ5ndF5Nrf8kkiSBsiwhDMMFHA+BRp4Owg9HMa359I11cP/CWGsNWZZBmqY4Z41fJeV8eQscRRFUVQVxHPuq667zFJOZpul5M7+1BwS92TnQOtLBAAAAAElFTkSuQmCC" alt="">
<p>126</p>
<div class="talk_two">分享</div>
</div>
<div class="share">
<ul>
<li>
<i class="iconfont icon-changyonglogo28"></i>
<a href="">微信分享</a>
</li>
<li>
<i class="iconfont icon-weibo"></i>
<a href="">新浪微博</a>
</li>
<li>
<i class="iconfont icon-QQkongjian"></i>
<a href="">QQ空间</a>
</li>
<li>
<i class="iconfont icon-icon-"></i>
<a href="">复制链接</a>
</li>
</ul>
</div>
</div>
<div class="center_two float_left">
<div>
<h2>猪肉价格会继续下降？秋收秋种如何？权威回应来了 </h2>
<p class="center_two_one">2021-10-20 14:30</p>
</div>
<div class="center_two_two">
<img src="./img/vadio.png" alt="">
<div class="center_two_four">
<i class="iconfont icon-bofang_o"></i>
<p>国家统计局 生猪生产和猪肉价格有望趋稳</p>
</div>
</div>
<div>
<h3>@中国新闻网</h3>
<p class="center_two_five">近期连阴雨对秋收、秋种影响如何？猪肉价格会是什么走势？大面积亏损下，该如何保障养殖场(户)的积极性？化肥价格上涨导致种粮成本增加如何解决？
记者：谢艺观
20日，农业农村部相关负责人在国新办发布会上对诸多热点话题进行了回应。
</p>
</div>
<div class="dison">
<div>
<div class="dison_one">
<div class="dison_one_left">
我来说两句
</div>
<div class="dison_one_right">
<img src="./img/yg.png" alt="">
<p>
<span>126</span>人参与,<span>50</span>人评论
</p>
</div>
</div>
<div class="dison_two">
<textarea name="" id="" cols="30" rows="10"></textarea>
<div class="dison_two_one">
<div class="dison_two_left">
<span>快速登录：</span>
<ul>
<li><a href=""><img src="./img/wx.png" alt=""></a></li>
<li><a href=""><img src="./img/wx.png" alt=""></a></li>
<li><a href=""><img src="./img/wx.png" alt=""></a></li>
<li><a href=""><img src="./img/wx.png" alt=""></a></li>
</ul>
</div>
<div class="dison_two_right">登录并发表</div>
</div>
</div>
<p class="dison_two_bottom"><a href="">搜狐“我来说两句” 用户公约</a></p>
<div></div>
</div>
<div class="dison_four">
<div class="dison_four_one">
<p>热门评论</p>
</div>
<div class="dison_four_two">
<img src="https://p6.itc.cn/q_70/images03/20210916/3dbac0fb3bb847dab1634e3c4ea0a78e.jpeg" alt="">
<p class="dison_four_text">搜狐用户22</p>
<p class="dison_four_title">猪价回落。农业农村部。发布。全年粮食。全国。农业。农作物。</p>
<div class="dison_four_a">
<p>10月21日 07:11</p>
<div class="dison_four_b">
<div class="iconfont icon-dianzan">0</div>
<div class="iconfont">回复</div>
<div class="iconfont icon-jubao">举报</div>
</div>
</div>
</div>
<div class="dison_four_two">
<img src="https://p6.itc.cn/q_70/images03/20210916/3dbac0fb3bb847dab1634e3c4ea0a78e.jpeg" alt="">
<p class="dison_four_text">搜狐用户22</p>
<p class="dison_four_title">特别是秋收还能增长？种粮食全在北方，北方那么多地区水灾看不到吗？</p>
<div class="dison_four_a">
<p>10月21日 07:11</p>
<div class="dison_four_b">
<div class="iconfont icon-dianzan">0</div>
<div class="iconfont">回复</div>
<div class="iconfont icon-jubao">举报</div>
</div>
</div>
</div>
<div class="dison_four_two">
<img src="https://p6.itc.cn/q_70/images03/20210916/3dbac0fb3bb847dab1634e3c4ea0a78e.jpeg" alt="">
<p class="dison_four_text">搜狐用户22</p>
<p class="dison_four_title">猪肉价格涨了，降什么降</p>
<div class="dison_four_a">
<p>10月21日 07:11</p>
<div class="dison_four_b">
<div class="iconfont icon-dianzan">0</div>
<div class="iconfont">回复</div>
<div class="iconfont icon-jubao">举报</div>
</div>
</div>
</div>
<div class="dison_four_c"><a href="">已有50人参与 ，点击查看更多评论</a></div>
</div>
</div>
</div>
<div class="right_two float_left">
<div class="screah">
<input type="text" placeholder="搜索一下">
<i class="iconfont icon-sousuo"></i>
</div>
<div class="hot">
<div class="hot_top">
<h3>热门精选</h3>
</div>
<div class="hot_center">
<div class="hot_img">
<p class="iconfont icon-shangyiyehoutuifanhui-yuankuang tuaa"></p>
<div class="iconfont icon-xiayiyeqianjinchakangengduo-yuankuang tua"></div>
<div class="hot_img_one">李云迪被拘，彭丹下场“开撕”，牵出了一场陈年“旧怨”</div>
<ul class="hot_img_two">
<li></li>
<li class="hot_img_four"></li>
<li></li>
</ul>
</div>
<div class="hot_bottom">
<div class="hot_bottom_a"><img class="hot_bottom_one" src="https://p3.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211023/04da01f54194486daf3a2f367f78b22c.jpg" alt=""><p>43岁王楠现身街头水果店！穿黑色丝袜女人.</p></div>
<div class="hot_bottom_a"><img class="hot_bottom_one" src="https://p3.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211023/7d9a9f6e4f554b4483c62d753f6f66dd.jpeg" alt=""><p> 巩俐被曝将改国籍，直言自己年轻不懂事 </p></div>
<div class="hot_bottom_a"><img class="hot_bottom_one" src="https://p2.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images01/20211023/5b9627e46f7e417d87d4cbca74114a1f.jpeg" alt=""><p>贾乃亮晒照为9岁女儿庆生，称呼尽显宠溺</p></div>
<div class="hot_bottom_a"><img class="hot_bottom_one" src="https://p0.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211024/9acd394268d943248cf8783a6dc44984.jpeg" alt=""><p>“台独立委”陈柏惟被罢免，国民党</p></div>
</div>
</div>
</div>
<div class="hotwrite">
<p class="hotwrite_top">24小时热文</p>
<ul>
<li>
<div class="hotwrite_bottom_one">
<img src="https://p0.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211023/98d7e48c1394432b8ca1f0d2cd33c6c0.jpeg" alt="">
<div class="iconfont icon-1"></div>
<p class="hotwrite_p">男子按摩后狂吐，一查竟是脑梗死…医生：这地方别乱按！</p>
<p class="hotwrite_c">264万 阅读</p>
</div>
</li>
<li>
<div class="hotwrite_bottom_one">
<img src="https://03e1181bba1cf.cdn.sohucs.com/files/fa49ee4092ce4c938970e38c676b834e.jpg" alt="">
<div class="iconfont icon-2"></div>
<p class="hotwrite_p">太惊艳！这些身材与美貌并存的美女，真让人心动</p>
<p class="hotwrite_c">110万 阅读</p>
</div>
</li>
<li>
<div class="hotwrite_bottom_one">
<img src="https://p5.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211024/b4e932a608434b5789d47a365f019cca.jpeg" alt="">
<div class="iconfont icon-3"></div>
<p class="hotwrite_p">美核潜艇“康涅狄格”号南海撞击事故后，疑首张卫星照</p>
<p class="hotwrite_c">41万 阅读</p>
</div>
</li>
<li>
<div class="hotwrite_bottom_one">
<img src="https://p5.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211024/b4e932a608434b5789d47a365f019cca.jpeg" alt="">
<p class="hotwrite_p">美核潜艇“康涅狄格”号南海撞击事故后，疑首张卫星照</p>
<p class="hotwrite_c">41万 阅读</p>
</div>
</li>
<li>
<div class="hotwrite_bottom_one">
<img src="https://p5.itc.cn/q_70,c_lfill,w_300,h_200,g_faces/images03/20211024/b4e932a608434b5789d47a365f019cca.jpeg" alt="">
<p class="hotwrite_p">美核潜艇“康涅狄格”号南海撞击事故后，疑首张卫星照</p>
<p class="hotwrite_c">41万 阅读</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>