.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.card{margin:10px 25px 10px 0;width:290px;cursor:pointer}.card :hover .content .other .name{color:#1890ff;-webkit-transition:color .3s;transition:color .3s}.card .ivu-card-body{padding:0}.card .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card .content :hover .play{-webkit-transition:opacity .3s;transition:opacity .3s;opacity:1!important}.card .content .img{height:135px;-o-object-fit:cover;object-fit:cover}.card .content .video{height:135px;position:relative}.card .content .video .cover{height:100%;width:100%;-o-object-fit:fill;object-fit:fill}.card .content .video .play{position:absolute;top:43px;left:117px;height:50px;width:50px;opacity:.8}.card .content .other{padding:16px;height:135px}.card .content .other .name{font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:rgba(0,0,0,.85);font-weight:500;margin-bottom:4px}.card .content .other .key{height:45px}.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:12px;height:36px}.card .content .actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;background:#f7f9fa;border-top:1px solid #e8e8e8}.card .content .actions i:hover{color:#1890ff}.card .content .actions .btn{border-right:1px solid #e8e8e8}.card .content .actions .btn,.card .content .actions .btn-no{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:25%}.card .project{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card .project .img{height:135px;-o-object-fit:cover;object-fit:cover}.card .project .other{padding:16px;height:135px}.card .project .other .name{font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:rgba(0,0,0,.85);font-weight:500;margin-bottom:4px}.card .project .other .key{height:45px}.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:12px;height:36px}.card .project .content{display:-webkit-box;display:-ms-flexbox;display:flex;height:135px;padding:16px}.card .project .content .title{font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:rgba(0,0,0,.85);font-weight:500;margin-bottom:4px}.card .project .content .desc{height:45px;position:relative;overflow:hidden;text-overflow:ellipsis;color:rgba(0,0,0,.45);line-height:22px}.card .project .content .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px;height:20px}.card .project .content .info .time{color:rgba(0,0,0,.45);-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;font-size:12px}.card .project .content .avatar .item{display:inline-block;margin-left:-8px}.card .project .content .avatar .item .c{border:1px solid #fff}