﻿
.qk_upload_root{width:100%; max-height:100%; background-color:#fafafa; padding:10px; display:flex;padding:10px; flex-wrap: wrap;}
.qk_upload_contr{padding:10px; position:relative;}
.qk_upload_btns{ background-color: #4CAF50; border: none; color: white; padding: 10px 15px; text-align: center; text-decoration: none; display: block; font-size: 16px;margin: 4px 2px; cursor: pointer;}
.qk_upload_list{ max-height:100%; flex:auto; font-size:12px; overflow:scroll;}
.qk_upload_item{ margin:10px 0px; box-shadow: 0px 5px 20px -5px rgba(0,0,0,0.1); border-radius: 10px; background-color:rgba(255,255,255,0.5); }
.qk_upload_detail{ padding:10px; display:flex; }
.qk_upload_imgarea{width:100px; min-width:40px; max-height:50px; padding:2px; display: flex; justify-content: center; align-items: center;  background-color:rgba(240, 236, 236, 0.5); border:1px solid rgba(240, 236, 236, 0.5); box-shadow: 0px 2px 10px -2px rgba(0,0,0,0.3);  border-radius:5px;}
.qk_upload_img{max-width:100%; max-height:100%;}
.qk_upload_info{ flex:auto; display:flex; flex-flow:column; padding-left:20px;}
.qk_upload_oper{padding:0 5px;}
.qk_upload_name{ flex:auto; line-height: 25px}
.qk_upload_progr{ width:100%; height:3px; padding:3px 3px 6px 3px; background-color:rgb(213, 182, 182, 0); display:flex; border-radius:5px;}
.qk_upload_speed{ width:0%; height:3px; background-color:rgba(14,194,25,0.4); text-align:right; transition:width .2s ease-in-out;}
.qk_upload_ratio{  padding:0 15px; color:#0968bb;}
.qk_upload_proc{}
.qk_upload_state{float:right;  background-size: auto 100%;}
.qk_upload_fail{ background-image:url(img/fail.png);}
.qk_upload_suc{background-image:url(img/suc.png); background-size: 100% 100%;}
.qk_upload_load{background-image:url(img/load.png); background-size: 100% 100%;}
.qk_upload_del{color: red;}
.qk_upload_start{ color: green;}
.qk_upload_mbtn{ background-color: transparent; border: 1px solid; padding: 3px 8px; text-align: center; text-decoration: none; display:block; margin:3px; cursor: pointer;font-size: .8em;border-radius: 3px;}
.qk_upload_root red{color:red;}
.qk_upload_root suc{color:#4CAF50;}
.qk_upload_root fail{color:#e40c0c;}
.qk_upload_root load{color:#f28012;}

.qk_upload_simple.qk_upload_root {
}


.qk_upload_dialog{ width:100%;overflow-wrap: break-word; line-height:30px; padding:0px 10px; color: #e45822; font-size:.8em;text-align:right; }