.uploader-wrapper{font-size:0}.img-box{position:relative;display:inline-block;width:32.33333333vw;height:32.33333333vw;margin:.5vw;border:1px solid #4c4c4c}.img-box em{display:inline-block;width:100%;height:100%;overflow:hidden}.process,.upload-fail-text{position:absolute;top:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.process-num{position:absolute;display:block;width:100%;height:20px;line-height:20px;top:0;left:0;font-size:12px;color:#f2cc0c;text-align:center}.number-wrapper{position:absolute;width:100%;height:20px;bottom:10px;left:0;text-align:center}.number-wrapper a{display:inline-block;width:25px;height:20px;line-height:20px;color:#fff;text-align:center;font-size:14px;background:#000;opacity:.7;border:none}.number-wrapper a:active{background:#f2cc0c}.plus{border-top-right-radius:10px;border-bottom-right-radius:10px}.mines{border-top-left-radius:10px;border-bottom-left-radius:10px}.number-wrapper input{display:inline-block;width:40px;height:20px;padding:0;color:#fff;text-align:center;font-size:12px;background:#000;opacity:.4;border:none;vertical-align:bottom;border-radius:0}.delete{position:absolute;top:3px;right:3px;width:30px;height:30px;border-radius:50%;background:url(../../img/uploader/delete.png) no-repeat;background-size:cover;z-index:1;opacity:.75}.filePicker{position:relative;display:inline-block;width:32.33333333vw;height:32.33333333vw;margin:.5vw;background:url(../../img/uploader/add.png) no-repeat;background-size:cover;vertical-align:bottom}.filePicker input{position:absolute;width:100%;height:100%;filter:opacity(0)}.upload-fail{text-align:center;color:#f20c1f;font-size:12px}.upload-fail-text span{position:absolute;display:block;width:90%;top:50%;left:5%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.upload-fail-text em{position:absolute;display:block;width:20px;height:17px;bottom:3px;right:3px;background:url(../../img/uploader/wraning.png) no-repeat;background-size:contain}.totle-process{position:fixed;bottom:0;left:0;width:100%;height:20px;background:url(../../img/uploader/process.png) repeat-x}.totle-process-on{display:block;width:0;height:20px;background:url(../../img/uploader/process-on.png) repeat-x}.totle-process-num{position:fixed;left:50%;bottom:25px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#4c4c4c;font-size:16px}.image-viewer{background:#000;z-index:10}.image-viewer p{position:fixed;bottom:5px;right:5px;padding:5px;font-size:14px;color:#fff}.image-viewer img{position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.resize-viewer-img{height:100%;width:auto!important}.upload-number{position:fixed;right:2vw;bottom:2vw;color:grey}.image-tip{position:absolute;left:2vw;bottom:8vw;color:grey}.wifi-tip{position:absolute;left:2vw;bottom:2vw;color:grey}.no-img-bg{position:absolute;width:80%;left:20%;top:35%}.webuploader-container{position:relative}.webuploader-element-invisible{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.webuploader-pick{position:relative;display:inline-block;cursor:pointer;color:#fff;text-align:center;border-radius:3px;overflow:hidden;filter:opacity(0);width:100%;height:100%}