.downloads-wrap{margin-top:20px}.downloads-wrap .header .title{font-size:20px;padding:8px;color:#2f3033;border-bottom:2px solid #c90304;margin-bottom:16px}.downloads-wrap .header .title:before{display:inline-block;content:"";width:3px;align-self:center;height:17px;background:#c90304;margin-right:10px}.downloads-wrap .list{min-height:200px}.downloads-wrap .list .empty{text-align:center;padding:60px 20px;color:#909399}.downloads-wrap .list .empty i{font-size:64px;color:#c0c4cc}.downloads-wrap .list .empty .empty-text{font-size:16px;margin:14px 0 6px;color:#606266}.downloads-wrap .list .empty .empty-sub{font-size:13px}.downloads-wrap .dl-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#fff;border:1px solid #ebeef5;border-radius:8px;margin-bottom:12px;transition:box-shadow .2s}.downloads-wrap .dl-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.06)}.downloads-wrap .dl-card.is-loading{border-left:3px solid #d2222b}.downloads-wrap .dl-card.is-success{border-left:3px solid #67c23a}.downloads-wrap .dl-card.is-failed{border-left:3px solid #f56c6c}.downloads-wrap .dl-card .dl-main{flex:1;min-width:0}.downloads-wrap .dl-card .dl-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.downloads-wrap .dl-card .dl-head .dl-name{font-size:15px;font-weight:500;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.downloads-wrap .dl-card .dl-head .dl-type-tag{flex-shrink:0;font-size:12px;color:#d2222b;background:rgba(210,34,43,.08);border-radius:4px;padding:1px 8px}.downloads-wrap .dl-card .dl-meta{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;color:#909399}.downloads-wrap .dl-card .dl-meta .meta-item{display:inline-flex;align-items:center;gap:4px}.downloads-wrap .dl-card .dl-meta i{margin-right:2px}.downloads-wrap .dl-card .dl-status-row{margin-top:10px;display:flex;align-items:center;gap:10px}.downloads-wrap .dl-card .dl-status-row .status-tag{font-size:13px;display:inline-flex;align-items:center;gap:4px}.downloads-wrap .dl-card .dl-status-row .status-tag.status-pending{color:#909399}.downloads-wrap .dl-card .dl-status-row .status-tag.status-loading{color:#d2222b}.downloads-wrap .dl-card .dl-status-row .status-tag.status-success{color:#67c23a}.downloads-wrap .dl-card .dl-status-row .status-tag.status-failed{color:#f56c6c}.downloads-wrap .dl-card .dl-status-row .status-tag i{font-size:15px}.downloads-wrap .dl-card .dl-status-row .status-extra{font-size:12px;color:#909399}.downloads-wrap .dl-card .dl-status-row .status-extra.is-error{color:#f56c6c}.downloads-wrap .dl-card .dl-progress{margin-top:8px;display:flex;align-items:center;gap:12px}.downloads-wrap .dl-card .dl-progress .el-progress{flex:1;max-width:360px}.downloads-wrap .dl-card .dl-side{display:flex;align-items:center;flex-shrink:0}.downloads-wrap .dl-card .dl-side .dl-ops{display:flex;gap:4px}.downloads-wrap .dl-card .dl-side .dl-ops .op-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;cursor:pointer;color:#909399;font-size:16px;transition:all .2s}.downloads-wrap .dl-card .dl-side .dl-ops .op-icon:hover{color:#d2222b;background:rgba(210,34,43,.08)}.downloads-wrap .dl-card .dl-side .dl-ops .op-icon.is-danger:hover{color:#f56c6c;background:rgba(245,108,108,.08)}@media screen and (max-width:768px){.downloads-wrap{margin-top:12px}.downloads-wrap .header .title{font-size:18px;padding:8px 0}.downloads-wrap .dl-card{flex-direction:column;align-items:stretch;padding:14px}.downloads-wrap .dl-card .dl-side{justify-content:flex-end;width:100%;margin-top:8px}.downloads-wrap .dl-card .dl-main .dl-progress .el-progress{max-width:100%}}