.p_articles{
  width:calc((100% - 0px)/2);
}
  .p_CommonSummaryBoxA{
  text-align:center;
}
  .p_MatteIcon .iconfont:before{
  content:'\e602';
}
  >div{
  animation-fill-mode:both;
}
  .newListBox{
  margin:1rem 0;
  overflow:hidden;
}
  .p_news{
  width:100%;
  margin:1rem auto;
  padding:0rem;
  overflow:hidden;
}
  .newList{
  margin:10px auto;
  border-bottom:1px solid #ebebeb;
}
  .newDetailLink{
  position:relative;
  display:block;
  width:100%;
  padding:20px  0rem;
  overflow:hidden;
}
  .newPicBox{
  position:relative;
  overflow:hidden;
}
  .newPic{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100%;
}
  .content{
  position:relative;
  overflow:hidden;
}
  .newTitle{
  width:100%;
  margin:0.6rem 0;
  font-size:1rem;
  color:#333;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  transition:all .3s;
}
  .newMs{
  line-height:1.5rem;
  font-size:0.875rem;
  color:#404040;
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  text-overflow:ellipsis;
  transition:all .3s;
}
  .tips{
  font-size:0.75rem;
  color:#999;
}
  .newTitle:hover{
  color:#2abbc3;
}
  .newMs:hover{
  color:#2abbc3;
}
@media only screen and (min-width: 769px){
  
  .p_news{
  max-width:1200px;
}
  .newList{
  height:auto;
}
  .newDetailLink{
  height:100%;
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
}
  .newPicBox{
  width:25%;
  height:0px;
  margin-right:1.3rem;
  padding-bottom:15%;
}
  .content{
  padding-right:1rem;
  width:75%;
  height:100%;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
  
  .p_news {
    max-width: 900px;
  }
}
@media only screen and (max-width: 768px){
  
  .p_news {
    max-width: 700px;
    min-width: 300px;
  }
  .newPicBox{
    width:100%;
    height:0;
    padding-bottom:60%;
  }
  .newMs {
    margin: 1rem 0;
    -webkit-line-clamp:2;
  }
  .tips{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
  .p_hot .iconfont:before{
  shadow-angle:0px;
  shadow-distance:0px;
  shadow-angle-ofInset:0px;
  shadow-distance-ofInset:0px;
}
  .p_new .iconfont:before{
  shadow-angle:0px;
  shadow-distance:0px;
  shadow-angle-ofInset:0px;
  shadow-distance-ofInset:0px;
}
  .p_page .pre .iconfont:before{
  shadow-angle:0px;
  shadow-distance:0px;
  shadow-angle-ofInset:0px;
  shadow-distance-ofInset:0px;
}
  .p_page .next .iconfont:before{
  shadow-angle:0px;
  shadow-distance:0px;
  shadow-angle-ofInset:0px;
  shadow-distance-ofInset:0px;
}
  .p_more .iconfont:before{
  shadow-angle:0px;
  shadow-distance:0px;
  shadow-angle-ofInset:0px;
  shadow-distance-ofInset:0px;
}
  .p_loading .iconfont:before{
  shadow-angle:0px;
  shadow-distance:0px;
  shadow-angle-ofInset:0px;
  shadow-distance-ofInset:0px;
}