/* 内容样式 */
strong{
    font-weight: bold;
}   
.section-2{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden;
}
/* 左侧列表样式 */
.left-content{
    width: 800px; 
}
/* 文章内容样式 */
.article .title{
    opacity: 0.8;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 37.65px;
    color: rgba(0, 0, 0, 1);  
}
.article .time{
    display: flex;
    align-items: center;
    justify-content: space-between;
margin: 33px 0 10px;
padding-bottom: 13px;
border-bottom:1px solid rgba(255, 131, 185, 1);
}
.article .time span{
    height: 27px;
    font-size: 18px;
font-weight: 400;
letter-spacing: 0px;
line-height: 26.06px;
color: rgba(0, 0, 0, 0.3);
}
.article article p{
    font-size: 16px;
font-weight: 300;
letter-spacing: 0px;
line-height: 36px;
margin-top: 10px;
margin: 0px;
  padding-bottom: 10px;
  text-indent: 35px;
}
.article article h2{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 27px;
    color: rgba(255, 131, 185, 1);
    margin: 10px;
}
.article article h3{
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 27px;
    color: rgba(255, 131, 185, 0.8);  
    margin-top: 10px;
}
.article article{
    
    border-bottom: 1px solid rgba(255, 131, 185, 1);
}
.article article table{
    width: 100%;
    border: 1px solid rgba(255, 131, 185, 1);;
}
.article article thead th{
    border: 1px solid #ccc;
     font-size: 18px;
font-weight: 600;
letter-spacing: 0px;
line-height: 36px;
color: rgba(0, 0, 0, 0.8);
}
.article article tbody td{
     border: 1px solid #ccc;
      font-size: 16px;
font-weight: 300;
letter-spacing: 0px;
line-height: 36px;
}
/* 文章分页 */
.page{
    padding: 0 20px;
}
.page .pre,.page .next{
margin-top: 20px;
height: 30px;
font-size: 20px;
font-weight: 400;
letter-spacing: 0px;
line-height: 30px;
color: rgba(255, 131, 185,  0.8);
}
.page .pre a,.page .next a{
    height: 30px;
opacity: 0.5;
font-size: 16px;
font-weight: 300;
letter-spacing: 0px;
line-height: 30px;
color: rgba(0, 0, 0, 1);
margin-left: 20px;
}
/* 文章页底部相关推荐 */
.section-3{
  margin-top: 30px;  
}
.section-3 .content{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section-3 .content .box1{
   width: 590px;
   display: flex;
   flex-wrap: wrap;
   justify-content:space-between;
   align-items: center;
   gap: 20px;
}
.section-3 .content .box1 .item{
    width: 285px;
opacity: 1;
border-radius: 10px;
background: rgba(250, 250, 250, 1);
padding: 15px;
}
.section-3 .content .box1 .item .img{
    display: block;
    width: 255px;
height: 130px;
opacity: 1;
border-radius: 10px;
}
.section-3 .content .box1 .item .title{
    display: block;
    height: 35px;
opacity: 0.8;
font-size: 20px;
font-weight: 400;
letter-spacing: 0px;
line-height: 30px;
color: rgba(0, 0, 0, 1);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 10px;
}
.section-3 .content .box1 .item .des{
    opacity: 0.5;
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 28px;
color: rgba(0, 0, 0, 1);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.section-3 .content .box1 .item:nth-child(3){
    width: 590px;
    display: flex;
    justify-content:space-between;
    align-items: center;
    padding: 20px;
 }

.section-3 .content .box1 .item:nth-child(3) .img{
    width: 180px;
height: 150px;
opacity: 1;
border-radius: 5px;
}

.section-3 .content .box1 .item:nth-child(3) .info{
    width: 355px;
}
.section-3 .content .box1 .item:nth-child(3) .title{
    height: auto;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 28.96px;
    color: rgba(0, 0, 0, 1);
    margin-top: 0;
   
    white-space: wrap;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.section-3 .content .box1 .item:nth-child(3) .des{
    padding-top: 19px;
    margin-top: 15px;
    border-top:1px solid rgba(255, 131, 185, 1);
}
.section-3 .content .box2{
    width: 590px;
}
.section-3 .content .box2 .img{
    width: 590px;
height: 265px;
border-radius: 10px;
overflow: hidden;
}
.section-3 .content .box2 .list{
    width: 590px;
opacity: 1;
border-radius: 10px;
background: rgba(250, 250, 250, 1);
padding:25px 30px ;
display: flex;
flex-wrap: wrap;
overflow: hidden;
column-gap: 20px;
row-gap: 25px;
margin-top: 20px;
}
.section-3 .content .box2 .list a{
    display: block;
    padding: 0 8px;
    height: 30px;
mix-blend-mode: multiply;
border-radius: 8px;
background: rgba(0, 0, 0, 0.05);
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 30px;
color: rgba(0, 0, 0, 0.5);
}