#newslist li {position: relative;margin-bottom: 10px;transition: all linear .2s;border-bottom: 1px solid rgb(0 0 0 / 9%);padding: 14px 10px 20px;}
#newslist li a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; }
#newslist li .border {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;overflow: hidden;z-index: 2;}
#newslist li .border .photo {overflow: hidden;transition: all linear .3s;}


#newslist li .border .date {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  padding: 0 15px;
  line-height: 1;
}

@media (max-width: 480px) {
#newslist li .border .date {
    padding-right: 0;
    margin-bottom: 0px;
    padding: 10px 0px;
  }
}

#newslist li .border .day {
  font-size: 35px;
  font-weight: 700;
  color: #949494;
}

#newslist li .border .year {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 400;
  color: #949494;
}

#newslist li .border .photo img { width: 100%; }
#newslist li .news-info {width: 100%;padding: 0 40px 0 10px;}
#newslist li .news-info .news-bottom .date { font-size: 16px; line-height: 120%; letter-spacing: .2em; color: #c3c3c3; }
#newslist li .news-info .news-bottom h3 {margin: 5px 0 6px 0;font-size: 20px;line-height: 110%;font-weight: 700;color: #333333;}
#newslist li .news-info .news-bottom .describe {font-size: 16px;line-height: 170%;color: #797979;max-height: initial;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
#newslist li .border .more {padding: 8px 20px;margin-top: 0px;display: inline-block;color: #505050;font-size: 13px;float: right;}
#newslist li .border .more{ float:right;}
#newslist li .border .more p{display:block;width:20px;position:relative;height: 44px;}
#newslist li .border .more p span{
    display: block;
    width: 15px;
    height: 2px;
    background: #222;
    position:absolute;
	transition:all linear .3s;
}
#newslist li .border .more p span:nth-child(1){transform: rotate(45deg) translate(10px,3px);top: 5px;right: 10px;}
#newslist li .border .more p span:nth-child(2){width: 0;right: 7px;top: 19px;}
#newslist li .border .more p span:nth-child(3){transform: rotate(-45deg) translate(-10px,17px);top: 5px;right: 10px;}
.article-info { margin-bottom: 30px; color: #6d6d6d; }
.article-info a { color: #a0a0a0; }

@media screen and (min-width:1025px) {
	#newslist li:hover {background: rgb(222 222 222 / 25%);}
#newslist li .border .more p span:nth-child(1){right: 5px;}
#newslist li .border .more p span:nth-child(2){right: 2px;width: 20px;}
#newslist li .border .more p span:nth-child(3){right: 5px;}
}
@media screen and (max-width:640px) {
#newslist li{
    padding: 0px 0px 14px;
}
	#newslist li .border .photo { width: 100px; }
	#newslist li .news-info {margin: 0 0px 0 0;width: calc(100% - 0px);padding: 0 10px 0 10px;}
	#newslist li .news-info .news-bottom .describe {height: 27px;line-height: 160%;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;}
	#newslist li .news-info .news-bottom h3 {overflow: hidden;margin: 0px 0 5px 0;max-height: 44px;font-size: 18px;line-height: 130%;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
	#newslist li .news-info .news-bottom .date { font-size: 12px; }
	#newslist li .news-info .news-bottom .more { padding: 5px 15px; }
}
@media screen and (max-width:480px) {
	#newslist li .news-info {margin-right: 0px;width: calc(100% - 0px);}
#newslist li .border .more{
    padding: 8px 0px;
}
}