.image-box{position:relative;display:flex;justify-content:center;align-items:center;border:1px dashed #d9d9d9;border-radius:6px;box-sizing:border-box;cursor:pointer}.image-box>i{color:#888;font-size:24px}.image-box>img{margin:auto;max-width:100%;max-height:100%}.image-box .el-progress{position:absolute;top:0;left:0;margin:10px}.cropper-wrap{position:relative}.cropper-wrap .canvas-box{width:100%;height:35vh}.cropper-wrap .canvas-box .img-box{display:flex;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box;border:1px solid #e4e7ed;border-radius:4px}.cropper-wrap .canvas-box .img-box>img{margin:auto;max-width:100%;max-height:100%}.cropper-wrap .btns-box .list-box{display:flex;justify-content:space-between;margin:10px -5px 0}.cropper-wrap .btns-box .list-box>div{margin:0 5px}.cropper-wrap .btns-box .list-box>div:first-child{flex-shrink:0}.cropper-wrap .btns-box .list-box>div:last-child{flex-grow:1}