captain-ui
Version:
有赞vue wap业务组件库
1 lines • 2.73 kB
CSS
.cap-cert-recognition__wrapper{padding:18px 16px 32px}.cap-cert-recognition__record-content{padding-top:20px}.cap-cert-recognition__record-scan{width:45.8666%;height:0;margin:0 auto;padding-bottom:40.53323%;background:url(//b.yzcdn.cn/h5/payment-account/scan.png) 0/100% no-repeat}.cap-cert-recognition__record-tips{margin:32px 0;font-size:12px;line-height:16px;text-align:center;color:#969799}.cap-cert-recognition__recorder-wrapper{height:100%}.cap-cert-recognition__recorder-wrapper video{width:100%;height:100%}.cap-cert-recognition__recorder-mask{position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;top:0;left:0;right:0;bottom:0;overflow:hidden}.cap-cert-recognition__recorder-mask:after,.cap-cert-recognition__recorder-mask:before{content:"";position:absolute;left:0;right:0;height:calc(50% - 173px);background:rgba(0,0,0,.7)}.cap-cert-recognition__recorder-mask:before{top:0}.cap-cert-recognition__recorder-mask:after{bottom:0}.cap-cert-recognition__recorder-face{position:relative;width:306px;height:346px;background:url(//b.yzcdn.cn/h5/payment-account/face-mask.png) 0/100% no-repeat}.cap-cert-recognition__recorder-face:after,.cap-cert-recognition__recorder-face:before{content:"";position:absolute;top:0;bottom:0;width:100%;background:rgba(0,0,0,.7)}.cap-cert-recognition__recorder-face:before{right:-100%}.cap-cert-recognition__recorder-face:after{left:-100%}.cap-cert-recognition__recorder-instruction{position:absolute;top:calc(50% - 173px - 34px - 44px);font-size:24px;line-height:34px;text-align:center;color:#fff}.cap-cert-recognition__tips-wrapper{border-top:1px solid #ebedf0}.cap-cert-recognition__tips-header{margin-top:20px}.cap-cert-recognition__tips-header h4{line-height:22px;font-size:16px;color:#323233;font-weight:400;text-align:center}.cap-cert-recognition__tips-header p{text-align:center;font-size:14px;line-height:18px;margin-top:16px;color:#969799}.cap-cert-recognition__tips-header p span:not(:last-child){margin-right:8px}.cap-cert-recognition__tips-body{text-align:center;margin:16px 0;min-height:64px}.cap-cert-recognition__tips-body span{width:48px;display:inline-block;height:64px;background:#f7f8fa;border-radius:4px;font-size:40px;line-height:64px}.cap-cert-recognition__tips-body span:not(:last-child){margin-right:24px}.cap-cert-recognition__tips-footer{font-size:12px;text-align:center;color:#faab0c;line-height:12px}.ios-capture-dialog__content{text-align:center;padding:24px 0}.ios-capture-dialog__icon{width:81px;height:52px}.ios-capture-dialog__action{margin:5px}.ios-capture-dialog__info{font-size:14px;color:#969799}