Files
ClassContent/历届学生/逯帅帅/项目开发/学生项目/谢文军/今日头条/index.css
2024-09-27 02:06:13 +08:00

100 lines
1.6 KiB
CSS

.header{
height: 81px;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
.header_a{
height: 44px;
background: #d43d3d;
display: flex;
justify-content: space-between;
padding: 11px 24px;
box-sizing: border-box;
}
.kong img{
width: 28px;
height: 25px;
}
.header_b img{
width: 84px;
height: 22px;
margin-right: -2px;
}
.header_b i{
color: #fff;
font-size: 20px;
}
.header_b{
display: flex;
align-items: center;
}
.header_a .sousuo{
width: 24px;
height: 24px;
}
.header_c{
height: 36px;
background: #f4f5f6;
display: flex;
overflow: hidden;
}
.header_c .header_d{
flex-grow: 3;
display: flex;
align-items: center;
justify-content: space-between;
overflow-x: scroll;
padding-left: 15px;
}
.header_d li{
flex-shrink: 0;
padding-right: 10px;
font-size: 17px;
}
.header_c i{
width: 45px;
height: 40px;
text-align: center;
line-height: 37px;
font-size: 22px;
color: #f85959;
box-shadow: -1px 1px 7px #d2d2d2;
}
.header_d li:nth-child(5){
color: #f85959
}
.content{
margin-top: 81px;
}
.content_a{
padding-bottom: 16px;
}
.content_b{
display: flex;
justify-content: space-between;
}
.content_a li{
margin: 0 15px;
border-bottom: 1px solid #f4f4f4;
padding-bottom: 10px;
padding-top: 15px;
}
.content_a img{
width: 114px;
height: 64px;
}
.content_a h3{
font-size: 17px;
font-weight: 400;
margin-bottom: 6px;
}
.content_a p{
font-size: 12px;
color: #999;
zoom: 0.8;
}