.up-wrapper{display:block}.up-wrapper .upload-label{position:relative;display:block;width:150px;height:100px;background-color:#f3f3f3;cursor:pointer;color:#8c939d}.up-wrapper .upload-label .cover-show{display:block;position:relative;width:100%;height:100%}.up-wrapper .upload-label .cover-show .preview-img{display:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:100;background-color:#000;opacity:.8}.up-wrapper .upload-label .cover-show .preview-img .wrap{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.up-wrapper .upload-label .cover-show .preview-img .wrap .preview-icon{margin:0 10px;font-size:18px;color:#fff}.up-wrapper .upload-label .cover-show .img{display:block;width:100%;height:100%}.up-wrapper .upload-label .cover-show .iconfont{color:#fff;position:absolute;top:0;right:0;z-index:200;font-size:12px;line-height:1;padding:2px;background-color:#4cd964;border-radius:50%;-webkit-transform:translate(43%,-43%);transform:translate(43%,-43%);border:.5px solid}.up-wrapper .upload-label .cover-show:hover .preview-img{display:block}.up-wrapper .upload-label .no-img{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.up-wrapper .upload-label .no-img .cover-up-icon{font-size:30px;margin-bottom:8px}.up-wrapper .upload-label .no-img .btn-text{line-height:1}.up-wrapper .upload-label .progress{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;z-index:100;background-color:#fff}