@xysfe/actui/es/OcrLayer/style.css

A fantastic mobile ui lib implement by Vue

.slide-enter[data-v-05bf76a1],.slide-leave-to[data-v-05bf76a1]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.slide-enter-active[data-v-05bf76a1],.slide-leave-active[data-v-05bf76a1]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.ocr-layer[data-v-05bf76a1]{position:fixed;top:0;bottom:0;left:0;right:0;background:#fff;overflow-y:auto;z-index:120}.ocr-layer .header-text[data-v-05bf76a1]{padding:15px 14px;font-size:14px;color:#646464;line-height:1.4;text-align:left}.ocr-layer .tips[data-v-05bf76a1]{display:-webkit-box;display:-webkit-flex;display:flex;padding:17.55px 14px 11.7px;text-align:left}.ocr-layer .tips .sign[data-v-05bf76a1]{position:relative;background:transparent;border:1px solid #f59a23;border-radius:50%;height:17.55px;width:17.55px;margin-top:2.34px}.ocr-layer .tips .sign[data-v-05bf76a1]:before{position:absolute;content:"!";-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);left:50%;top:55%;color:#f59a23;font-size:11.7px}.ocr-layer .tips .title[data-v-05bf76a1]{margin-left:5.85px;font-size:15.21px}.ocr-layer .tips .title>span[data-v-05bf76a1]:nth-child(2){color:#f59a23}.ocr-layer .pic-box[data-v-05bf76a1]{padding:10px 14px 70px}.ocr-layer .pic-box .item[data-v-05bf76a1]{margin-bottom:20px;width:100%;background:#b4b4b4;height:175.5px}.ocr-layer .pic-box .item .file-info[data-v-05bf76a1]{margin-top:37.44px}.ocr-layer .pic-box .item .file-box[data-v-05bf76a1]{position:relative;width:100%;text-align:center;overflow:hidden}.ocr-layer .pic-box .item .file-box .file-icon[data-v-05bf76a1]{width:67.86px;height:67.86px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB0CAYAAABUmhYnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzQwQzIwRjMyNTczMTFFNzkxNjVCQzc1MUUxQzYyRTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzQwQzIwRjQyNTczMTFFNzkxNjVCQzc1MUUxQzYyRTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NDBDMjBGMTI1NzMxMUU3OTE2NUJDNzUxRTFDNjJFMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NDBDMjBGMjI1NzMxMUU3OTE2NUJDNzUxRTFDNjJFMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkaSWQsAAAFWSURBVHja7NtLCsIwFEDRVgtuyu11ILgr66L8EYO0EDq2LX05FwKdSXI0Tl7blNKtaZpzowgNbQZNziFOXfHcOo5d9/thHpxDrIACFVABFVABBSqgAiqgAgpUQAVUQAUUqIAKqIAKKFABFVABFVCge6/P6zGuPvpmy7fPor6s9M7rOD4/8zoF3WeqBXT+umToffoP9R8qoAIqoAIKVEAFVEAFFKiACqiACihQARVQARVQoAKq6kCnifa08Jq39OdtOqG/5aB1OdEerS0m9A1au3L/22X8Jkfrlde1xit31auo3HPkfbpyXbkCKqACKqBABVRABVRAgQqogAqogAIVUAEVUAEFKqACulCf4vkJdP9NE/qbTrSvVQ2T87Vkct6VK6ACKqACClRABVRABRSogAqogAooUAEVUAEVUKACKqACKqBAtbe64jk5jhi/0MExhOn+FWAAAL1p6aUyIpsAAAAASUVORK5CYII=) no-repeat;background-size:67.86px;margin:0 auto}.ocr-layer .pic-box .item .file-box .file-txt[data-v-05bf76a1]{font-size:16.38px;color:#fff;margin-top:9.36px;line-height:1.5;letter-spacing:.5px}.ocr-layer .pic-box .item .item-img[data-v-05bf76a1]{width:100%;height:175.5px}.ocr-layer .pic-box .item .item-img img[data-v-05bf76a1]{width:100%;height:100%}.ocr-layer .footer-btn[data-v-05bf76a1]{position:fixed;bottom:0;height:49px;text-align:center;font-size:17px;width:100%;line-height:49px;color:#fff}