.card-container[data-v-0fb8e016]{display:flex;flex-wrap:wrap}.card-item[data-v-0fb8e016]{position:relative;border-radius:10px;background:hsla(0,0%,100%,.88);overflow:hidden;margin:10px;height:250px;flex-shrink:0;width:calc(25% - 20px);cursor:pointer;-webkit-animation:zoomIn .8s ease-in-out;animation:zoomIn .8s ease-in-out}.card-image[data-v-0fb8e016]{width:100%;height:150px}.card-image[data-v-0fb8e016] .el-image__inner{transition:all 1s}.card-image[data-v-0fb8e016] .el-image__inner:hover{transform:scale(1.2)}.card-body[data-v-0fb8e016]{padding:10px 16px}.card-title[data-v-0fb8e016]{font-size:18px;font-weight:600;margin-bottom:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .2s ease-in-out}.card-title[data-v-0fb8e016]:hover{color:var(--lightGreen)}.card-desc[data-v-0fb8e016]{font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;letter-spacing:1px}.card-time[data-v-0fb8e016]{position:absolute;bottom:5px;font-size:12px;color:var(--greyFont)}@media screen and (max-width:960px){.card-item[data-v-0fb8e016]{width:calc(33.33333% - 20px)}}@media screen and (max-width:760px){.card-item[data-v-0fb8e016]{width:calc(50% - 10px);margin:5px}}@media screen and (max-width:520px){.card-item[data-v-0fb8e016]{height:180px}.card-image[data-v-0fb8e016]{height:100px}.card-desc[data-v-0fb8e016]{-webkit-line-clamp:1}.card-body[data-v-0fb8e016]{padding:6px 8px}}