/* 分页列表区域 */
body{
background: #f7f7f7;
}
.page-content{
width: 1210px;
background: #fff;
padding: 15px;
margin: 30px auto;
display: flex;
justify-content: space-between;
}
.page-l{
/* width: 788px; */
flex: 1;
overflow: hidden;
margin-right: 30px;
padding-left: 20px;
}
.page-l .nav-title{
background: url('../images/nav-title.png') no-repeat left bottom;
font-size: 18px;
line-height: 35px;
color: #d74339;
padding-bottom: 8px;
}
.page-l .nav-title a{
color: #d74339;
}
.page-l .zt-html{
padding: 20px 0 20px 20px;
border-bottom: #d8d8d8 dashed 1px;
}
/* .page-l .zt-html p{
line-height: 36px;
} */
.page-l .zt-html img{
max-width: 100%;
}
.page-l ul{
/* padding: 10px 0 20px 5px; */
padding-left: 5px;
font-size: 18px;
color: #3a395b;
/* border-bottom: 1px dashed #d8d8d8; */
}
.page-l ul li{
/* padding-left: 20px; */
font-size: 16px;
line-height: 35px;
display: flex;
align-items: center;
justify-content: space-between;
}
.page-l ul li:nth-child(5n+1){
padding-top: 10px;
}
.page-l ul li:nth-child(5n){
padding-bottom: 20px;
border-bottom: 1px dashed #d8d8d8;
}
.page-l ul li:last-child{
padding-bottom: 20px;
border-bottom: 1px dashed #d8d8d8;
}
.page-l ul li p{
flex: 1;
margin-right: 5px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page-l ul li p a{
color: #3a395b;
}
.page-l ul li p::before{
display: inline-block;
content: "";
width: 4px;
height: 4px;
margin-bottom: 4px;
margin-right: 8px;
background: #d74339;
}
.page-l ul li .time{
color: #9f9f9f;
font-size: 14px;
white-space: nowrap;
}
/* 空内?*/
.empty{
font-size: 26px;
padding: 50px 0;
text-align: center;
letter-spacing: 1px;
}
/* 页码 */
.page-l .pages{
padding: 10px 0;
line-height: 34px;
display: flex;
align-items: center;
color: #666666;
}
.page-l .pages .allPage{
margin-right: 10px;
}
.page-l .pages a{
color: #666666;
margin-right: 10px;
}
.page-l .pages span{
margin-right: 10px;
}
.page-l .pages span.active{
background: #d74339;
color: #fff;
padding: 0 5px;
line-height: 19px;
}
/* 右侧栏目 */
.page-r{
width: 356px;
min-height: 800px;
border: 1px solid #e4e4e4;
margin-top: 20px;
padding: 10px;
}
.content-box{
margin-bottom: 20px;
}
.content-box .top-img{
background: url('../images/nav-title.png') no-repeat left bottom;
padding-bottom: 8px;
margin-bottom: 10px;
}
.content-box .top-img a{
font-size: 18px;
color: #2A2A2A;
}
.content-box .center-img{
position: relative;
width: 100%;
height: 220px;
margin-bottom: 10px;
}
.content-box .center-img img{
width: 100%;
height: 100%;
}
.content-box .center-img .center-title{
position: absolute;
bottom: 0;
width: 100%;
line-height: 40px;
text-align: center;
color: #fff;
background: rgba(0, 0, 0, .65);
}
/* .content-box .bottom-text{
padding: 10px 0 20px 5px;
} */
.content-box .bottom-text{
padding-left: 5px;
line-height: 35px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.content-box .bottom-text a{
font-size: 16px;
color: #3a395b;
}
.content-box .bottom-text::before{
display: inline-block;
content: "";
width: 4px;
height: 4px;
margin-right: 6px;
margin-bottom: 4px;
background: #d74339;
}
/* 专题 */
.special-content{
padding: 20px 0 20px 20px;
border-bottom: 1px dashed #d8d8d8;
text-align: center;
}
.special-content img{
max-width: 610px;
}
.special-content p{
text-indent: 2rem;
text-align: justify;
font-size: 16px;
line-height: 40px;
}
ٶ