.img{margin-right:0;margin-left:0;position:relative;width:auto}.img-con{margin-right:0;margin-left:0;position:relative;overflow:hidden}.img-view-con{margin-right:0;margin-left:0;position:relative}.br{content:"";width:100%}.img-input{border:0;height:100%}.img-input .v-input__prepend{display:none}.img-input .v-field--variant-outlined{border:1px dashed #cdd0d6;overflow:hidden;width:100%!important;height:100%!important;--v-field-padding-start: 0 !important;--v-field-padding-end: 0 !important;--v-field-padding-bottom: 0 !important;--v-field-padding-top: 0 !important;padding-inline-end:0px}.img-input .v-field--variant-outlined:hover{border-color:#2972f8}.img-input .v-input__control{cursor:pointer;grid-area:1 / 1 / -1 / -1}.img-input .v-field__outline{--v-field-border-width: 0 !important}.img-input .v-field__outline:hover{border:1px dashed #2972f8!important}.is-dragover .v-field--variant-outlined{background-color:#ecf5ff;border:2px dashed #409eff}.img-input .v-field__input{height:100%;width:100%}.img-input input[type=file]{cursor:pointer}.img-input input[type=file]::placeholder{color:transparent}.img-input .v-field__append-inner{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;grid-area:auto}.img-input .is-dragover{padding:39px 9px;background-color:#ecf5ff;border:2px dashed #409eff}.img-con .v-input--disabled{cursor:not-allowed}.upload-empty{display:flex;flex-direction:column;align-items:center;font-size:12px;line-height:30px;color:#909399}.img-input_outer,.camera_outer{position:relative;overflow:hidden;background-size:100%;height:100%;width:100%}.camera_outer video,.camera_outer canvas,.camera_outer .tx_img{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);height:100%;width:100%;border:1px dashed #cdd0d6;border-radius:4px}.open_btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.close_btn{position:absolute;transform:translate(-50%,-50%);z-index:1;top:22px;left:60px}.photo_btn{position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);z-index:1}.btn_camera{position:absolute;bottom:4px;left:0;right:0;height:50px;background-color:#0000004d;line-height:50px;text-align:center;color:#fff}.bg_r_img,.img_bg_camera{position:absolute;bottom:0;left:0;right:0;top:0}.img_bg_camera img{width:100%;height:100%}.img_btn_camera{position:absolute;bottom:0;left:0;right:0;height:50px;line-height:50px;text-align:center;background-color:#0000004d;color:#fff}.loding_img{width:50px;height:50px}.hover-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:100%;height:100%}.hover-opt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:100%;height:100%;background-color:#00000080;border-radius:4px}.upload-handle{position:absolute;top:0;right:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:100%;opacity:1}.handle-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 6%;color:#f0f8ff!important}.upload-handle .v-btn__loader .v-progress-circular{color:rgb(var(--v-theme-on-primary))!important}.img-view{width:100%;height:100%;overflow:auto;border-width:1px}.view-box{display:inline-block;width:140px;height:140px;cursor:pointer;object-fit:cover}.view-one-box{display:inline-block;width:100%;height:100%;cursor:pointer;object-fit:cover}.PhotoConsumer{margin-right:6px}.img-one-view .PhotoConsumer{width:100%;margin-right:0}