.drawerClass .ivu-drawer-mask,.drawerClass .ivu-drawer-wrap{z-index:1200!important}.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.card{margin:10px 25px 10px 10px;width:270px;:hover{.content .other .name{color:#1890ff;-webkit-transition:color .3s;transition:color .3s}}cursor:pointer;.ivu-card-body{padding:0}.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;:hover{.play{-webkit-transition:opacity .3s;transition:opacity .3s;opacity:1!important}}.img{-o-object-fit:cover;object-fit:cover}.img,.video{height:135px}.video{position:relative;.cover{height:100%;width:100%;-o-object-fit:fill;object-fit:fill}.play{position:absolute;top:43px;left:117px;height:50px;width:50px;opacity:.8}}.other{padding:16px;height:135px;.name{font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:rgba(0,0,0,.85);font-weight:500;margin-bottom:4px}.key{height:45px}.info,.key{overflow:hidden;text-overflow:ellipsis;word-break:break-all;color:rgba(0,0,0,.45)}.info{font-size:12px;height:36px}}.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;i:hover{color:#1890ff}.btn{border-right:1px solid #e8e8e8}.btn,.btn-no{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:25%}}}.btn,.btn-no,.project{display:-webkit-box;display:-ms-flexbox;display:flex}.project{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;.img{height:135px;-o-object-fit:cover;object-fit:cover}.other{padding:16px;height:135px;.name{font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:rgba(0,0,0,.85);font-weight:500;margin-bottom:4px}.key{overflow:hidden;text-overflow:ellipsis;height:45px;word-break:break-all;color:rgba(0,0,0,.45)}.info{font-size:12px;color:rgba(0,0,0,.45);overflow:hidden;text-overflow:ellipsis;height:36px;word-break:break-all}}.content{padding:16px;.title{font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:rgba(0,0,0,.85);font-weight:700;margin-bottom:4px;color:#666}.desc{height:130px;position:relative;overflow:hidden;text-overflow:ellipsis;color:rgba(0,0,0,.45);line-height:22px}.info{-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;.time{color:rgba(0,0,0,.45);-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;font-size:12px}}.avatar{.item{display:inline-block;margin-left:-8px;.c{border:1px solid #fff}}}}}}.create{text-align:center;font-size:25px;line-height:300px;color:#ccc}.img:hover{color:#2d8cf0}.upload-list{display:inline-block;text-align:center;border:1px solid transparent;border-radius:4px;overflow:hidden;background:#fff;position:relative;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);margin-right:8px}.upload-list img{-o-object-fit:cover;object-fit:cover}.upload-list-cover{display:none;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.6)}.upload-list:hover .upload-list-cover{display:block}.upload-list-cover i{color:#fff;font-size:20px;cursor:pointer;margin:0 2px}.list-group{display:-webkit-box;display:-ms-flexbox;display:flex}.thumb-ghost{opacity:.5;background:#c8ebfb}