.general-article-component{width:100%}
.general-article-component .general-article-title{margin:0 auto;max-width:calc(100vw - 40px);text-align:center}
@media(min-width:768px){.general-article-component .general-article-title{max-width:728px}
}
@media(min-width:1220px){.general-article-component .general-article-title{max-width:915pt}
}
.general-article-component .article-text-btn{margin:9pt auto 24px;text-align:center}
.general-article-component .article-text-btn a{overflow:visible}
.general-article-component .article-text-btn span{border:solid var(--primary-color);border-width:0 1px 1px 0;display:inline-block;margin-left:10px;padding:2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
@media(max-width:768px){.general-article-component .article-text-btn{margin:8px auto 20px}
}
.general-article-component .article-text-btn .text_black_lg_btn{margin:auto}
.general-article-component .article-swiper-content{margin-top:9pt}
.general-article-component .article-swiper-content .article-swiper{padding-left:calc(50% - 610px);padding-right:calc(50% - 610px);position:relative}
@media(max-width:1219px){.general-article-component .article-swiper-content .article-swiper{padding-left:calc(50% - 364px);padding-right:20px}
}
@media(max-width:767px){.general-article-component .article-swiper-content .article-swiper{padding-left:20px;width:100%}
}
.general-article-component .article-swiper-content .article-swiper:hover .swiper-button-icon{display:block}
@media(max-width:767px){.general-article-component .article-swiper-content .article-swiper:hover .swiper-button-icon{display:none}
}
.general-article-component .article-swiper-content .article-swiper .swiper-wrapper{margin:auto;width:100%}
.general-article-component .article-swiper-content .article-swiper .swiper-wrapper .swiper-slide{max-width:391px}
@media(max-width:1219px){.general-article-component .article-swiper-content .article-swiper .swiper-wrapper .swiper-slide{max-width:227px}
}
@media(max-width:767px){.general-article-component .article-swiper-content .article-swiper .swiper-wrapper .swiper-slide{max-width:305px}
}
.general-article-component .article-swiper-content .article-swiper .swiper-wrapper .swiper-slide>a:hover .article-img:after{opacity:1;-webkit-transition:all .3s;transition:all .3s;z-index:1}
.general-article-component .article-swiper-content .article-swiper .swiper-wrapper .swiper-slide>a:hover~.article-description .article-title a{color:var(--primary-color);-webkit-transition:all .3s;transition:all .3s}
.general-article-component .article-swiper-content .article-swiper .swiper-wrapper .see-all-content{margin-top:0 !important;text-align:center}
.general-article-component .article-swiper-content .article-swiper .swiper-wrapper .see-all-content .article-img{-ms-flex-line-pack:center;align-content:center;background-color:var(--light-gray);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.general-article-component .article-swiper-content .article-swiper .swiper-wrapper .see-all-content .article-img.active,.general-article-component .article-swiper-content .article-swiper .swiper-wrapper .see-all-content .article-img:hover{background-color:var(--pastel-gray)}
.general-article-component .article-swiper-content .article-swiper .swiper-wrapper .see-all-content .article-img:after{display:none}
.general-article-component .article-swiper-content .article-swiper .swiper-wrapper .see-all-content .article-img .see-all-inner{margin:auto}
@media(max-width:767px){.general-article-component .article-swiper-content .article-swiper .swiper-wrapper .see-all-content .article-img .see-all-inner{left:0;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
}
.general-article-component .article-swiper-content .article-swiper .swiper-wrapper .see-all-content .article-img .see-all-icon{width:100%}
.general-article-component .article-swiper-content .article-swiper .swiper-wrapper .see-all-content .article-img .see-all-text{color:var(--primary-color);margin-top:8px;width:100%}
.general-article-component .article-swiper-content .article-swiper .swiper-button-icon{cursor:pointer;display:none;top:79.5px}
@media(max-width:1219px){.general-article-component .article-swiper-content .article-swiper .swiper-button-icon{top:34px}
}
@media(max-width:767px){.general-article-component .article-swiper-content .article-swiper .swiper-button-icon{display:none}
}
.general-article-component .article-swiper-content .article-swiper .swiper-button-icon.swiper-button-disabled{cursor:auto;display:none}
.general-article-component .article-swiper-content .article-swiper .swiper-button-icon.swiper-button-disabled:hover svg circle{fill-opacity:.4}
.general-article-component .article-swiper-content .article-swiper .swiper-button-icon:active svg circle,.general-article-component .article-swiper-content .article-swiper .swiper-button-icon:hover svg circle{fill-opacity:.5}
.general-article-component .article-swiper-content .article-swiper .swiper-button-next-icon{position:absolute;right:40px;-webkit-transform:rotate(180deg);transform:rotate(180deg);z-index:50}
.general-article-component .article-swiper-content .article-swiper .swiper-button-prev-icon{left:40px;position:absolute;z-index:50}
.general-article-component .article-swiper-content .article-img{border-radius:24px;height:219px;overflow:hidden;position:relative;width:100%}
@media(max-width:1219px){.general-article-component .article-swiper-content .article-img{border-radius:9pt;height:8pc}
}
@media(max-width:767px){.general-article-component .article-swiper-content .article-img{height:0;padding-bottom:56%;position:relative}
}
.general-article-component .article-swiper-content .article-img:after{background-color:rgba(0,0,0,.2);bottom:0;content:"";left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;-webkit-transition:all .3s;transition:all .3s;z-index:-1}
.general-article-component .article-swiper-content .article-img img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}
@media(max-width:767px){.general-article-component .article-swiper-content .article-img img{bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;position:absolute;right:0;top:0}
}
.general-article-component .article-swiper-content .article-description{margin:1pc auto;padding:0 8px}
.general-article-component .article-swiper-content .article-description .article-date{color:var(--silver);height:1pc;margin-bottom:8px;overflow:hidden}
.general-article-component .article-swiper-content .article-description .article-title{max-height:54px;position:relative}
.general-article-component .article-swiper-content .article-description .article-title,.general-article-component .article-swiper-content .article-description .article-title a{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--black);display:-webkit-box;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}
.general-article-component .article-swiper-content .article-description .article-title:active,.general-article-component .article-swiper-content .article-description .article-title:active a,.general-article-component .article-swiper-content .article-description .article-title:hover,.general-article-component .article-swiper-content .article-description .article-title:hover a{color:var(--primary-color);-webkit-transition:all .3s;transition:all .3s}
.general-article-component .article-swiper-content .article-tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:78px}
.general-article-component .article-swiper-content .article-tags a{margin:0 5px 8px 0}
[data-tippy-root] .tippy-box{background:rgba(0,0,0,.6);border-radius:4px;-webkit-box-shadow:0 4px 20px 0 rgba(0,0,0,.15);box-shadow:0 4px 20px 0 rgba(0,0,0,.15);color:var(--white);font:normal 400 9pt Roboto;line-height:1.5;line-height:14px;margin-top:20px;max-width:287px}
[data-tippy-root] .tippy-box .tippy-content{padding:10px 6px 10px 10px}