.first-hand-card{position:relative;margin-bottom:30px}.first-hand-card .title{overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:700;display:-webkit-box;margin-bottom:2px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.first-hand-card .tags{font-size:13px;line-height:1.2;padding-top:2px}.first-hand-card .tags.bottom{position:absolute;bottom:10px}.first-hand-card .tags>*{vertical-align:middle}.first-hand-card .tags .tag{display:inline-block;margin-left:6px;padding-left:5px;color:#686b78}.first-hand-card .el-image{width:100%;padding-top:66%;background-color:#dfe3e8}.first-hand-card .el-image .el-image__inner{position:absolute;top:0;left:0;width:100%}.first-hand-card .img-card{position:relative;color:#fff;line-height:1;margin-bottom:6px}.first-hand-card .img-card .tag{color:#fff}.first-hand-card .img-card .title{margin-bottom:0;color:#fff!important;font-size:18px}.first-hand-card .img-card .card-text{position:absolute;bottom:0;left:0;padding:10px;line-height:1.3;width:100%}@media screen and (max-width:991px){.first-hand-card .img-card .card-text{display:none}}.first-hand-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))}.first-hand-card .img-card .card-text>div{display:flex;align-items:center}.first-hand-card .img-card .card-text>div img{position:relative;z-index:2;flex-basis:auto;width:auto;height:45px;margin-right:10px;border:1px solid #fff}.first-hand-card .img-card .card-text>div .title{flex:1}.first-hand-card .img-card .card-text .tags,.first-hand-card .img-card .card-text .title{position:relative;z-index:2}.first-hand-card .img-card{overflow:hidden}.first-hand-card .img-card img{transition:all .3s linear}@media screen and (min-width:1024px){.first-hand-card:hover .img-card .el-image>img{transform:scale(1.02)}.first-hand-card:hover .card-text>.title{color:#ff1555}}@media only screen and (max-width:767px){.first-hand-card{margin-bottom:15px}.first-hand-card>a{display:flex}.first-hand-card>a .img-card{flex-basis:100px;width:100px;margin-right:10px}.first-hand-card>a .card-text{flex:1}.first-hand-card>a .tags.bottom{position:relative;bottom:auto}}