.card-wrapper{display:flex;flex-wrap:wrap;position:relative}.card{margin:.625rem 1.5625rem .625rem 0;width:18.125rem;cursor:pointer}.card :hover .content .other .name{color:#1890ff;transition:color .3s}.card .ivu-card-body{padding:0}.card .content{display:flex;flex-direction:column}.card .content :hover .play{transition:opacity .3s;opacity:1!important}.card .content .img{height:8.4375rem;object-fit:cover}.card .content .video{height:8.4375rem;position:relative}.card .content .video .cover{height:100%;width:100%;object-fit:fill}.card .content .video .play{position:absolute;top:2.6875rem;left:7.3125rem;height:3.125rem;width:3.125rem;opacity:.8}.card .content .other{padding:1rem;height:8.4375rem}.card .content .other .name{font-size:1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:rgba(0,0,0,.85);font-weight:500;margin-bottom:.25rem}.card .content .other .key{height:2.8125rem}.card .content .other .info,.card .content .other .key{overflow:hidden;text-overflow:ellipsis;word-break:break-all;color:rgba(0,0,0,.45)}.card .content .other .info{font-size:.75rem;height:2.25rem}.card .content .actions{display:flex;align-items:center;height:3.125rem;background:#f7f9fa;border-top:.0625rem solid #e8e8e8}.card .content .actions i:hover{color:#1890ff}.card .content .actions .btn{border-right:.0625rem solid #e8e8e8}.card .content .actions .btn,.card .content .actions .btn-no{display:flex;justify-content:center;width:25%}.card .project{display:flex;flex-direction:column}.card .project .img{height:8.4375rem;object-fit:cover}.card .project .other{padding:1rem;height:8.4375rem}.card .project .other .name{font-size:1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:rgba(0,0,0,.85);font-weight:500;margin-bottom:.25rem}.card .project .other .key{height:2.8125rem}.card .project .other .info,.card .project .other .key{overflow:hidden;text-overflow:ellipsis;word-break:break-all;color:rgba(0,0,0,.45)}.card .project .other .info{font-size:.75rem;height:2.25rem}.card .project .content{display:flex;height:8.4375rem;padding:1rem}.card .project .content .title{font-size:1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:rgba(0,0,0,.85);font-weight:500;margin-bottom:.25rem}.card .project .content .desc{height:2.8125rem;position:relative;overflow:hidden;text-overflow:ellipsis;color:rgba(0,0,0,.45);line-height:1.375rem}.card .project .content .info{display:flex;justify-content:space-between;align-items:center;margin-top:.625rem;height:1.25rem}.card .project .content .info .time{color:rgba(0,0,0,.45);flex:1 1;font-size:.75rem}.card .project .content .avatar .item{display:inline-block;margin-left:-.5rem}.card .project .content .avatar .item .c{border:.0625rem solid #fff}