.article-card{position:relative;margin-bottom:30px}.article-card .title{overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:700;display:-webkit-box;margin-bottom:5px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.article-card .title.all{overflow:visible;overflow:initial;-webkit-line-clamp:inherit}@media only screen and (max-width:991px){.article-card .title.all{overflow:hidden;-webkit-line-clamp:2}}.article-card .tags{font-size:13px;line-height:1.2;padding-top:2px}.article-card .tags.bottom{position:absolute;bottom:10px}.article-card .tags>*{vertical-align:middle}.article-card .tags .tag{display:inline-block;margin-left:6px;padding-left:5px;color:#686b78}.article-card .el-image{width:100%;padding-top:66%;background-color:#dfe3e8}.article-card .el-image .el-image__inner{position:absolute;top:0;left:0;width:100%}.article-card .img-card{position:relative;color:#fff;line-height:1}.article-card .img-card .el-image{padding-top:75%}.article-card .img-card .tag{color:#fff}.article-card .img-card .title{margin-bottom:0;color:#fff!important;font-size:20px}.article-card .img-card .card-text{position:absolute;bottom:0;left:0;padding:10px;line-height:1.3;width:100%}.article-card .img-card .card-text:before{content:" ";position:absolute;bottom:0;width:100%;height:99px;left:0;z-index:1;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8))}.article-card .img-card .card-text .tags,.article-card .img-card .card-text .title{position:relative;z-index:2}.article-card .card-img{overflow:hidden}.article-card .card-img img{transition:all .3s linear}.article-card .mobileImg{display:none}@media screen and (min-width:1024px){.article-card:hover .card-img .el-image>img{transform:scale(1.02)}.article-card:hover .card-text>.title{color:#ff1555}}@media only screen and (max-width:767px){.article-card{margin-bottom:15px}.article-card .mobileImg{display:block}.article-card .isCard{display:none}.article-card .el-row{display:flex;flex-direction:row-reverse}.article-card .el-row .card-img{flex-basis:auto;margin-left:10px}.article-card .el-row .card-text{flex:1}.article-card .title.all{overflow:hidden;-webkit-line-clamp:2}.article-card .tags.bottom{position:relative;bottom:auto}}