first commit

This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 829 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 729 B

View File

@@ -0,0 +1,761 @@
body{
margin: 0;
padding: 0%;
}
body {
overflow-y:scroll;
}
li{
list-style: none;
}
a{
text-decoration: none;
}
body,ul,p,h2{
margin: 0;
padding: 0;
}
input{
border: none;
outline: none;
}
.zx_left{
margin-left: 10px;
width: 140px;
height: 900px;
}
.zx_zx{
width: 640px;
height: 900px;
}
.zx_right{
float: left;
width: 340px;
height: 900px;
}
.icon-shouye{
color: #fff;
}
.float_left{
float: left;
}
.float_right{
float: right;
}
.center{
width: 1180px;
margin: 0 auto;
}
.header{
width: 100%;
height: 40px;
background: #222;
position: fixed;
top:0;
left:0;
z-index: 88;
}
.zx_left{
width: 140px;
}
.tu img{
width: 90px;
height: 40px;
}
.tu1{
width: 86px;
height: 40px;
line-height: 40px;
margin-left: 30px;
}
.tu i{
font-size: 18px;
color: #ccc;
}
.tu1::after{
content: " ";
width: 1px;
height: 15px;
background: rgb(126, 116, 116);
display: inline-block;
margin-top: 12px;
}
.tu2{
width: 44px;
height: 20px;
background: url(../souhu/img/souhu.png);
background-repeat: no-repeat;
margin-top: 10px;
margin-left: 7px;
}
.tu1:hover i{
color: #fdd000;
}
.tu1:hover .tu2{
background-position:0 -30px;
}
.www li:hover{
background: #444;
}
.zh:hover{
background: #444;
}
.www{
margin-top: 0;
padding-left: 0;
}
.www li a{
color:#fff ;
}
.www li{
font-size: 16px;
line-height: 40px;
width: 74px;
text-align: center;
}
.zh{
font-size: 16px;
color: #fff;
width: 130px;
padding: 0 10px;
line-height: 40px;
text-align: center;
}
.zh i{
padding-right: 5px;
}
.zx{
margin-top: 50px;
}
.zx_left_s{
background: red;
width: 159px;
height: 194px;
}
.zx_left{
float: left;
padding-top: 35px;
}
.icon-fangxiangxia{
color: #dadada;
display: inline-block;
transition: all 0.5s ease;
}
.lm:hover i{
transform: rotate(180deg);
}
.lm{
position: relative;
font-size: 16px;
color: #fff;
}
.wai{
position: absolute;
width: 290px;
height: 140px;
background: #fff;
border: 1px solid #ddd;
padding:7px 5px;
left: -110px;
top: 40px;
display: none;
}
.lm .item {
color: #191919;
width: 67px;
display: inline-block;
}
.lm:hover .wai{
display:inline-block
}
.lm .item:hover {
color: red;
background: #969696;
}
.zx_left_s img{
position: relative;
height: 70px;
width: 70px;
top: -20px;
border-radius: 100%;
left: 50%px;
}
.zx_left_s p{
margin-top: -11px;
font-size: 16px;
text-align:center;
margin-bottom: 5px;
}
.zx_left_s {
background: #fff;
position: relative;
width: 140px;
margin-bottom: 40px;
text-align: center;
box-sizing: border-box;
border:1px #ddd solid;
}
.ppp{
text-align: center;
}
.ppp img{
width: 16px;
height: 15px;
margin-left: 0;
margin-top: 20px;
}
.act li{
float: left;
width: 50%;
font-size: 0;
}
.act li p{
font-size: 16px;
color: #191919;
margin-bottom: 3px;
}
.act li span{
font-size: 12px;
color: #666;
}
.yd {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
width: 100%;
height: 31px;
background: #f9f9f9;
line-height: 31px;
font-size: 12px;
color: #6666;
}
.yy{
font-size: 14px;
color: #303030;
}
.yy::before,
.yy::after{
content: "";
display: inline-block;
width: 48px;
height: 1px;
background: #efefef;
position: relative;
top: -4px;
}
.zx_left_z{
text-align: center;
margin-top: -20px
}
.yy::before{
left: -10px;
}
.yy::after{
right: -10px;
}
.zx_left_z i{
font-size: 30px;
margin:10px 0 5px 0;
display: inline-block;
}
.zx_left_z p{
font-family: georgia,arial;
font-size: 24px;
color: red;
line-height: 32px;
}
.zx_left_x{
width: 140px;
margin-left: -20px;
}
.zx_left_x {
text-align: center;
margin-top: 30px;
}
.zx_left_x ul {
margin-top: -10px;
}
.zx_left_x ul li {
margin-bottom: 20px;
padding-left: 22px;
}
.zx_left_x ul li img {
vertical-align: middle;
}
.zx_left_xul li span {
font-size: 12px;
color: #606060;
}
.zx_zx{
width: 640px;
margin-left: 20px;
float: left;
padding-top: 35px;
}
.zzzx_zx h1{
font-size: 29px;
font-weight: 700;
color: #191919;
}
.zx_zx p{
color: #999;
font-size: 14px;
margin-bottom: 10px;
margin-top: 15px;
}
.zzd{
position: relative;
}
.header{
position: fixed;
}
.zx_center{
margin-top: 60px;
position: absolute;
}
.zx_right{
padding-top: 35px;
float: left;
width: 340px;
margin-left: 50px;
}
.zx_right_z{
padding-top: 35px;
}
.zx_right input{
float: left;
width: 265px;
height: 34px;
color: #999;
font-size: 14px;
border: 1px silver solid;
border-right: 0;
line-height: 34px;
padding: 0 10px;
border-radius: 2px 0 0 2px;
box-sizing: content-box;
display: block;
}
.zx_right_s .zx_right_ss{
float: left;
}
.zx_right_ss i {
cursor: pointer;
width: 53px;
height: 36px;
display: inline-block;
background: #fdd000;
text-align: center;
line-height: 38px;
}
.zx_right_szx{
background: url(../souhu/img/pz.jpeg) no-repeat;
background-size: 100% 100%;
}
.zx_right_z h2{
color: #191919;
margin-bottom: 10px;
width: 300px;
height: 25px;
padding: 16px 20px 8px;
}
.zx_right_szx{
position: relative;
height: 300px;
width: 340px;
}
.top-left,
.top-right {
width: 40px;
height: 40px;
display: none;
position: absolute;
top: 50%;
margin-top: -40px;
}
.zx_right_szx p{
color: #fff;
position: absolute;
bottom: 20px;
}
.zx_right_i li {
float: left;
width: 15px;
height: 5px;
background-color: #d1cbcb;
border-radius: 3px;
margin-right: 5px;
}
.zx_right_i{
position: absolute;
left: 5px;
bottom: 10px;
}
.zx_right_i li.tt1 {
width: 30px;
height: 5px;
border-radius: 12px;
background-color: #fff
}
.zx_right_szx:hover .top-left {
display: block;
}
.zx_right_szx:hover .top-right {
display: block;
}
.top-left {
left: 10px;
}
.top-right {
right: 10px;
}
.zx_right_xm{
width: 340px;
height: 284px;
margin-top: 10px;
overflow: hidden;
}
.zx_right_xm img{
width: 100%;
}
.zx_right_xm p{
margin-top: 5px;
margin-bottom: 10px;
}
.zx_right_xm li{
float: left;
width: 165px;
}
.zx_right_xm a{
font-size: 14px;
color: #191919;
}
.zx_right_bj{
margin-right: 10px;
}
.zx_right_rw{
}
.zx_right_dw{
float: left;
position: relative;
width: 90px;
height: 40px;
background: yellow;
}
.zx_right_dw .dwz{
width: 100%;
height: 40px;
padding-top: 20px;
background-color: rgba(0,0,0,.3);
position: absolute;
left: 0;
top: 0;
color: #fff;
font-size: 24px;
font-weight: 700;
text-indent: 10px;
}
.zx_right_zxm h1{
width: 330px;
height: 25px;
padding: 16px 20px 5px 8px;
font-size: 20px;
}
.zx_right_rw li{
width: 340px;
height: 62px;
padding:0;
}
.zx_right_rw1{
margin: 10px 0 10px 0;
}
.zx_right_lmd1 a{
font-size: 14px;
}
.zx_right_rw1 img{
margin-left: 0px;
width: 90px;
height: 62px;
}
.zx_right_lmd1{
margin-left: 10px;
width: 240px;
float: left;
}
.zx_right_lmdz a{
font-size: 12px;
color: #999;
}
.input {
height: 123px;
border: 1px solid #b7b7b7;
}
.input textarea {
border: 0;
outline: 0;
width: 100%;
padding: 7px 10px 0 15px;
box-sizing: border-box;
height: 85px;
}
.action {
position: relative;
height: 35px;
background: #f8f8f8;
padding-left: 10px;
line-height: 35px;
}
.zx_pl{}
.zx_pl .zx_pls{}
.zx_plbtz_left::before{
content: " ";
float: left;
margin-top: 2px;
width: 4px;
height: 19px;
background: #fdd000;
border-radius: 2px;
margin-right: 12px;
}
.zx_pls .zx_plbt{
padding: 11px 0 7px;
line-height: 24px;
font-size: 16px;
}
.zx_plbtz_left{
padding-top: 7px;
border-left:2px ;
color: #191919;
font-size:4px solid #fdd000;
width:200px;
float: left;
}
.input{
height: 119px;
border: 1px solid #b7b7b7;
}
.action_left{
margin-top: -4px;
}
.zx_plbt .left{
/* float: left; */
}
.zx_plbt .right{
float: right;
}
.zx_plbtz_right{
margin-top: -8px;
width:280px;
float:right;
}
.zx_plbt{
overflow: hidden;
}
.zx_plbtz_right img{
float: left;
width: 66px;
height: 46px;
}
.zx_plbtz_right span{
font-size: 22px;
font-family: "Georgia Regular",Georgia;
color: #d92227;
padding-left: 20px;
line-height: 51px;
}
.input_action {
position: relative;
height: 40px;
background: #f8f8f8;
padding-left: 10px;
line-height: 35px;
}
.action_left span{
float: left;
font-size: 13px;
}
.action_fx li{
float: left;
}
.action_fx img{
line-height: 40px;
margin:10px 15px 10px 10px;
line-height: 12px;
}
.action_z{
float: right;
width: 90px;
height: 36px;
background: #d81519;
text-align: center;
}
.suhh{
width: 200px;
}
.remen::before{
content: " ";
float: left;
margin-top: 2px;
width: 4px;
height: 19px;
background: #969696;
border-radius: 2px;
margin-right: 12px;
}
.remen_x{
margin-top: 10px;
border-top:1px solid #969696;
border-bottom: 1px dashed #969696;
width: 640px;
height: 100px;
padding: 20px 0 11px 0;
}
.remen_xlm img{
width: 50px;
height: 50px;
border-radius: 50%;
float: left;
}
.remen_xx p{
margin: 0px !important;
}
.remen_xx{
float:left;
margin-left: 10px;
}
.remen_xx .remen_hz{
color: red;
}
.remen_xxz{
float: left;
}
.remen_xxyy{
float: left;
}
.sjj{
margin-bottom: 10px;
}
.sjj{
color: #919191;
}
.remen_xx .zl{
font-size: 14px;
color: black;
margin:10px 0 !important;
}
.remen_xxyy{
float: right;
}
.remen_xxyb{
float: left;
}
.remen_xxybbb{
margin-left: 15px;
float: left;
}

View File

@@ -0,0 +1,296 @@
<!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="./sh.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2882869_mwh19aiefdj.css">
</head>
<body>
<div class="zzd">
<div class="header">
<div class="centert">
<div class="tu1 float_left">
<i class="iconfont icon-shouye float_left"></i>
<div class="tu2 float_left"></div>
</div>
<ul class="www float_left">
<li class="list float_left">
<a href="">新闻</a>
</li>
<li class="list float_left">
<a href="">新闻</a>
</li>
<li class="list float_left">
<a href="">新闻</a>
</li>
<li class="list float_left">
<a href="">新闻</a>
</li>
<li class="list float_left">
<a href="">新闻</a>
</li>
<li class="list float_left">
<a href="">新闻</a>
</li>
<li class="list float_left">
<a href="">新闻</a>
</li>
<li class="list float_left">
<a href="">新闻</a>
</li>
<li class="list float_left">
<a href="">新闻</a>
</li>
<li class="list float_left">
<a href="">新闻</a>
</li>
<li class="list float_left">
<div class="lm">
更多
<i class="iconfont icon-fangxiangxia "></i>
<div class="wai">
<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 class="list float_left">
<a href="list">无障碍</a>
</li>
</ul>
<div class="zh float_left">
<i class="iconfont icon-denglu1 "></i>
<span>登录</span>
</div>
</div>
</div>
<div class="zx_center">
<div class="zx_left">
<div class="zx_left_s">
<img src="https://5b0988e595225.cdn.sohucs.com/avatar/picon/2014/04/14/139746392399510175.png"
alt="">
<p>中国新闻网</p>
<div class="ppp">
<img src="../souhu/img/tip.png" alt="">
<img src="../souhu/img/tip.png" alt="">
</div>
<ul class="act">
<li class="act-1">
<p>112万</p>
<span>文章</span>
</li>
<li>
<p>112万</p>
<span>总阅读</span>
</li>
</ul>
<div class="yd">查看TA的阅读></div>
</div>
<div class="zx_left_z">
<div class="yy">评论</div>
<i class="iconfont icon-pinglun"></i>
<P>126</P>
</div>
<div class="yy">分享</div>
<div class="zx_left_x">
<ul class="fx">
<li>
<img src="../souhu/img/wx.png" alt="">
<span>微信分享</span>
</li>
<li>
<img src="../souhu/img/wx.png" alt="">
<span>微信分享</span>
</li>
<li>
<img src="../souhu/img/wx.png" alt="">
<span>微信分享</span>
</li>
<li>
<img src="../souhu/img/wx.png" alt="">
<span>微博链接</span>
</li>
</ul>
</div>
</div>
<div class="zx_zx">
<h2>猪肉价格会继续下降?秋收秋种如何?权威回应来了</h2>
<p>2021-10-20 14:30</p>
<div class="zx_pl">
<div class="zx_pls">
<div class="zx_plbt">
<div class="zx_plbtz_left">
我来说两句</div>
<div class="zx_plbtz_right">
<img src="../souhu/img/gt.png" alt="">
<div class="zx_pl_cj">
<span> 126</span>人参加,<span>50</span>条评论
</div>
</div>
</div>
<div class="input">
<textarea name="" id="" cols="30" rows="10"></textarea>
<div class="action">
<div class="action_left">
<span>快速登录:</span>
<ul class="action_fx">
<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="action_z">登录发表</div>
</div>
</div>
</div>
<p class="suhh"> 搜狐“我来说两句” 用户公约</p>
</div>
<div class="zx_center_xxx">
<div class="remen">热门评论</div>
<div class="remen_x">
<div class="remen_xlm"> <img src="../souhu/img/33.jpeg" alt=""></div>
<div class="remen_xx">
<p class="remen_hz">嘿嘿</p>
<p class="zl">特别是秋收还能增长?种粮食全在北方,北方那么多地区水灾看不到吗?还增产了居然,呵<br/>呵!</p>
<div class="sjj">
<div class="remen_xxz">10月20日 19:52</div>
<div class="remen_xxyy">
<div class="remen_xxyb">回复</div>
<div class="remen_xxybbb"><i class="iconfont icon-dianzan">2</i></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="zx_right">
<div class="zx_right_s">
<input type="input" value="" placeholder="大家都在搜:我们的长征">
<div class="zx_right_ss">
<i class="iconfont icon-sousuo"></i>
</div>
</div>
<div class="zx_right_z">
<h2>热门精选</h2>
<div class="zx_right_szx">
<img class="top-left" src="../souhu/img/left.png" alt="">
<img class="top-right" src="../souhu/img/right.png" alt="">
<p>韩媒惊爆:哈哈哈哈哈哈哈哈哈哈或或嘿嘿</p>
<ul class="zx_right_i">
<li></li>
<li class="tt1"></li>
<li></li>
</ul>
</div>
<ul class="zx_right_xm">
<li class="zx_right_bj">
<img src="../souhu/img/tt.jpeg" alt="">
<p> <a href="">两岸和平统一,最符合美国利益? </a>
</p>
</li>
<li>
<img src="../souhu/img/tt.jpeg" alt="">
<p> <a href="">两岸和平统一,最符合美国利益? </a>
</p>
</li>
<li class="zx_right_bj">
<img src="../souhu/img/tt.jpeg" alt="">
<p> <a href="">两岸和平统一,最符合美国利益? </a>
</p>
</li>
<li>
<img src="../souhu/img/tt.jpeg" alt="">
<p> <a href="">两岸和平统一,最符合美国利益? </a>
</p>
</li>
</ul>
<div class="zx_right_zxm">
<h1>24小时热文</h1>
<ul class="zx_right_rw">
<li class="zx_right_rw1">
<div class="zx_right_dw">
<img src="../souhu/img/nv.jpeg" alt="">
<span class="dwz">1</span>
</div>
<div class="zx_right_lmd1">
<span><a href="">太惊艳!这些身材与美貌并存的美女,真让人心动</a></span>
<p class="zx_right_lmdz">
<a href="">205万 阅读</a>
</p>
</div>
</li>
<li class="zx_right_rw1">
<div class="zx_right_dw">
<img src="../souhu/img/nv.jpeg" alt="">
<span class="dwz">1</span>
</div>
<div class="zx_right_lmd1">
<span><a href="">太惊艳!这些身材与美貌并存的美女,真让人心动</a></span>
<p class="zx_right_lmdz">
<a href="">205万 阅读</a>
</p>
</div>
</li>
<li class="zx_right_rw1">
<div class="zx_right_dw">
<img src="../souhu/img/nv.jpeg" alt="">
<span class="dwz">1</span>
</div>
<div class="zx_right_lmd1">
<span><a href="">太惊艳!这些身材与美貌并存的美女,真让人心动</a></span>
<p class="zx_right_lmdz">
<a href="">205万 阅读</a>
</p>
</div>
</li>
<li class="zx_right_rw1">
<div class="zx_right_dw">
<img src="../souhu/img/nv.jpeg" alt="">
</div>
<div class="zx_right_lmd1">
<span><a href="">太惊艳!这些身材与美貌并存的美女,真让人心动</a></span>
<p class="zx_right_lmdz">
<a href="">205万 阅读</a>
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>