.img__picker{width:100%;height:100%;cursor:pointer;position:relative;float:left;border:1px solid #ccc}.img__picker:after,.img__picker:before{content:" ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#d9d9d9}.img__picker:before{width:2px;height:39.5px}.img__picker:after{width:39.5px;height:2px}.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 .file__picker{width:100%;padding: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 .uploader__files{padding:15px 0}#uploader .queueList{margin:20px;overflow-x:hidden}.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:218px;text-align:center;background:url(image.png) center 93px no-repeat;color:#ccc;font-size:18px;position:relative}#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}#uploader .filelist:after{content:"";display:block;width:0;height:0;overflow:hidden;clear:both}#uploader .filelist li{width:110px;height:110px;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;top:0;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:#1483d8 url(progress.png) repeat-x;-webit-transition:width .2s linear;transition:width .2s linear;animation:progressmove 2s linear infinite;-webkit-transform:translateZ(0)}@keyframes progressmove{0%{background-position:0 0}to{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;transform-origin:50% 50%;-webit-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) no-repeat 100% 100%}#uploader .filelist div.file-panel{position:absolute;height:0;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#80000000",endColorstr="#80000000")\0;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}#uploader .statusBar .btns .uploadBtn,#uploader .statusBar .btns .uploadBtn.state-paused,#uploader .statusBar .btns .uploadBtn.state-uploading,#uploader .statusBar .btns .webuploader-pick{background:#fff;border:1px solid #cfcfcf;color:#565656;padding:0 18px;display:inline-block;border-radius:3px;margin-left:10px;cursor:pointer;font-size:14px;float:left}#uploader .statusBar .btns .uploadBtn.state-paused:hover,#uploader .statusBar .btns .uploadBtn.state-uploading:hover,#uploader .statusBar .btns .uploadBtn:hover,#uploader .statusBar .btns .webuploader-pick-hover{background:#f0f0f0}#uploader .statusBar .btns .uploadBtn{background:#00b7ee;color:#fff;border-color:transparent}#uploader .statusBar .btns .uploadBtn:hover{background:#00a2d4}#uploader .statusBar .btns .uploadBtn.disabled{pointer-events:none;opacity:.6}.m-upload-dialog #uploader{border:1px solid #dadada;color:#838383;font-size:12px;margin-top:10px;background-color:#fff}.m-upload-dialog #uploader .placeholder{min-height:220px;padding-top:150px}.m-upload-dialog .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__file,.webuploader-container{position:relative}.uploader__file{width:90px;height:90px;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:28px;opacity:.9;height:28px;right:0}.uploader__mask .mask__delete,.uploader__mask .mask__reselect{width:100%;height:100%;display:flex;color:red;align-items:center}.uploader__mask .mask__delete a,.uploader__mask .mask__reselect a{color:#fff;height:100%;display:flex;width:100%;align-items:center}.uploader__mask .mask__delete a:hover,.uploader__mask .mask__reselect a:hover{color:green}.uploader__mask .mask__delete a i,.uploader__mask .mask__reselect a i{top:6px;position:absolute;left:7px}.webuploader-element-invisible{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.webuploader-pick-hover{background:#00a2d4}.webuploader-pick-disable{opacity:.6;pointer-events:none}.m-upload-dialog #uploader .placeholder{border:3px dashed #e6e6e6;min-height:350px;text-align:center;background:url(image.png) center 80px no-repeat;color:#ccc;font-size:18px;position:relative}.m-upload-dialog #uploader .webuploader-container{position:relative;height:100%;width:100%}.m-upload-dialog .layui-layer-content{overflow:initial!important}.m-uploader_wrap .wrap__box{padding:10px 5px;border:1px solid #e6e6e6}