.webuploader-container { position: relative; display: inline-block; height: 36px; float: left; margin-right: 6px; border: 1px solid #e1e1e1; border-radius: 2px; }
.webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick { position: relative; display: inline-block; cursor: pointer; background: #fff; height: 36px; line-height: 36px; padding: 0px 10px; color: #fff; text-align: center; overflow: hidden; color: #333; font-size: 14px; border-radius: 2px; }
.percent { width: 160px; height: 6px; border-radius: 20px; background-color: #e2e2e2; position: absolute; top: 17px; left: 8px; }
.percent span { display: block; width: 0%; height: 100%; border-radius: 20px; background-color: #1E9FFF; }
.singUploader a, .muchUploader a { color: #333; text-decoration: none; }
.layui-form-danger .webuploader-container { border-color: #FF5722 !important; }

/*单个文件上传*/
.singUploader { position: relative; height: 36px; font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; }
.singUploader .fileInfo { line-height: 36px; }
.singUploader .fileInfo img { margin-top: 0px; width: 50px; height: 36px; }
.singUploader .fileInfo .close { display: inline-block; width: 10px; height: 10px; background: url('close.gif') no-repeat 0px 0px; position: absolute; top: 17px; margin-left: 6px; }

/*多个文件上传*/
/*图片*/
.muchUploader { position: relative; font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; }
.muchUploader .images, .muchUploader .files { clear: both; }
.muchUploader .images ul, .muchUploader .files ul { margin: 0px; padding: 0px; }
.muchUploader .images ul li { list-style: none; float: left; text-align: center; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; }
.muchUploader .images ul li:last-child { margin-right: 0; }
.muchUploader .images img { width: 60px; height: 60px; }
.muchUploader .images ul li div a { margin: 0px 2px; font-size: 12px; }
/*文件*/
.muchUploader .files ul li { list-style: none; padding: 5px 0px; }
.muchUploader .files ul li .title { font-size: 14px; }
.muchUploader .files ul li span { margin-left: 10px; }
.muchUploader .files ul li span a { margin: 0px 2px; color: #72ACE3; font-size: 12px; }

/*多个图片上传（限制数量）*/
.uploadImgs li { float: left; width: 100px; height: 100px; margin-right: 10px; margin-bottom: 10px; border-radius: 8px; overflow: hidden; background: #eee; position: relative; }
.uploadImgs li:hover { background: #e6e6e6; }
.uploadImgs li .webuploader-pick { background: none; padding: 0; line-height: 100px; color: #888; }
.uploadImgs li:hover .webuploader-pick { color: #333; }
.uploadImgs li .webuploader-container, .uploadImgs li .webuploader-container div { width: 100%; height: 100%; border: 0; }
.uploadImgs li .thumb { position: absolute; width: 100px; height: 100px; top: 0; left: 0; z-index: 10; }
.uploadImgs li .thumb img { width: 100%; height: 100%; }
.uploadImgs li .thumb a { display: none; width: 100%; height: 100%; line-height: 100px; background: rgba(0,0,0,.5); color: #fff; position: absolute; top: 0; left: 0; z-index: 20; text-align: center; }
.uploadImgs li .thumb:hover a { display: block; }