.cropper-container {direction: ltr;font-size: 0;line-height: 0;position: relative;-ms-touch-action: none;touch-action: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.cropper-container img {display: block;height: 100%;image-orientation: 0deg;max-height: none !important;max-width: none !important;min-height: 0 !important;min-width: 0 !important;width: 100%;}
.cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal {bottom: 0;left: 0;position: absolute;right: 0;top: 0;}
.cropper-wrap-box, .cropper-canvas {overflow: hidden;}
.cropper-drag-box {background-color: #fff;opacity: 0;}
.cropper-modal {background-color: #000;opacity: .5;}
.cropper-view-box {display: block;height: 100%;outline-color: rgba(51, 153, 255, 0.75);outline: 1px solid #39f;overflow: hidden;width: 100%;}
.cropper-dashed {border: 0 dashed #eee;display: block;opacity: .5;position: absolute;}
 .cropper-dashed.dashed-h {border-bottom-width: 1px;border-top-width: 1px;height: 33.33333%;left: 0;top: 33.33333%;width: 100%;}
.cropper-dashed.dashed-v {border-left-width: 1px;border-right-width: 1px;height: 100%;left: 33.33333%;top: 0;width: 33.33333%;}
.cropper-center {display: block;height: 0;left: 50%;opacity: .75;position: absolute;top: 50%;width: 0;}
.cropper-center:before, .cropper-center:after {background-color: #eee;content: ' ';display: block;position: absolute;}
.cropper-center:before {height: 1px;left: -3px;top: 0;width: 7px;}
.cropper-center:after {height: 7px;left: 0;top: -3px;width: 1px;}
.cropper-face, .cropper-line, .cropper-point {display: block;height: 100%;opacity: .1;position: absolute;width: 100%;}
.cropper-face {background-color: #fff;left: 0;top: 0;}
.cropper-line {background-color: #39f;}
.cropper-line.line-e {cursor: e-resize;right: -3px;top: 0;width: 5px;}
.cropper-line.line-n {cursor: n-resize;height: 5px;left: 0;top: -3px;}
.cropper-line.line-w {cursor: w-resize;left: -3px;top: 0;width: 5px;}
.cropper-line.line-s {bottom: -3px;cursor: s-resize;height: 5px;left: 0;}
.cropper-point {background-color: #39f;height: 5px;opacity: .75;width: 5px;}
.cropper-point.point-e {cursor: e-resize;margin-top: -3px;right: -3px;top: 50%;}
.cropper-point.point-n {cursor: n-resize;left: 50%;margin-left: -3px;top: -3px;}
.cropper-point.point-w {cursor: w-resize;left: -3px;margin-top: -3px;top: 50%;}
.cropper-point.point-s {bottom: -3px;cursor: s-resize;left: 50%;margin-left: -3px;}
.cropper-point.point-ne {cursor: ne-resize;right: -3px;top: -3px;}
.cropper-point.point-nw {cursor: nw-resize;left: -3px;top: -3px;}
.cropper-point.point-sw {bottom: -3px;cursor: sw-resize;left: -3px;}
.cropper-point.point-se {bottom: -3px;cursor: se-resize;height: 20px;opacity: 1;right: -3px;width: 20px;}
@media (min-width: 768px) {  .cropper-point.point-se {height: 15px;width: 15px;}  }
@media (min-width: 992px) {  .cropper-point.point-se {height: 10px;width: 10px;}  }
@media (min-width: 1200px) {  .cropper-point.point-se {height: 5px;opacity: .75;width: 5px;}  }
.croper-point.point-se:before {background-color: #39f;bottom: -50%;content: ' ';display: block;height: 200%;opacity: 0;position: absolute;right: -50%;width: 200%;}
.cropper-invisible {opacity: 0;}
.cropper-bg {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');}
.cropper-hide {display: block;height: 0;position: absolute;width: 0;}
.cropper-hidden {display: none !important;}
.cropper-move {cursor: move;}
.cropper-crop {cursor: crosshair;}
.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {cursor: not-allowed;}
#vinocrdiv .viewer-toolbar>ul>li {background-color: rgba(0, 0, 0, .5);border-radius: 50%;cursor: pointer;float: left;height: 34px;width: 34px !important;margin-left: 26px;overflow: hidden;-webkit-transition: background-color .15s;transition: background-color .15s;width: 24px;}
#vinocrdiv .viewer-close:before, .viewer-flip-horizontal:before, .viewer-flip-vertical:before, .viewer-fullscreen-exit:before, .viewer-fullscreen:before, .viewer-next:before, .viewer-one-to-one:before, .viewer-play:before, .viewer-prev:before, .viewer-reset:before, .viewer-rotate-left:before, .viewer-rotate-right:before, .viewer-zoom-in:before, .viewer-zoom-out:before {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABGKADAAQAAAABAAAAFAAAAADIly5NAAADAklEQVR4Ae2av2sUQRzFc/EHAYkGbcRAKotgSCcRtE9poWBhE9KrBMFOOMF/wFYkpYWVpLYRFf8EDWgniIiKIeCP+GP9vGT2WGRv9+6y582YN/AyezNv3ve7b2dmb/cyNuZiB+yAHbADdsAO2AE7YAfsgB2wA3bADgzTgSzLDjap37Rek7lZyw7YgSE4wKKfAO/BIXAU3AbPwQb4DV6DW+DwIOE1LoyXjvSkK33FUTzFVfyJQfQ9JhIHuIBPhUjScRqROMCcmAIql8AH8ARcBvPgNFgB2hzegPl+0hY/jNN46UhPbdJXHMVTXJWpfrTNjcyBnWuYZZGl5XRG7IAWdpgbP6nbZenQPgkeAG0UPX3TEC/wNW6yi26bPsVV8QZTZlIEbeMR5OAU0ndgk1OYZqHfBWeKp9NqtdS3BH6Bm8W+imPxxF8K4ztU6SsODdNA2iq++e34EN3f/dFl5ISScYDF/5nFrs3gSCHp74Xj7UN43wLvDg29bDLL8FY07m8tPkt/I7Tf0zG8/HNodhW1A0wGvXOpKz2/k0GoUb2ozXNypQ4wB2bChKp8nIGTP3bNlAq5MSkHdvOI1Gr4TJvWazg9y+3SgXeM16PM8Rod9YsnvstecCDcefycuxcudp/nyNyYBbU3KjgLYAtU/n+M+gNvoS4VeONgto7n/tE5UDsxRpeaIyfiwH3yvNFDrhfhvOR9yVYVN/Svw7lQxQt9iqv4Lik7wF1iu6R8Ds59OA4wMRbBVzDXLQJ954B+Ur7SjVNsFy/wzxbbi8f0zwHFXSy2+zhBB7iIekn7LMHUnfI/cIC5sQo2wTLYl4fkWI8w14D61kCnL+eU1eIFvsZdBZ1v2qFPcdS3WjbebXbADvxHDmgDAG3wBWjhPwKPwcfw+Tp1T5tLbov4QOOkJx3pSVefFacNOhtPPs51XA74l5u4rkfS2bDgj3EC58EpcAC8Ag95r/KWeqCC5gkG6n3MSfADvABraH6idrEDdsAO2AE7YAfsgB2wA3bADtgBO5CKA38Aom15BgkAQP4AAAAASUVORK5CYII=);background-repeat: no-repeat;color: transparent;display: block;font-size: 0;height: 30px;line-height: 0;width: 30px;}
#vinocrdiv .viewer-rotate-left:before {background-position: -135px 6px;content: "Rotate Left";}
#vinocrdiv .viewer-rotate-right:before {background-position: -156px 6px;content: "Rotate Right";}
#vinocrdiv .viewer-toolbar>ul {display: inline-block;margin: 0 20%;overflow: hidden;padding: 3px 0;}
#vinocrdiv .viewer-toolbar>ul>li:before {margin: 2px;}
#vinocrdiv .viewer-zoom-in:before {background-position: 5px 4px;content: "Zoom In";}
#vinocrdiv .viewer-close:before, .viewer-flip-horizontal:before, .viewer-flip-vertical:before, .viewer-fullscreen-exit:before, .viewer-fullscreen:before, .viewer-next:before, .viewer-one-to-one:before, .viewer-play:before, .viewer-prev:before, .viewer-reset:before, .viewer-rotate-left:before, .viewer-rotate-right:before, .viewer-zoom-in:before, .viewer-zoom-out:before {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABGKADAAQAAAABAAAAFAAAAADIly5NAAADAklEQVR4Ae2av2sUQRzFc/EHAYkGbcRAKotgSCcRtE9poWBhE9KrBMFOOMF/wFYkpYWVpLYRFf8EDWgniIiKIeCP+GP9vGT2WGRv9+6y582YN/AyezNv3ve7b2dmb/cyNuZiB+yAHbADdsAO2AE7YAfsgB2wA3bADgzTgSzLDjap37Rek7lZyw7YgSE4wKKfAO/BIXAU3AbPwQb4DV6DW+DwIOE1LoyXjvSkK33FUTzFVfyJQfQ9JhIHuIBPhUjScRqROMCcmAIql8AH8ARcBvPgNFgB2hzegPl+0hY/jNN46UhPbdJXHMVTXJWpfrTNjcyBnWuYZZGl5XRG7IAWdpgbP6nbZenQPgkeAG0UPX3TEC/wNW6yi26bPsVV8QZTZlIEbeMR5OAU0ndgk1OYZqHfBWeKp9NqtdS3BH6Bm8W+imPxxF8K4ztU6SsODdNA2iq++e34EN3f/dFl5ISScYDF/5nFrs3gSCHp74Xj7UN43wLvDg29bDLL8FY07m8tPkt/I7Tf0zG8/HNodhW1A0wGvXOpKz2/k0GoUb2ozXNypQ4wB2bChKp8nIGTP3bNlAq5MSkHdvOI1Gr4TJvWazg9y+3SgXeM16PM8Rod9YsnvstecCDcefycuxcudp/nyNyYBbU3KjgLYAtU/n+M+gNvoS4VeONgto7n/tE5UDsxRpeaIyfiwH3yvNFDrhfhvOR9yVYVN/Svw7lQxQt9iqv4Lik7wF1iu6R8Ds59OA4wMRbBVzDXLQJ954B+Ur7SjVNsFy/wzxbbi8f0zwHFXSy2+zhBB7iIekn7LMHUnfI/cIC5sQo2wTLYl4fkWI8w14D61kCnL+eU1eIFvsZdBZ1v2qFPcdS3WjbebXbADvxHDmgDAG3wBWjhPwKPwcfw+Tp1T5tLbov4QOOkJx3pSVefFacNOhtPPs51XA74l5u4rkfS2bDgj3EC58EpcAC8Ag95r/KWeqCC5gkG6n3MSfADvABraH6idrEDdsAO2AE7YAfsgB2wA3bADtgBO5CKA38Aom15BgkAQP4AAAAASUVORK5CYII=);background-repeat: no-repeat;color: transparent;display: block;font-size: 0;height: 30px;line-height: 0;width: 30px;}
#vinocrdiv .viewer-close:before, .viewer-flip-horizontal:before, .viewer-flip-vertical:before, .viewer-fullscreen-exit:before, .viewer-fullscreen:before, .viewer-next:before, .viewer-one-to-one:before, .viewer-play:before, .viewer-prev:before, .viewer-reset:before, .viewer-rotate-left:before, .viewer-rotate-right:before, .viewer-zoom-in:before, .viewer-zoom-out:before {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABGKADAAQAAAABAAAAFAAAAADIly5NAAADAklEQVR4Ae2av2sUQRzFc/EHAYkGbcRAKotgSCcRtE9poWBhE9KrBMFOOMF/wFYkpYWVpLYRFf8EDWgniIiKIeCP+GP9vGT2WGRv9+6y582YN/AyezNv3ve7b2dmb/cyNuZiB+yAHbADdsAO2AE7YAfsgB2wA3bADgzTgSzLDjap37Rek7lZyw7YgSE4wKKfAO/BIXAU3AbPwQb4DV6DW+DwIOE1LoyXjvSkK33FUTzFVfyJQfQ9JhIHuIBPhUjScRqROMCcmAIql8AH8ARcBvPgNFgB2hzegPl+0hY/jNN46UhPbdJXHMVTXJWpfrTNjcyBnWuYZZGl5XRG7IAWdpgbP6nbZenQPgkeAG0UPX3TEC/wNW6yi26bPsVV8QZTZlIEbeMR5OAU0ndgk1OYZqHfBWeKp9NqtdS3BH6Bm8W+imPxxF8K4ztU6SsODdNA2iq++e34EN3f/dFl5ISScYDF/5nFrs3gSCHp74Xj7UN43wLvDg29bDLL8FY07m8tPkt/I7Tf0zG8/HNodhW1A0wGvXOpKz2/k0GoUb2ozXNypQ4wB2bChKp8nIGTP3bNlAq5MSkHdvOI1Gr4TJvWazg9y+3SgXeM16PM8Rod9YsnvstecCDcefycuxcudp/nyNyYBbU3KjgLYAtU/n+M+gNvoS4VeONgto7n/tE5UDsxRpeaIyfiwH3yvNFDrhfhvOR9yVYVN/Svw7lQxQt9iqv4Lik7wF1iu6R8Ds59OA4wMRbBVzDXLQJ954B+Ur7SjVNsFy/wzxbbi8f0zwHFXSy2+zhBB7iIekn7LMHUnfI/cIC5sQo2wTLYl4fkWI8w14D61kCnL+eU1eIFvsZdBZ1v2qFPcdS3WjbebXbADvxHDmgDAG3wBWjhPwKPwcfw+Tp1T5tLbov4QOOkJx3pSVefFacNOhtPPs51XA74l5u4rkfS2bDgj3EC58EpcAC8Ag95r/KWeqCC5gkG6n3MSfADvABraH6idrEDdsAO2AE7YAfsgB2wA3bADtgBO5CKA38Aom15BgkAQP4AAAAASUVORK5CYII=);background-repeat: no-repeat;color: transparent;display: block;font-size: 0;height: 30px;line-height: 0;width: 30px;}
#vinocrdiv .viewer-zoom-out:before {background-position: -15px 6px;content: "Zoom Out";}
#vinocrdiv {position: fixed;top: 30%;left: 70%;z-index: 1001;background: #fff;display: none;width: 560px;height: 800px;margin: -250px 0 0 -562px;padding: 20px;border: 1px solid #e2e2e2;}
#webuploaddiv p{text-align: left !important;font-size:11px;line-height: 26px;}
#vinocrdiv .layui-layer-page .layui-layer-content {position: relative;overflow-y: auto;overflow-x:hidden;}  .btn100{width: 100%;}   
#uploader .placeholder  {font-size: 12px;letter-spacing:3px;line-height: 25px;color: rgb(255, 255, 255);display: inline-block;cursor: pointer;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;background: #e94740;border-radius: 3px;padding: 0px 30px;margin: 2px auto;}  #vin-ocr{max-width: 620px;position: absolute;right: 0px ;}  .mui-bar-nav{max-width: 620px;position: relative;}  .vin-ocr-result .recut-txt {font-size: 14px;display: inline-block;margin: 5px 5px 0 0;color: #333;}  .reocr-btns {padding: 8px 20px; background: #eee;}  .vin-ocr-result>h4 {color: #e94740;;text-align: center;margin-top: 10px;margin-bottom: 10px;font-size: 18px;}  .vinTxt .char {width: 5.88%;padding: 15px 2px;text-align: center;font-size: 16px;float: left;border-radius: 0;margin-bottom: 10px;}  .mui-bar-nav ~ .mui-content {padding-top: 0px;max-height: 90%;}   .viewer-toolbar {width:100% !important;margin-top: -50px !important;position: relative;z-index: 9999;}  .cropper-bg{min-width: 100%;max-width: 100%;max-height: 550px;}
#vinocrdiv .layui-form .layui-input-block {margin-left: 50px;}
#vinocrdiv .layui-form .layui-form-label {width: 40px;}
#vinocrdiv .layui-form-label {float: left;display: block;padding: 9px 15px;width: 35px;font-weight: 400;line-height: 20px;text-align: right;}
#vinocrdiv .layui-form-label, .layui-form-mid, .layui-form-select, .layui-input-block, .layui-input-inline, .layui-textarea {position: relative;}
#vinocrdiv .layui-form-item {margin-bottom: 15px;clear: both;*zoom: 1;}
#vinocrdiv .vin-ocr-result{margin-top: 10px;}
#vinocrdiv .layui-btn-sm {height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px;background-color: #e94740;}
#vinocrdiv .layui-btn {display: inline-block;height: 38px;line-height: 38px;padding: 0 18px;background-color: #e94740;color: #fff;white-space: nowrap;text-align: center;font-size: 14px;border: none;border-radius: 2px;cursor: pointer;}
#vinocrdiv .layui-input, .layui-select, .layui-textarea {height: 38px;line-height: 1.3;line-height: 38px\9;border-width: 1px;border-left:0px;height:40px;border-style: solid;background-color: #fff;border-radius: 2px;}
.vin-ocr-box {border: 2px dashed #e94740;border-top:none;height: 35px;margin-bottom:8px;display:none;}
.webuploader-container {/* position: relative;float: left;margin-left: 8px;margin-top: 3px; */position: absolute;right: 2px;}
.file-text{float: left;margin-top: 5px;color: #666;font-size: 12px;font-weight: normal;word-break: break-word;text-align: center;margin-left: 20px;}
#rt_rt_1en9scoau6bd1bjo1jnellfveb1 label{margin-left: 5px;}
input[type="file" i] {appearance: initial;background-color: initial;cursor: default;align-items: baseline;color: inherit;text-overflow: ellipsis;white-space: pre;text-align: start !important;padding: initial;border: initial;overflow: hidden;}
.vinTxt .char:first-child {border-left: 1px solid rgba(0,0,0,.5) !important;}
.webuploader-element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
.webuploader-pick {font-size: 12px;letter-spacing: 3px;line-height: 25px;color: #7d7d7d;display: inline-block;cursor: pointer;background: #ffffff;padding: 2px 8px 2px 30px;margin: 4px auto;}
.closesub {zoom: 1;position: absolute;top: -1px;right: -1px;cursor: pointer;width: 19px;height: 19px;border: 1px solid #e94740;border-right: none;border-top: none;background: #fff url(../../../img/cha.png) no-repeat;}
#levelmask {position: fixed;top: 0;left:0;width: 100%;height: 100%;z-index: 1000;background: #000;filter: alpha(opacity=50);opacity: 0.5;}