.general-article-component .article-swiper-content .article-swiper .swiper-wrapper .swiper-slide>a:hover~.article-description .article-title a{color:var(--primary-color)}
.general-article-component .article-swiper-content .article-swiper .swiper-wrapper .see-all-content .article-img{background-color:var(--light-gray)}
.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 .see-all-text{color:var(--primary-color)}
.general-article-component .article-swiper-content .article-description .article-date{color:var(--silver)}
.general-article-component .article-swiper-content .article-description .article-title{color:var(--black);font:normal 500 18px Poppins}
.general-article-component .article-swiper-content .article-description .article-title a{color:var(--black)}
.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)}
.general-article-component .article-swiper-content .article-tags .tag-item:hover.active{background-color:var(--primary-color);border-color:var(--primary-color)}
[data-tippy-root] .tippy-box{color:var(--white)}
.general-article-component{width:100%}
.general-article-component .general-article-title{font-size:24px;line-height:130%;margin:0 auto;max-width:calc(100vw - 40px);text-align:center}
@media(min-width:768px){.general-article-component .general-article-title{font-size:2pc;max-width:728px}
}
@media(min-width:1220px){.general-article-component .general-article-title{font-size:3pc;max-width:915pt}
}
.general-article-component .article-text-btn{margin:9pt auto 24px}
@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:#00707a;-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:#e4f0e9;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:#dbe9e2}
.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:#00626b;font:normal 500 14px Roboto;line-height:1.5;line-height:1pc;margin-top:10px;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:#757575;font-size:1.4rem;height:1pc;line-height:1pc;margin-bottom:4px;overflow:hidden}
@media(max-width:767px){.general-article-component .article-swiper-content .article-description .article-date{height:14px}
}
.general-article-component .article-swiper-content .article-description .article-title{font:normal 500 1.8rem Poppins;line-height:1.5;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:#000;display:-webkit-box;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}
.general-article-component .article-swiper-content .article-description .article-title:hover,.general-article-component .article-swiper-content .article-description .article-title:hover a{color:#00707a;-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{color:#00626b;-webkit-transition:all .3s;transition:all .3s}
.general-article-component .article-swiper-content .article-tags{height:67px;overflow:hidden}
.general-article-component .article-swiper-content .article-tags .tag-item{background:#f2f2f2;border:1px solid transparent;border-radius:2pc;color:#757575;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:9pt;line-height:14px;margin-bottom:8px;margin-right:5px;padding:6px 10px}
@media(max-width:767px){.general-article-component .article-swiper-content .article-tags .tag-item{padding:9pt 1pc}
}
.general-article-component .article-swiper-content .article-tags .tag-item span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:block;display:-webkit-box;overflow:hidden}
.general-article-component .article-swiper-content .article-tags .tag-item:hover{border:1px solid #ccc}
.general-article-component .article-swiper-content .article-tags .tag-item:active{background-color:#00626b;border:1px solid transparent;color:#FFF;cursor:default}
.general-article-component .article-swiper-content .article-tags .tag-item.active{background-color:#00626b;color:#FFF}
.general-article-component .article-swiper-content .article-tags .tag-item.disabled{background:#f2f2f2;border:1px solid #ccc;color:#757575;cursor:default;opacity:.3}
.general-article-component .article-swiper-content .article-tags .tag-item:hover.active{background-color:#00707a;border-color:#00707a}
@media(max-width:767px){.general-article-component .article-swiper-content .article-tags{height:6pc}
}
[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:#FFF;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}