.uploader,.uploader li{margin:0;padding:0;list-style-type:none;font-size:12px;color:#333;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.uploader{border:1px solid #d7d7d7;padding:15px 5px 5px 15px;zoom:1;position:relative;}
.uploader:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.uploader .item{width:150px;height:120px;float:left;margin:0 10px 10px 0;background:#f8f8f8;position:relative;border-radius:4px;background-size:contain;background-position:center center;background-repeat:no-repeat;border:1px solid #d7d7d7;overflow:hidden}
.uploader .item .filename{width:90%;left:5%;position:absolute;top:70%;line-height:1.3em;height:2.6em;overflow:hidden;text-align:center}
.uploader .item.error{border-color:#f20}
.uploader .item.error::after{content:"";background:rgba(255,255,255,.8);position:absolute;width:100%;height:100%;z-index:1;display:block;line-height:100%;text-align:center}
.uploader .item.error::before{content:attr(data-error);position:absolute;padding:10px;z-index:2;display:block;color:#f20;top:0}
.uploader .item svg.icon{position:absolute;height:40%;top:20%;left:0;width:100%}
.uploader .item svg.progress{position:absolute;bottom:0;width:100%;height:50%}
.uploader .item .progressnum{width:40px;height:40px;border-radius:40px;text-align:center;line-height:40px;color:#fff;position:absolute;left:50%;margin-left:-20px;top:50%;margin-top:-20px;background:rgba(17,89,164,0.5);}
.uploader .item.add{cursor:pointer;}
.uploader .item.add svg{top:30%;}
.uploader .item.success::after{position:absolute;background:rgba(0,0,0,.6);content:"";left:0;right:0;top:0;bottom:0;opacity:0;transition:all .3s;}
.uploader .item.success:hover::after{opacity:1;cursor:move;}
.uploader .item.success .delete svg,.uploader .item.success .look svg{position:absolute;height:30px;top:50%;margin-top:-15px;left:50%;color:#fff;z-index:2;transition:all .3s;cursor:pointer}
.uploader .item.success .delete svg{margin-left:-35px;height:26px;margin-top:-14px;left:-30px;}
.uploader .item.success .look svg{margin-left:10px;left:105%;}
.uploader .item.success:hover .delete svg{margin-left:-35px;left:50%;height:26px;margin-top:-14px;transition:all .3s;}
.uploader .item.success:hover .look svg{margin-left:10px;left:50%;transition:all .3s;}
.uploader .item.success:hover .del svg{left:65%;}
.uploader .item.delete{opacity:.2;transition:all .3s;}
.uploader input[type='file']{display:none;}
.uploader.multiple.empty{height:160px;}
.uploader.multiple.empty .add{width:100%;position:absolute;top:50%;margin-top:-30px;height:36px;background:0;border:0;left:0;overflow:inherit;}
.uploader.multiple.empty .add::after{content:"点击上传文件";width:180px;position:absolute;height:36px;background:#0089FF;left:50%;margin-left:-90px;display:block;z-index:1;visibility:visible;text-align:center;color:#fff;line-height:36px;border:0 none;border-radius:6px;}
.uploader.multiple.empty .add:hover::after{background-color:#0e90d2;}
.uploader.multiple.empty .add svg{display:none}
.uploader.multiple.empty .add::before{content:"或将文件拖到此处，最多可以上传 "attr(data-num) " 个 " attr(data-exte) " 格式文件";width:100%;text-align:center;position:absolute;bottom:-30px;margin-top:14px;left:0;color:#999;white-space:nowrap}
.uploader.one{width:150px;height:150px;padding:0}
.uploader.one li{height:100%;width:100%;margin:0;padding:0}
.uploader.one li.add svg{opacity:0;transition:all .3s;margin-top:-30px}
.uploader.one li.add:hover svg{opacity:1;transition:all .3s}
.uploader.one.empty li.add svg{opacity:1;transition:all .3s}
.uploader.one .item{border:0 none;border-radius:0}
.uploader.one .add{position:absolute;top:30px;right:0;left:0;background:0;}
.uploader.one .item.success svg.delete,.uploader.one .item.success svg.look{top:0;margin-top:5px}
.uploader.one .item.success svg.look{margin-top:3px}
.uploader.dragenter{border:2px dashed #0089FF;/*box-shadow:0 1px 5px rgba(0,0,0,.5);*/width:675px;display:table;}
.uploader.dragenter::after{content:"";background:rgba(255,255,255,.9);z-index:3;position:absolute;left:0;top:0;height:100%;width:100%;vertical-align:middle;display:table-cell;visibility:visible;}
.uploader.dragenter::before{content:"将文件拖到这里上传";position:absolute;width:100%;top:50%;z-index:4;width:100%;text-align:center;margin-top:-12px;color:#999;}