.topnews{
   transition: all .3s;
   margin:-5px;
   background:#fff;
}
.topnews>div{
   padding:10px;
}
.topnews img{
   width: 100%;
   max-height: 300px;
   object-fit: cover;
}
.topnews .title{
   font-size: 24px;
   display: block;
   margin: 20px 0;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -moz-transition: .3s;
   transition: .3s;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.topnews .detail{
   text-align: justify;
}
.topnews .text{
   font-size: 16px;
   color: #222;
   line-height: 30px;
   padding: 15px 20px;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.news:hover,.topnews:hover{
   cursor: pointer;
   transform: scale(1.03);
   transition: all .3s;
}
.news{
   padding:0;
   background:#fff;
   transition: all .3s;
}
.news:hover .tit{
   color:var(--theme);
}
.news img{
   width:100%;
   max-height: 150px;
   min-height: 150px;
   object-fit: cover;
}
.news .tit{
   font-size: 16px;
   color: #222;
   line-height: 26px;
   height: 52px;
   font-weight: 700;
   overflow: hidden;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -moz-transition: .3s;
   transition: .3s;
}
.news .text{
   padding: 12px 18px 0;
   height: 113px;
}
.tag{
   text-align: right;
   color:var(--theme);
   padding-right: 10px;
   line-height: 16px;
   font-size: 14px;
   margin-top: 14px;
}
.newsBox{
   padding:20px 0;
}
.newsBox>div{
   padding:10px;
}


/* 新闻详情 */
#newsDetail .head{
   text-align: center;
   padding:20px;
   border-bottom: 1px solid #eee;
}
#newsDetail .title{
   font-size: 28px;
   color:#222;
   line-height: normal;
}
#newsDetail .time{
   font-size: 14px;
   color:#666;
   margin-top:30px;
}
#newsDetail .content{
   padding-top: 40px;
   white-space: pre-line;
   color:#666;
}
/* 新闻详情 */