.md22662.news-main{width: 100%;background-color: #f7f7f7;padding: .65rem .3rem .3rem;}
.md22662.news-main .my-id{position: absolute;top: -1rem;}
.md22662.news-main .news-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.md22662.news-main .news-cont{width: 100%;position: relative;padding: .3rem 0;}
.md22662.news-main .news-title{color: #111;font-family: Montserrat-SemiBold;line-height: 1;text-align: center;margin-bottom: .5rem;}
.md22662.news-main .news-list{width: 100%;display: flex;flex-wrap: wrap;}
.md22662.news-main .news-item{width: calc(33.33% - 0.133rem);margin-right: 0.2rem;margin-bottom: 0.4rem;background-color: #fff;}
.md22662.news-main .news-item:nth-child(3n){margin-right: 0;}
.md22662.news-main .news-box{width: 100%;padding-top: 56.1538%;position: relative;overflow: hidden;}
.md22662.news-main .news-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: all 0.5s ease 0s;}
.md22662.news-main .news-item:hover .news-img{transform: scale(1.07);}
.md22662.news-main .news-item:hover .news-tit{color: #ff841e;}
.md22662.news-main .news-text{width: 100%;padding: .25rem .3rem .32rem;}
.md22662.news-main .news-date{color: #0faf9b;line-height: 1.5;margin-bottom: .08rem;}
.md22662.news-main .news-tit{color: #111;line-height: 1.444;transition: color .3s;font-family: Montserrat-SemiBold;height: 2.888em;margin-bottom: .17rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.md22662.news-main .news-line{width: .4rem;height: .03rem;margin-bottom: .25rem;background-color: #ff841e;}
.md22662.news-main .news-des{color: #666;line-height: 1.714;height: 3.428em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media(max-width: 900px){
    .md22662.news-main .news-item{width: calc(50% - 0.1rem);margin-bottom: 0.3rem;}
    .md22662.news-main .news-item:nth-child(3n){margin-right: 0.2rem;}
    .md22662.news-main .news-item:nth-child(2n){margin-right: 0;}
}
@media(max-width: 500px){
    .md22662.news-main{padding: .6rem .3rem;}
    .md22662.news-main .news-item{width: 100%;margin-right: 0;}
    .md22662.news-main .news-item:nth-child(3n){margin-right: 0}
    .md22662.news-main .news-title{margin-bottom: .4rem;}
    .md22662.news-main .news-text{padding: .25rem .2rem;}
}