.oss-operation{margin-bottom:2vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.oss-operation button{margin-right:5px}.oss-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.oss-card{margin:10px 20px 10px 0;width:290px;cursor:pointer}.oss-card :hover .content .other .name{color:#1890ff;-webkit-transition:color .3s;transition:color .3s}.oss-card /deep/ .ivu-card-body{padding:0!important}.oss-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}.oss-card .content :hover .play{-webkit-transition:opacity .3s;transition:opacity .3s;opacity:1!important}.oss-card .content .other{height:135px}.oss-card .content .other .center{margin:10px 0}.oss-card .content .other .center .oa{width:100%;height:90px}.oss-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;text-align:center}.oss-card .content .other .key{height:45px}.oss-card .content .other .info,.oss-card .content .other .key{overflow:hidden;text-overflow:ellipsis;word-break:break-all;color:rgba(0,0,0,.45)}.oss-card .content .other .info{font-size:12px;height:36px}.oss-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}.oss-card .content .actions i:hover{color:#1890ff}.oss-card .content .actions .btn{border-right:1px solid #e8e8e8}.oss-card .content .actions .btn,.oss-card .content .actions .btn-no{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}