.pagelist .col_news_list{display:flex;gap:0.5rem}
.pagelist .col_news_list .article{flex:1;width:0;}
.pagelist .col_news_list .mrbox{
    width:27%;
    background: linear-gradient(180deg, #f9f9f9, transparent);
    padding: 0.36rem 0.46rem;
    }
.pagelist .col_news_list .mrbox .tt{
    color: var(--theme-color);
    font-size: 0.28rem;
    font-family: 'shh';
    display: inline-block;
    padding-bottom: 0.26rem;
    }
.pagelist .col_news_list .mrbox .news_list{position:relative;}
.pagelist .col_news_list .mrbox .news_list:after{content:'';width:1px;height:100%;background:#e4e4e4;position:absolute;left:0;top:0;}
.pagelist .col_news_list .mrbox .news_list .news{padding-left:0.3rem;position:relative;margin-bottom:0.2rem;}
  .pagelist .col_news_list .mrbox .news_list .news:after{content:'';width:0.1rem;height:0.1rem;background:var(--theme-color);border-radius:50%;position:absolute;left:-0.05rem;top:0;z-index:1;}
  .pagelist .col_news_list .mrbox .news_list .news .news_meta{font-size: var(--base-size);color: var(--theme-color);line-height: 1.5;margin-bottom: 0.1rem;}
  .pagelist .col_news_list .mrbox .news_list .news .news_title{font-size:var(--regular-size);}
@media screen and (max-width:999px){
.pagelist .col_news_list .article {
    flex: none;
width:100%;
}
.pagelist .col_news_list {
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
}
.pagelist .col_news_list .mrbox{width:100%;padding: 20px;}
}