.m-article-list__container{background:var(--article-list-background);padding-bottom:var(--article-list-container-padding-bottom)}
.m-article-list__nav{margin-right:var(--article-list-nav-margin-right-mb);position:sticky;top:var(--article-list-nav-top-mb);z-index:1}
@media(min-width:768px){.m-article-list__nav{margin-right:0;top:var(--article-list-nav-top-tablet)}
}
@media(min-width:992px){.m-article-list__nav{top:var(--article-list-nav-top)}
}
.m-article-list__nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:0;overflow-x:hidden;padding:0;padding-bottom:var(--article-list-nav-list-padding-bottom);padding-right:var(--article-list-nav-padding-right-mb);white-space:nowrap;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.m-article-list__nav-list::-webkit-scrollbar{display:none}
@media(min-width:768px){.m-article-list__nav-list{padding-right:0}
}
.m-article-list__nav-list li{display:-webkit-box;display:-ms-flexbox;display:flex}
.m-article-list__nav-list li:last-child{-webkit-box-flex:1;background:var(--article-list-background);-ms-flex:1;flex:1}
.m-article-list__nav-item{background:var(--article-list-background);border-bottom:var(--article-list-nav-item-border-bottom);color:var(--article-list-nav-color);cursor:pointer;font-size:var(--article-list-nav-item-font-size);font-weight:700;line-height:var(--article-list-nav-item-line-height);padding:var(--article-list-nav-item-padding);text-transform:uppercase}
.m-article-list__nav-item--active{color:var(--article-list-nav-active-color);position:relative}
.m-article-list__nav-item--active:after{background:var(--article-list-nav-active-color);bottom:var(--article-list-nav-item-active-bottom);content:"";display:block;height:var(--article-list-nav-item-active-border-height);left:0;position:absolute;width:100%}
.m-article-list__content-list{list-style:none;margin:0;margin-top:var(--article-list-content-list-margin-top);padding:0}
@media(min-width:768px){.m-article-list__content-list{display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr}
.m-article-list__content-list--grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:34px;grid-row-gap:34px;gap:34px}
.m-article-list__content-list--grid .m-article-list__article{width:auto}
.m-article-list__content-list--grid .m-article-list__article:first-child{grid-area:1/1/3/3}
.m-article-list__content-list--grid .m-article-list__article:first-child .m-article-list__article-img{aspect-ratio:1}
.m-article-list__content-list--grid .m-article-list__article:nth-child(2){grid-area:1/3/2/4}
.m-article-list__content-list--grid .m-article-list__article:nth-child(3){grid-area:1/4/2/5}
.m-article-list__content-list--grid .m-article-list__article:nth-child(4){grid-area:2/3/3/4}
.m-article-list__content-list--grid .m-article-list__article:nth-child(5){grid-area:2/4/3/5}
}
@media(min-width:992px){.m-article-list__content-list--grid .m-article-list__article:first-child .m-article-list__article-img{aspect-ratio:2/1.5}
}
.m-article-list__article{background:var(--article-list-item-background);border-radius:var(--article-list-article-border-radius);height:var(--article-list-article-height-mb);margin-bottom:var(--article-list-article-margin-bottom);overflow:hidden}
@media(min-width:768px){.m-article-list__article{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.16);box-shadow:0 2px 4px 0 rgba(0,0,0,0.16);height:auto;margin:0}
}
.m-article-list__article-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%}
@media(min-width:768px){.m-article-list__article-link{display:block}
}
.m-article-list__article-link:focus,.m-article-list__article-link:hover{text-decoration:none}
.m-article-list__article-img{background:var(--article-list-skeleton-bg-1);border-radius:var(--article-list-article-border-radius);height:var(--article-list-article-img-height-mb);margin-right:var(--article-list-article-img-margin-right);overflow:hidden;width:var(--article-list-article-img-width-mb)}
.m-article-list__article-img img{max-width:100%;min-height:100%;min-width:100%}
@media(min-width:768px){.m-article-list__article-img img{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
}
@media(min-width:768px){.m-article-list__article-img{aspect-ratio:2.15/1;border-radius:0;height:auto;margin:0 0 24px;position:relative;width:auto}
}
.m-article-list__article-content{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;padding:var(--article-list-article-content-padding-mb)}
@media(min-width:768px){.m-article-list__article-content{padding:var(--article-list-article-content-padding)}
}
.m-article-list__article-title{color:var(--article-list-text-color)}
@media(min-width:768px){.m-article-list__article-title{font-size:var(--article-list-article-title-font-size);line-height:var(--article-list-article-title-line-height)}
}
.m-article-list__article-para{color:var(--article-list-text-color);display:-webkit-box;font-size:var(--article-list-nav-item-font-size);letter-spacing:0;-webkit-line-clamp:4;line-height:var(--article-list-nav-item-line-height);overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}
@media(min-width:768px){.m-article-list__article-para{-webkit-line-clamp:3}
}
.m-article-list__load-more-btn{margin-bottom:var(--article-list-article-margin-bottom);margin-top:var(--article-list-load-more-btn-margin-top-mb);text-align:center}
.m-article-list__load-more-btn .a-button{display:inline-block}
@media(min-width:768px){.m-article-list__load-more-btn{margin-top:var(--article-list-load-more-btn-margin-top)}
}
.m-article-list .is-loading .m-article-list__article-img,.m-article-list .is-loading .m-article-list__article-para,.m-article-list .is-loading .m-article-list__article-title{-webkit-animation:shine 1s linear infinite;animation:shine 1s linear infinite;background:var(--article-list-skeleton-bg-1);background:linear-gradient(110deg,var(--article-list-skeleton-bg-1) 8%,var(--article-list-skeleton-bg-2) 18%,var(--article-list-skeleton-bg-1) 33%);background-size:200% 100%;border-radius:var(--article-list-article-border-radius);text-indent:-9999px}
.m-article-list .is-loading .m-article-list__article-title{min-height:18%}
@media(min-width:768px){.m-article-list .is-loading .m-article-list__article-title{min-height:32px}
}
.m-article-list .is-loading .m-article-list__article-para{min-height:50%}
@media(min-width:768px){.m-article-list .is-loading .m-article-list__article-para{min-height:60px}
}
@-webkit-keyframes shine{to{background-position-x:-200%}
}
@keyframes shine{to{background-position-x:-200%}
}
.ab-mobile-app .m-article-list__container{background:var(--article-list-app-background)}
.ab-mobile-app .m-article-list__back-btn{background:var(--article-list-app-background);height:var(--article-list-app-backbtn-height);left:0;padding:var(--article-list-app-backbtn-padding);position:fixed;top:0;width:var(--article-list-app-backbtn-width)}
.ab-mobile-app .m-article-list__nav{top:0}
.ab-mobile-app .m-article-list__nav-list li:last-child{background:var(--article-list-app-background)}
.ab-mobile-app .m-article-list__nav-item{background:var(--article-list-app-background);border-bottom:var(--article-list-app-nav-item-border-bottom);color:var(--article-list-app-nav-color)}
.ab-mobile-app .m-article-list__nav-item--active{color:var(--article-list-app-nav-active-color)}
.ab-mobile-app .m-article-list__content-list{margin-top:var(--article-list-app-content-list-margin-top)}
.ab-mobile-app .m-article-list__article{background:var(--article-list-app-item-background)}
.ab-mobile-app .m-article-list__article-title{color:var(--article-list-app-text-color)}
.ab-mobile-app .m-article-list__article-para{color:var(--article-list-app-text-color)}
.ab-mobile-app .m-article-list__load-more-btn .btn{border-color:var(--article-list-app-text-color);color:var(--article-list-app-text-color)}