.tiger-upload{min-width:400px}

.tiger-upload-avatar{background-color: #fcfcfc;border:2px #ddd dashed;text-align:center;padding:10px;border-radius:10px;transition:all 0.3s ease;cursor:pointer;}
.tiger-upload-avatar:hover{border-color:#31bdff;background-color:#f0f8ff;}
.tiger-upload-avatar.has-file{border-color:#07c007;background-color:#f0fff0;}
.tiger-upload-avatar img{border:1px #ccc solid;cursor:pointer;height:120px;transition:all 0.3s ease;}
.tiger-upload-avatar:hover img{border-color:#31bdff;}
.tiger-upload-avatar img.active{border:2px #07c007 solid;}
.tiger-upload-avatar .tooltip{color:#949494;font-size:.8rem;text-align:center;opacity:inherit;position:inherit;}
.tiger-upload-avatar:hover .tooltip{color:#31bdff;}

.tiger-upload-mini{display: flex;flex-wrap: wrap; }
.tiger-upload-mini input[type=text] {flex:1;border: 0;border-bottom: 1px solid #9e9e9e;}
.tiger-upload-mini input[type=text]:focus{outline:none;}
.tiger-upload-mini input[type=text].active {border-bottom: 2px solid #07c007;color:#039a03;}

.tiger-upload-toolbar{padding:5px}
.tiger-upload-toolbar .btn{display: inline-block;border:none;cursor:pointer;padding:0 10px;margin-right:5px;border-radius:5px;font-weight:700;height:36px;line-height:36px;color:#fff;vertical-align:middle;text-align:center;letter-spacing:.5px;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -2px rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.2);box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -2px rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.2);background:linear-gradient(to right,#31bdff,#63cdff);position:relative;overflow:hidden}
.tiger-upload-toolbar .btn:hover{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2)}
.tiger-upload-toolbar .btn:before{content:"";position:absolute;left:-100%;width:100%;height:100%;background:linear-gradient(to left,rgba(255,255,255,.1),#fff,rgba(255,255,255,.1));opacity:.4;transition:.6s}
.tiger-upload-toolbar .btn:hover:before{left:100%}
.tiger-upload-toolbar .btn i{font-size:14px;margin-right:4px}
.tiger-upload-toolbar .btn-select{background:linear-gradient(to right,#05b905,#5dd95d);position:relative;overflow:hidden}
.tiger-upload-toolbar .btn-upload{background:linear-gradient(to right,#ff8c00,#f9b664);position:relative;overflow:hidden}
.tiger-upload-toolbar .btn-clear{background:linear-gradient(to right,#696969,#9c9c9c);position:relative;overflow:hidden}
.tiger-upload-toolbar .btn-cancel{background:linear-gradient(to right,#ee3939,#f47575);position:relative;overflow:hidden}
.tiger-upload-toolbar .btn-submit{background:linear-gradient(to right,#3992ee,#409eff);position:relative;overflow:hidden}
.tiger-upload-zone{background-color: #fcfcfc;border:2px #c0ccda dashed;padding:10px;border-radius:10px}
.tiger-upload-border-red { border: 2px red dashed;border-radius:10px; }
.tiger-upload-border-green { border: 2px #00c853 dashed;border-radius:10px; }

.tiger-upload .tiger-upload-toolbar{display:inline-block}
.tiger-upload .tiger-upload-reminder{display:inline-block;color:#949494;font-size:.9rem}



.tiger-upload-message{text-align:left;color:#ee3939;display:none;}

.tiger-upload .file-list{padding-left:0;list-style-type:none}
.tiger-upload .file-list-item{box-sizing:border-box;overflow:hidden;margin-top:10px;padding:10px;width:100%;height:80px;border:1px solid #c0ccda;border-radius:5px}
.tiger-upload .preview{float:left;width:60px;height:60px}
.tiger-upload .preview-img{width:100%;height:100%}
.tiger-upload .preview-div{width:100%;height:100%;background:no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAFVBMVEWZmZmZmZmZmZmZmZmZmZmZmZmZmZk9goCmAAAAB3RSTlMC/rYs1mCR8/Hv3QAAAYBJREFUWMPtmMsSwyAIRRWE///kGmMTH6CYtN0012knC+cU4Uq0zj169CkhqEI7hb2uYOZQnA2cx/GQHjeOFRP0qcHOQe9phLFyCAeBckwc3C1hxDgYchBJEZaYSIgcHpVHE1bRpAzxulUKDuzrCUoVcPOVLCo9t0fjUOGw7k4qaxxyduPPShzQkx8xcHDCOykyZ4zBwysHJnFwEXN4pZhHAmeGeXuFi6UI8Uwx2SuYNn9W6LbXHJM5rUtpFZM9hxCi/P7V7i4LpvYc1oVrMBDOQTVGyKmGwX7dJ6bnqNHwKaCuGbYcFSM3Topb1G0frjkrmLTQzSNpVMVZwaQSjbqYERNBZ0dlE0bpwYKNFgt+BeNKDF/HlF3YXcdYzgn/iklNSRZd9I3YL23RsKp8eHwKfhdDqhh/X/APYVDX11JMC0cBCYOcu7t3dzDUv2tuYGDh0CbmJr2Llw60Ixd/DWO9+3FbnfYobg1mNDFdRufyfrSmzLFodoFGYoPo+a9jVS+3Nw2jSs30KQAAAABJRU5ErkJggg==);background-size:100% auto}
.tiger-upload .loading{display:none;width:50px;height:50px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.tiger-upload .loading-mask{width:100%;height:100%;position:absolute;background:rgba(0,0,0,.2);border-radius:10px}
.tiger-upload .loading-icon{width:40px;height:40px;position:absolute;margin-left:5px;margin-top:5px;z-index:10000;background:no-repeat center center url(data:image/png;base64,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);background-size:100% auto;animation:loading-icon 1s linear infinite}
@keyframes loading-icon{
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.tiger-upload .fileinfo{box-sizing:border-box;margin-left:60px;padding:10px;height:100%}
.tiger-upload .fileinfo-text{overflow:hidden;margin:0}
.tiger-upload .fileinfo-text-name{float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tiger-upload .fileinfo-text-status{float:right;text-align:right}
.tiger-upload .fileinfo-text-size{box-sizing:border-box;display:inline-block;padding:0 2px;margin-right:5px;font-style:normal;font-size:12px;color:#fff;border-radius:2px}
.tiger-upload .fileinfo-progress{height:4px;background-color:#eee}
.tiger-upload .fileinfo-progress-bar{margin-top:10px;height:100%;width:0;background-color:#13ce66}

.tiger-upload .warnbg{background-color:#ff8c00}
.tiger-upload .failedbg{background-color:red}
.tiger-upload .normalbg{background-color:#080}
.tiger-upload .warncolor{color:#ff8c00}
.tiger-upload .failedcolor{color:red}
.tiger-upload .normalcolor{color:#080}

.tiger-upload .btn-file{float:right;width:60px;position:relative}
.tiger-upload .btn-file-del{width:80px;height:30px;background-color:red;transform:rotate(45deg);position:absolute;left:15px;top:-20px;text-align:center;cursor:pointer}
.tiger-upload .btn-file-del i{margin-top:8px;margin-left:18px;color:#fff;transform:rotate(45deg);line-height: initial;}
.tiger-upload .btn-file-del-text{position:absolute;left:50%;top:30%;transform:rotate(-45deg);font-weight:700;color:#fff}