.MainArticle-list{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color:#fff;
  flex:1;
  padding:15px;
  border-radius: 6.28px;
  box-shadow: 0px 0px 1px #000;
}
.MainArticle{
  display: flex;
  flex-direction: column;
  min-height: 600px;
}
.MainArticle_title{
  line-height: 1.2;
  font-size:20px;
  padding-left:6px;
  border-left:4px solid #006CBFFF;
  margin-bottom:10px;
}
.MainArticle-list .MainArticle_Story_title{
  display: flex;
  align-items: start;
}
.MainArticle-list .MainArticle_Story_title .sort{
  flex: none;
  margin-right: 5px;
  width: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background: #006cbf;
}
.MainArticle-list .item:nth-child(-n+3) .sort{
  background: #E20413FF;
}
.MainArticle-list .MainArticle_Story_title a{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  max-width: 100%;
}
.MainArticle-list .MainArticle_Story_title a:hover{
  color:#248ECCFF;
}
@media(max-width:1470px){
  .MainArticle-list .MainArticle_Story_title a{
    font-size:14px;
  }
}
@media(max-width:1200px){
  .MainArticle-list .MainArticle_Story_title a{
    font-size:12px;
  }
  .MainArticle{
    min-height: auto;
  }
  .MainArticle_title{
    font-size:14px;
  }
  .MainArticle-list .MainArticle_Story_title .sort{
    font-size:12px;
  }
}
@media(max-width:992px){
  .MainArticle{
    margin-bottom:15px;
  }
  .MainArticle-list .MainArticle_Story_title a{
    font-size: 10px;
  }
  .MainArticle_title{
    font-size:12px;
    border-left: 3px solid #006CBFFF;
  }
  .MainArticle-list{
    padding: 9px 11px;
  }
  .MainArticle-list .MainArticle_Story_title .sort{
    font-size:10px;
    min-width: 16px;
  }
}
@media(max-width:768px){
  .MainArticle-list .MainArticle_Story_title a{
    font-size: 8px;
  }
  .MainArticle_title{
    border-left: 2px solid #006CBFFF;
  }
  .MainArticle_title {
    font-size: 10px;
  }
  .MainArticle-list .MainArticle_Story_title .sort{
    font-size: 8px;
    min-width: 14px;
  }
}
@media(max-width:576px){
  .MainArticle_title {
    font-size: 20px;
  }
  .MainArticle-list .MainArticle_Story_title a{
    font-size:16px;
  }
  .MainArticle-list .MainArticle_Story_title .sort{
    font-size: 16px;
    min-width: 30px;
  }
  .MainArticle-list>.item{
    margin-bottom:20px;
  }
}