.webuploader-container{position: relative}
.webuploader-element-invisible{position: absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px)}
.webuploader-pick-hover{color: #fff}
.webuploader-pick-disable{opacity: .6;pointer-events: none}
.webuploader-pick{position: relative; display: inline-block; cursor: pointer; padding: 10px 15px; color: #fff; text-align: center; border-radius: 3px; overflow: hidden; height: 100%;}
.webuploader-pick-disable{opacity: 0.6; pointer-events: none;}
.uploader .queueList{margin: 10px}
.element-invisible{position: absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px)}
.uploader .placeholder{border: 3px dashed #e6e6e6;min-height: 230px;padding-top: 150px;text-align: center;background: url(./image.png) center 80px no-repeat;color: #ccc;font-size: 18px;position: relative}
.uploader .placeholder .webuploader-pick{font-size: 18px;background: #00b7ee;border-radius: 3px;line-height: 44px;padding: 0 30px;color: #fff;display: inline-block;margin: 35px auto;cursor: pointer;box-shadow: 0 1px 1px rgba(0, 0, 0, .1)}
.uploader .placeholder .webuploader-pick-hover{background: #00a2d4}
.uploader .placeholder .flashTip{color: #666;font-size: 12px;position: absolute;width: 100%;text-align: center;bottom: 20px}
.uploader .placeholder .flashTip a{color: #0785d1;text-decoration: none}
.uploader .placeholder .flashTip a:hover{text-decoration: underline}
.uploader .placeholder.webuploader-dnd-over{border-color: #999}
.uploader .placeholder.webuploader-dnd-over.webuploader-dnd-denied{border-color: red}
.uploader .filelist{list-style: none;margin: 0;padding: 0;max-height: 350px;overflow-y: auto}
.uploader .filelist:after{content: '';display: block;width: 0;height: 0;overflow: hidden;clear: both}
.uploader .filelist li{width: 98px;height: 98px;background: url(./bg.png) no-repeat;text-align: center;margin: 0 8px 20px 0;position: relative;display: inline;float: left;overflow: hidden;font-size: 12px}
.uploader .filelist li p.log{position: relative;top: -45px}
.uploader .filelist li p.title{position: absolute;left: 0;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;top: 5px;text-indent: 5px;text-align: left}
.uploader .filelist li p.progress{position: absolute;width: 100%;bottom: 0;left: 0;height: 8px;overflow: hidden;z-index: 50}
.uploader .filelist li p.progress span{display: none;overflow: hidden;width: 0;height: 100%;background: url(./progress.png) repeat-x #1483d8;-webit-transition: width .2s linear;-moz-transition: width .2s linear;-o-transition: width .2s linear;-ms-transition: width .2s linear;transition: width .2s linear;-webkit-animation: progressmove 2s linear infinite;-moz-animation: progressmove 2s linear infinite;-o-animation: progressmove 2s linear infinite;-ms-animation: progressmove 2s linear infinite;animation: progressmove 2s linear infinite;-webkit-transform: translateZ(0)}
@-webkit-keyframes progressmove{0%{background-position: 0 0}
    100%{background-position: 17px 0}}
@-moz-keyframes progressmove{0%{background-position: 0 0}
    100%{background-position: 17px 0}}
@keyframes progressmove{0%{background-position: 0 0}
    100%{background-position: 17px 0}}
.uploader .filelist li p.imgWrap{position: relative;z-index: 2;line-height: 110px;vertical-align: middle;overflow: hidden;width: 110px;height: 110px;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webit-transition: .2s ease-out;-moz-transition: .2s ease-out;-o-transition: .2s ease-out;-ms-transition: .2s ease-out;transition: .2s ease-out}
.uploader .filelist li img{width: 100%}
.uploader .filelist li p.error{background: #f43838;color: #fff;position: absolute;bottom: 0;left: 0;height: 28px;line-height: 28px;width: 100%;z-index: 100}
.uploader .filelist li .success{display: block;position: absolute;left: 0;bottom: 0;height: 40px;width: 100%;z-index: 200;background: url(./success.png) right bottom no-repeat}
.uploader .filelist div.file-panel{position: absolute;height: 0;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000')\9;background: rgba(0, 0, 0, .5);width: 100%;top: 0;left: 0;overflow: hidden;z-index: 300}
.uploader .filelist div.file-panel span{width: 24px;height: 24px;display: inline;float: right;text-indent: -9999px;overflow: hidden;background: url(./icons.png) no-repeat;margin: 5px 1px 1px;cursor: pointer}
.uploader .filelist div.file-panel span.rotateLeft{background-position: 0 -24px}
.uploader .filelist div.file-panel span.rotateLeft:hover{background-position: 0 0}
.uploader .filelist div.file-panel span.rotateRight{background-position: -24px -24px}
.uploader .filelist div.file-panel span.rotateRight:hover{background-position: -24px 0}
.uploader .filelist div.file-panel span.cancel{background-position: -48px -24px}
.uploader .filelist div.file-panel span.cancel:hover{background-position: -48px 0}
.uploader .statusBar{height: 63px;border-top: 1px solid #dadada;padding: 0 20px;line-height: 63px;vertical-align: middle;position: relative}
.uploader .statusBar .progress{border: 1px solid #1483d8;width: 198px;background: #fff;height: 18px;display: inline-block;text-align: center;line-height: 20px;color: #6dbfff;position: relative;margin-right: 10px}
.uploader .statusBar .progress span.percentage{width: 0;height: 100%;left: 0;top: 0;background: #1483d8;position: absolute}
.uploader .statusBar .progress span.text{position: relative;z-index: 10}
.uploader .statusBar .info{display: inline-block;font-size: 14px;color: #666}
.uploader .statusBar .btns{position: absolute;top: 10px;right: 20px;line-height: 40px}
#filePicker2,
#wechat-filePicker2{display: inline-block;float: left}
#filePicker2 .webuploader-pick,
#wechat-filePicker2 .webuploader-pick{font-size: 70px;width: 100%}
.uploader .statusBar .btns .uploadBtn,
.uploader .statusBar .btns .uploadBtn.state-paused,
.uploader .statusBar .btns .uploadBtn.state-uploading,
.uploader .statusBar .btns .webuploader-pick{color: #fff;display: inline-block;border-radius: 3px;margin-left: 10px;cursor: pointer;font-size: 14px;float: left}
.uploader .statusBar .btns .uploadBtn{color: #fff;border-color: transparent}
.uploader .statusBar .btns .uploadBtn:hover{background: #00a2d4}
.uploader .statusBar .btns .uploadBtn.disabled{pointer-events: none;opacity: .6}
.app .placeholder{min-height: 0;padding-top: 0}
.app .placeholder .webuploader-pick{margin: 15px auto}

.m-uploader.file .thumb{width: 32px; height: 32px; margin: 8px 3px;}
.m-uploader.file .uploader__file{width: 200px; height: 50px;}
.m-uploader.file .fileinfo{position: absolute; left: 45px; top: 4px; width: 126px;}
.m-uploader.file .fileinfo .name{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m-uploader.file .fileinfo .size{font-size: 10px; color: #ccc;}
.m-uploader.file p{margin: 0;}
.m-uploader.file .j_delete{position: absolute; right: 13px; top: 4px; color: red;}
.m-uploader.file .img__picker{width: 60px; height: 60px; padding: 0;}
.m-uploader.file .webuploader-pick{padding: 6px 10px; border: 1px solid #ccc; margin-top: 5px; color: #333;width: 100%}
.m-uploader.file .webuploader-container{position: inherit;}
.m-uploader .img__picker{width: 90px; height: 90px; cursor: pointer; position: relative; float: left; border: 1px solid #ccc;}
.m-uploader .img__picker:before,
.m-uploader .img__picker:after{content: " "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: #D9D9D9;}
.m-uploader .img__picker:before{width: 2px; height: 39.5px;}
.m-uploader .img__picker:after{width: 39.5px; height: 2px;}
.webuploader-container{position: relative;}
.webuploader-element-invisible{position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px);}

.uploader__file{width: 90px; height: 90px; position: relative; float: left; display: block; margin-right: 9px; margin-bottom: 5px; background-size: 100% 100%; border: 1px solid #ccc;}
.uploader__mask{position: absolute; background: #2f2d2d; width: 32px; opacity: .9; height: 32px;}
.uploader__mask .mask__reselect,
.uploader__mask .mask__delete{width: 100%; height: 100%; display: flex; color: red; align-items: center;}
.uploader__mask .mask__reselect a,
.uploader__mask .mask__delete a{color: #fff; height: 100%; display: flex; width: 100%; align-items: center;}
.uploader__mask .mask__reselect a:hover,
.uploader__mask .mask__delete a:hover{color: green;}
.uploader__mask .mask__reselect a i,
.uploader__mask .mask__delete a i{top: 0; position: absolute; left: 50%; margin-left: -6px; margin-top: 31%;}
.uploader__mask .mask__reselect{float: left;}
.uploader__mask .mask__delete{float: right;}

#modal-webuploader .modal-body{
    min-height: auto;
    padding: 0 10px;
}

.history .img-list { margin: 4px; display: block; clear: both; list-style: outside none none; padding:0px;}
.history .img-list .img-item { float: left; padding: 1px; cursor: pointer; position: relative;}
.history .img-list .img-item .img-container { position: relative; width:75px; height:75px; text-align:center; background-color:#eee; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%;}
.history .img-list .img-item .img-container:hover .img-meta{display:none; }
.history .img-list .img-item .img-container .img-meta { width:100%; position: absolute; bottom: 0; z-index:1; background:rgba(0,0,0,0.5); color:#eee;}
.history .img-list .img-item .img-container .select-status {display:inline-block; width:50px; height:50px; position: absolute; bottom:0; right:0; z-index:2;}
.history .img-list .img-item-selected .img-container .select-status {display:inline-block; width:50px; height:50px; position: absolute; bottom:0; right:0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAMkaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDM0MDYyRjMxMjAzMTFFMzg5NkNCRTNENUYxOEJBMUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDM0MDYyRjQxMjAzMTFFMzg5NkNCRTNENUYxOEJBMUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMzQwNjJGMTEyMDMxMUUzODk2Q0JFM0Q1RjE4QkExQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMzQwNjJGMjEyMDMxMUUzODk2Q0JFM0Q1RjE4QkExQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrUBFsoAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAq1BMVEVMaXGKy/2Hyfzy+f8Xl/qs2v0gm/oQlPoQlPr///8yo/scmfqJyv3K5/4mnvo9qPtzwPxFrPv5/P+Y0f1TsvsTlfrO6f7L6P4dmvpQsfv4/P8RlPoqoPtBqvvx+f+Z0f1huPz3+/+84f7d8P4YmPpiufxYtPw1pft2wvxxwPz9/v8Ulvpbtvw8qPs5pvs0pPv8/v+t2v2r2f3k8/7s9//p9f/o9f/b7/6W0P3gJ23WAAAACHRSTlMA////////fzhy1xIAAADPSURBVDjLjdLHDgIxDARQyu4yZgu99957/f8vQwgtgsSIySU5PCUZ24kEtzKsA+vAOrAOrAPrwDqwDqwD68A6sA6sA+vAOrAOrAPrwDr8d14+9wMa95UkqUPDlYvpggoNV69JSv2jmSMlVU+Dput0mw0tdez87GsfD6WnlSd2lWQ6cJ6HuYzaCny/2+oPxI2A3XU5UQr++b/pScItjnJY2fA7xyaU231/mdktNPNGrogs7F7bc+AEZ9exoDYv/jprTY/mtDEjHFgH1oF1YB0eNnwd8/+fBqAAAAAASUVORK5CYII=') no-repeat right bottom; z-index:2;}
.history .img-list .img-item-selected .img-container .img-meta {display:none;}
.history .img-list .img-item .btnClose{text-align:right; position:absolute; top:-10px; right:-5px; display:none; z-index:10;}
.history .img-list .img-item:hover .btnClose{display:block;}
.history .img-list .img-item .btnClose a{display:inline-block; width:20px; height:20px; text-align:center; line-height:20px; color:#fff; background:rgba(0,0,0,.3); border-radius:50%;}
.history .img-list .img-item .btnClose a i.fa-times{font-size:14px; padding:3px;margin-top: 0;}
.history .img-list .img-item .btnClose a:hover{background:rgba(0,0,0,1);}
.pagination { margin:0;}