.web-upload .queueList {margin: 0; max-height: 400px; overflow: auto; padding: 6px;}
.queue-list{padding: 20px ;}
.web-upload .placeholder {position: relative; min-height: 348px; padding-top: 178px; border: 3px dashed #e6e6e6; background: url('../image/webUpload/image.png') center 93px no-repeat; font-size: 18px; text-align: center; color: #cccccc;}
.web-upload .placeholder .file-picker .webuploader-pick {display: inline-block; background: #00b7ee; padding: 0 30px; border-radius: 3px; font-size: 18px; line-height: 44px; color: #fff; cursor: pointer; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.web-upload .element-invisible {display: none; position: absolute !important; clip: rect(1px 1px 1px 1px);}
.web-upload .status-bar {position: absolute; bottom: 0; width: 100%; height: 63px; padding: 0 20px; background: #fff; border-top: 1px solid #dadada; line-height: 63px; vertical-align: middle; z-index: 9999;}
.web-upload .status-bar .info {display: inline-block; font-size: 14px; color: #666;}
.web-upload .status-bar .btn-g {position: absolute; top: 10px; right: 20px; line-height: 40px;}
.web-upload .status-bar .btn-g .file-picker2 {display: inline-block; float: left;}
.web-upload .status-bar .btn-g .file-picker2 .webuploader-pick {display: inline-block; padding: 6px 12px; background: #ffffff; border: 1px solid #C9C9C9; border-radius: 4px; font-size: 14px; line-height: 1.42857143; color: #333; cursor: pointer; vertical-align: middle;}
.web-upload .status-bar .btn-g .btn-start-upload {margin-left: 15px;}
.web-upload .file-list {padding: 5px;}
.web-upload .file-list li {width: 116px; height: 116px; background: url('../image/webUpload/bg.png') no-repeat; text-align: center; position: relative; display: inline; float: left; overflow: hidden; font-size: 12px; margin: 6px;}
.web-upload .file-list li p.log {position: relative; top: -45px;}
.web-upload .file-list li p.title {width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-indent: 5px; text-align: left;}
.web-upload .file-list li p.progress {position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; margin: 0; background: none; border: none; overflow: hidden; z-index: 50; -webkit-box-shadow: none; box-shadow: none;}
.web-upload .file-list li p.progress span {display: none; overflow: hidden; width: 0; height: 100%; background: #1483d8 url('../image/webUpload/progress.png') repeat-x; -webit-transition: width 200ms linear; -moz-transition: width 200ms linear; -o-transition: width 200ms linear; -ms-transition: width 200ms linear; transition: width 200ms 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);}
.web-upload .file-list li p.imgWrap {position: relative; z-index: 2; line-height: 116px; vertical-align: middle; overflow: hidden; width: 116px; height: 116px; -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: 200ms ease-out; -moz-transition: 200ms ease-out; -o-transition: 200ms ease-out; -ms-transition: 200ms ease-out; transition: 200ms ease-out;}
.web-upload .file-list li img {width: 100%;border-radius: 4px;}
.web-upload .file-list li p.error {background: #f43838; color: #fff; position: absolute; bottom: 0; left: 0; height: 28px; line-height: 28px; width: 100%; z-index: 100;}
.web-upload .file-list li .success {display: block; position: absolute; left: 0; bottom: 0; height: 40px; width: 100%; z-index: 200; background: url('../image/webUpload/success.png') no-repeat right bottom;}
.web-upload .file-list div.file-panel {display:none;position: absolute; height: 0; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0; background: rgba(0, 0, 0, 0.5); width: 100%; top: 0; left: 0; overflow: hidden; z-index: 300;}
.web-upload .file-list div.file-panel span {width: 24px; height: 24px; display: inline; float: right; text-indent: -9999px; overflow: hidden; background: url('../image/webUpload/icons.png') no-repeat; margin: 5px 1px 1px; cursor: pointer;}
.web-upload .file-list div.file-panel span.rotateLeft {background-position: 0 -24px;}
.web-upload .file-list div.file-panel span.rotateLeft:hover {background-position: 0 0;}
.web-upload .file-list div.file-panel span.rotateRight {background-position: -24px -24px;}
.web-upload .file-list div.file-panel span.rotateRight:hover {background-position: -24px 0;}
.web-upload .file-list div.file-panel span.cancel {background-position: -48px -24px;}
.web-upload .file-list div.file-panel span.cancel:hover {background-position: -48px 0;}

i.file-preview {display: block; margin: 10px auto; width: 70px; height: 70px; background: url('../image/webUpload/file-icons.png') -140px center no-repeat;}
i.file-preview.file-type-dir {background-position: 0 center;}
i.file-preview.file-type-file {background-position: -140px center;}
i.file-preview.file-type-filelist {background-position: -210px center;}
i.file-preview.file-type-zip,
i.file-preview.file-type-rar,
i.file-preview.file-type-7z,
i.file-preview.file-type-tar,
i.file-preview.file-type-gz,
i.file-preview.file-type-bz2 {background-position: -280px center;}
i.file-preview.file-type-xls,
i.file-preview.file-type-xlsx {background-position: -350px center;}
i.file-preview.file-type-doc,
i.file-preview.file-type-docx {background-position: -420px center;}
i.file-preview.file-type-ppt,
i.file-preview.file-type-pptx {background-position: -490px center;}
i.file-preview.file-type-vsd {background-position: -560px center;}
i.file-preview.file-type-pdf {background-position: -630px center;}
i.file-preview.file-type-txt,
i.file-preview.file-type-md,
i.file-preview.file-type-json,
i.file-preview.file-type-htm,
i.file-preview.file-type-xml,
i.file-preview.file-type-html,
i.file-preview.file-type-js,
i.file-preview.file-type-css,
i.file-preview.file-type-php,
i.file-preview.file-type-jsp,
i.file-preview.file-type-asp {background-position: -700px center;}
i.file-preview.file-type-apk {background-position: -770px center;}
i.file-preview.file-type-exe {background-position: -840px center;}
i.file-preview.file-type-ipa {background-position: -910px center;}
i.file-preview.file-type-mp4,
i.file-preview.file-type-swf,
i.file-preview.file-type-mkv,
i.file-preview.file-type-avi,
i.file-preview.file-type-flv,
i.file-preview.file-type-mov,
i.file-preview.file-type-mpg,
i.file-preview.file-type-mpeg,
i.file-preview.file-type-ogv,
i.file-preview.file-type-webm,
i.file-preview.file-type-rm,
i.file-preview.file-type-rmvb {background-position: -980px center;}
i.file-preview.file-type-ogg,
i.file-preview.file-type-wav,
i.file-preview.file-type-wmv,
i.file-preview.file-type-mid,
i.file-preview.file-type-mp3 {background-position: -1050px center;}
i.file-preview.file-type-jpg,
i.file-preview.file-type-jpeg,
i.file-preview.file-type-gif,
i.file-preview.file-type-bmp,
i.file-preview.file-type-png,
i.file-preview.file-type-psd {background-position: -140px center;}

.layui-table i.file-preview {display: inline-block; margin: 0 auto; width: 20px; height: 20px;}