.imgcropper-wrap{*zoom:1;background:#fff;padding:30px 30px 0}.imgcropper-wrap:after,.imgcropper-wrap:before{content:"";display:table}.imgcropper-wrap:after{clear:both;overflow:hidden}.imgcropper-wrap .content-title{padding-left:20px;margin:0;text-align:left;line-height:36px}.img-container{width:525px;float:left}.img-container .img-box{width:525px;height:350px;border:1px solid #ccc;overflow:hidden}.img-container .img-box>img{max-width:100%}.img-container .choose-pic-btn{margin-top:12px}.img-container .choose-pic-btn .btn{padding:3px 0}.docs-preview{float:left;margin-left:20px}.docs-preview .img-preview{border:1px solid #ccc;overflow:hidden;width:255px;height:170px;-webkit-box-sizing:border-box;box-sizing:border-box}.docs-preview .img-preview>img{max-width:100%}.docs-preview .preview-title{display:block;text-align:center;height:auto;font-size:12px}.upload-wrapper{position:relative;display:inline-block;text-align:center;cursor:pointer}.upload-wrapper .upload-input{display:none}.upload-wrapper .preview{width:100%;height:100%}.upload-wrapper .thumbnail{width:100%;height:100%;display:block;border-radius:6px}.upload-wrapper .defaultHint{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fbfdff;border:1px dashed #c0ccda;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-align:center;cursor:pointer}.upload-wrapper .defaultHint:hover{border-color:#20a0ff}.upload-wrapper .defaultHint .icon{display:block;font-size:45px;color:#8c939d}.upload-wrapper:hover .img-actions{opacity:1}.upload-wrapper:hover .img-actions span{display:inline-block}.upload-wrapper .img-actions{position:absolute;right:0;top:0;width:100%;height:100%;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.upload-wrapper .img-actions:after{content:"";width:0;height:100%;display:inline-block;vertical-align:middle}.upload-wrapper .img-actions span{display:none;cursor:pointer}.upload-wrapper .img-actions span+span{margin-left:15px}.upload-wrapper .img-actions .again-upload{font-size:25px}.upload-wrapper .upload-hint{display:block;position:absolute;right:1px;bottom:1px;left:1px;font-size:12px;line-height:1.2;padding:3px 5px;text-align:left;color:#c1c1c1;text-align:center}.upload-wrapper .cropper-wrapper{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(37,34,35,.49);z-index:9999}.upload-wrapper .cropper-wrapper .cropper-content,.upload-wrapper .cropper-wrapper .cropper-propess{background-color:#fff;position:absolute;top:50%;left:50%;height:520px;width:860px;margin-top:-260px;margin-left:-430px}.upload-wrapper .cropper-wrapper .operations{padding-right:30px;text-align:right}.upload-wrapper .cropper-wrapper .operations .el-button{padding:8px 20px}.upload-wrapper .cropper-wrapper .cropper-propess{display:none;background-color:hsla(0,0%,100%,.9);z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.upload-wrapper .error-hint{position:absolute;right:1px;top:1px;left:1px;font-size:12px;line-height:1.8;padding:4px 5px 3px;color:#ff4949;background:rgba(238,241,246,.8)}