app.83422007.css

.toptab[data-v-35dcff35]{width:100%;height:45px;background-color:#222;display:flex;flex-wrap:nowrap;text-align:center;line-height:45px;font-weight:100}.toptab .choose-camera[data-v-35dcff35]{flex:18%;border-right:1px solid grey}.toptab .choose-camera .cameraList[data-v-35dcff35]{width:50%;background-color:#222;position:absolute;top:45px;left:0;z-index:999;color:#aaa;font-size:12px}.toptab .choose-camera .cameraList .action-option[data-v-35dcff35]{color:#fe8e14}.toptab .choose-resolution[data-v-35dcff35]{flex:16%;font-size:12px;border-right:1px solid grey;color:#fe8e14}.toptab .choose-resolution .resolutionList[data-v-35dcff35]{width:30%;background-color:#222;position:absolute;top:45px;left:18%;z-index:999;color:#aaa;font-size:12px}.toptab .demo-name[data-v-35dcff35]{flex:49%;font-size:18px;font-weight:700;color:#fff;font-family:Oswald-Regular;background-color:#373737}.toptab .upload-img[data-v-35dcff35]{flex:17%;border-left:1px solid grey}.toptab .upload-img svg[data-v-35dcff35]{vertical-align:middle}.toptab .upload-img .load-method-list[data-v-35dcff35]{width:35%;background-color:#222;position:absolute;top:45px;right:0;z-index:999;color:#aaa;font-size:12px}.action-option[data-v-35dcff35]{color:#fe8e14}@media screen and (min-width:980px){.choose-camera[data-v-35dcff35]{flex:20%!important}.choose-camera .camera-label[data-v-35dcff35]{color:#fff!important;margin:0 5px!important}.choose-resolution[data-v-35dcff35]{flex:50px!important}.demo-name[data-v-35dcff35]{flex:70%!important}.upload-img[data-v-35dcff35]{flex:50px!important}}.iconfont[data-v-84fcf540]{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-dagou[data-v-84fcf540]:before{content:"\e603";font-size:45px}@-webkit-keyframes showWebDetail-data-v-84fcf540{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes showWebDetail-data-v-84fcf540{0%{transform:translateX(100%)}to{transform:translateX(0)}}.web-detail-container[data-v-84fcf540]{width:100%;height:100%;background-color:#141414;overflow:hidden;-webkit-animation:showWebDetail-data-v-84fcf540 .1s linear;animation:showWebDetail-data-v-84fcf540 .1s linear}.web-detail-container .card-container[data-v-84fcf540]{width:850px;height:410px;background-color:#000;margin:56px auto;display:flex;flex-wrap:wrap}.web-detail-container .card-container .card-area[data-v-84fcf540]{flex:50%;height:80%;border-right:1px solid #615f5f;position:relative;text-align:center}.web-detail-container .card-container .card-area .green-card[data-v-84fcf540]{width:424px;height:210px;background-color:#0ea760;position:absolute;top:50%;transform:translateY(-50%);color:#fff;padding:18px 42px 0 42px}.web-detail-container .card-container .card-area .green-card .card-text1[data-v-84fcf540]{font-size:24px;padding-top:18px;margin-bottom:4px}.web-detail-container .card-container .card-area .green-card .card-text2[data-v-84fcf540]{font-size:16px}.web-detail-container .card-container .info-area[data-v-84fcf540]{flex:50%;height:80%;color:#fff}.web-detail-container .card-container .info-area .top[data-v-84fcf540]{width:425px;height:208px;padding:20px 25px 20px 20px}.web-detail-container .card-container .info-area .top .user-name[data-v-84fcf540]{font-size:20px}.web-detail-container .card-container .info-area .top .second-line .version[data-v-84fcf540]{transform:translateX(-48%)}.web-detail-container .card-container .info-area .top .second-line .issued[data-v-84fcf540]{transform:translateX(-72%)}.web-detail-container .card-container .info-area .bottom[data-v-84fcf540]{width:425px;height:120px;background-color:#353333;padding:20px 25px 20px 20px}.web-detail-container .card-container .info-area .bottom .vaccine-type[data-v-84fcf540]{color:#6ac4bb;font-size:16px}.web-detail-container .card-container .footer-info-area[data-v-84fcf540]{flex:100%;height:20%;border-top:1px solid #615f5f;padding:15px 20px 25px 40px;margin:0}.web-detail-container .btns[data-v-84fcf540]{position:absolute;left:50%;transform:translateX(-50%)}.web-detail-container .btns button[data-v-84fcf540]{width:190px;height:42px;background-color:#fe8e14;border:0;color:#fff;font-size:18px}.web-detail-container .btns .show-frame[data-v-84fcf540]{margin-left:10px}.web-detail-container .frame-area[data-v-84fcf540]{width:30%!important;height:80%!important;position:absolute;top:60px;left:80px;width:277px;height:419px;background-color:#000;opacity:.8;padding:14px 13px 13px 13px;font-size:18px;color:#fff}.web-detail-container .frame-area .header-area[data-v-84fcf540]{display:flex;justify-content:space-between;margin-bottom:17px}.web-detail-container .frame-area .frame[data-v-84fcf540]{width:100%;height:100%}.web-detail-container footer[data-v-84fcf540]{width:100%;height:60px;background-color:#222;position:fixed;bottom:0;line-height:60px;text-align:center}.web-detail-container footer svg[data-v-84fcf540]{margin-right:48px;position:relative;top:19%}.web-detail-container footer span[data-v-84fcf540]{color:#fff;font-size:16px}.title[data-v-84fcf540]{font-size:14px;color:#aaa}.content[data-v-84fcf540]{font-size:16px;margin-top:4px;color:#fff}.flex[data-v-84fcf540]{display:flex;justify-content:space-between;margin-top:17px}.main-container{width:100%;height:100%;-webkit-animation:showVideo .1s linear;animation:showVideo .1s linear}@-webkit-keyframes showVideo{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes showVideo{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.dbrScanner-cvs-scanarea{display:none}.video-container{position:absolute;font-size:12px;color:#fff;-webkit-animation:showVideo .1s linear;animation:showVideo .1s linear}.video-container .notVDS-NC{position:absolute;top:38%;left:50%;transform:translateX(-50%);width:220px;height:50px;background-color:#6ac4bb;text-align:center;line-height:50px}.video-container .text-area{display:none;position:relative;top:67%;text-align:center}.video-container .logo-name{display:none;position:relative;top:86%;text-align:center}.text-display-block{display:block!important}@-webkit-keyframes dce-rotate{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}@keyframes dce-rotate{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}.basic-info{height:75%;background-color:#323234;border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;font-size:18px;position:relative}.basic-info .username{padding:26px 20px 0 28px;display:flex;justify-content:space-between}.basic-info .first-line{display:flex;justify-content:space-between;padding:0 20px 18px 28px}.basic-info .first-line .birth,.basic-info .first-line .passport,.basic-info .first-line .sex{color:#aaa;font-size:14px;margin-top:19px;margin-bottom:7px}.basic-info .first-line .birth-day,.basic-info .first-line .passport-number,.basic-info .first-line .sex-data{font-size:16px}.basic-info .second-line{display:flex;justify-content:space-between;padding:23px 20px 23px 28px;margin-top:16px;background-color:#1d1d1d}.basic-info .second-line .vaccine-area .vaccine-name{color:#6ac4bb;font-size:14px;margin-bottom:7px}.basic-info .second-line .vaccine-area .vaccine-number{font-size:14px;color:#aaa}.basic-info .second-line .date-area .vaccination{color:#aaa;font-size:14px;margin-bottom:7px}.basic-info .second-line .date-area .vaccination-data{font-size:14px}.basic-info .uvci-area{display:flex;justify-content:space-between;font-size:14px;color:#aaa;padding:11px 20px 0 28px}.basic-info .view-details{font-size:16px;color:#fe8e14;position:absolute;left:50%;transform:translateX(-50%);bottom:63px}.basic-info .view-details svg{vertical-align:middle;margin-left:5px}.basic-info .frame-area{width:100%;height:100%;position:absolute;top:-50px;left:13px;width:277px;height:419px;background-color:#000;opacity:.8;padding:14px 13px 13px 13px;font-size:18px;color:#fff}.basic-info .frame-area .header-area{display:flex;justify-content:space-between;margin-bottom:17px}.basic-info .frame-area .frame{width:100%;height:100%}.detail-info[data-v-704810b4]{position:absolute;height:90%;bottom:0;left:0;right:0;background-color:#323234;-webkit-animation:showDetail-data-v-704810b4 .1s linear;animation:showDetail-data-v-704810b4 .1s linear}.detail-info .username[data-v-704810b4]{padding:26px 20px 0 28px;color:#fff;font-size:17px}.detail-info .first-line[data-v-704810b4]{padding:0 20px 18px 28px}.detail-info .first-line .birth[data-v-704810b4],.detail-info .first-line .passport[data-v-704810b4],.detail-info .first-line .sex[data-v-704810b4]{margin-top:19px}.detail-info .second-line[data-v-704810b4]{padding:0 20px 0 28px}.detail-info .second-line .version-area[data-v-704810b4]{transform:translateX(-50%)}.detail-info .second-line .issued-area[data-v-704810b4]{transform:translateX(-80%)}.detail-info .third-line[data-v-704810b4]{padding:15px 20px 23px 28px;margin-top:16px;background-color:#1d1d1d}.detail-info .third-line .vaccine-name[data-v-704810b4]{color:#6ac4bb;font-size:16px;font-weight:700;margin-bottom:11px}.detail-info .third-line .vaccine-detail .disease-area .disease[data-v-704810b4],.detail-info .third-line .vaccine-detail .vaccine-area .vaccine[data-v-704810b4]{margin-bottom:7px}.detail-info .fourth-line[data-v-704810b4]{padding:15px 20px 0 25px}.detail-info .fourth-line .vaccination-area[data-v-704810b4]{transform:translateX(-18%)}.detail-info .fifth-line[data-v-704810b4]{padding:15px 20px 0 25px}.detail-info .fifth-line .centre-area[data-v-704810b4]{transform:translateX(-9%)}.detail-info .sixth-line[data-v-704810b4]{padding:15px 20px 0 25px}.detail-info .view-details[data-v-704810b4]{font-size:16px;color:#fe8e14;position:absolute;left:50%;transform:translateX(-50%);bottom:18px}.detail-info .view-details svg[data-v-704810b4]{vertical-align:middle;margin-left:5px}.title[data-v-704810b4]{color:#aaa;font-size:13px;margin-bottom:7px}.content[data-v-704810b4]{font-size:15px;color:#fff}.flex[data-v-704810b4]{display:flex;justify-content:space-between}@-webkit-keyframes showDetail-data-v-704810b4{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes showDetail-data-v-704810b4{0%{transform:translateY(100%)}to{transform:translateY(0)}}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_3124587_be6gqiorlzt.woff2?t=1641606380167) format("woff2"),url(//at.alicdn.com/t/font_3124587_be6gqiorlzt.woff?t=1641606380167) format("woff"),url(//at.alicdn.com/t/font_3124587_be6gqiorlzt.ttf?t=1641606380167) format("truetype")}.iconfont[data-v-561e3764]{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-dagou[data-v-561e3764]:before{content:"\e603";font-size:45px}.detail-container[data-v-561e3764]{width:100%;height:100%;-webkit-animation:showdetail-data-v-561e3764 .1s linear;animation:showdetail-data-v-561e3764 .1s linear;background-color:#1d1d1d}.detail-container header[data-v-561e3764]{position:relative;width:100%;height:45px;background-color:#000;color:#fff;line-height:45px}.detail-container header .scan[data-v-561e3764]{position:absolute;left:4%;font-size:17px;color:#a8a8a8}.detail-container header .scan[data-v-561e3764]:before{content:"<";margin-right:3px}.detail-container header .demo-name[data-v-561e3764]{position:absolute;left:50%;transform:translateX(-50%)}.detail-container .card-container[data-v-561e3764]{position:relative;width:100%;height:25%;background-color:#1d1d1d}.detail-container .card-container .card[data-v-561e3764]{width:85%;height:90%;position:absolute;left:50%;bottom:0;transform:translateX(-50%);background-color:#0ea760;border-top-left-radius:10px;border-top-right-radius:10px;text-align:center;color:#fff;padding:18px 42px 0 42px}.detail-container .card-container .card .card-text1[data-v-561e3764]{font-size:16px;padding-top:18px;margin-bottom:4px}.detail-container .card-container .card .card-text2[data-v-561e3764]{font-size:12px}@-webkit-keyframes showdetail-data-v-561e3764{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes showdetail-data-v-561e3764{0%{transform:translateX(100%)}to{transform:translateX(0)}}.check-failed[data-v-1e2c88de]{width:100%;height:100%;background-color:#1d1d1d}.check-failed header[data-v-1e2c88de]{position:relative;width:100%;height:45px;background-color:#000;color:#fff;line-height:45px}.check-failed header .scan[data-v-1e2c88de]{position:absolute;left:4%;font-size:17px;color:#a8a8a8}.check-failed header .scan[data-v-1e2c88de]:before{content:"<";margin-right:3px}.check-failed header .demo-name[data-v-1e2c88de]{position:absolute;left:50%;transform:translateX(-50%)}.check-failed .warn-area[data-v-1e2c88de]{width:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;font-size:13px}.check-failed .warn-area .warn-text[data-v-1e2c88de]{font-size:24px;margin:20px 0 32px 0}.check-failed .warn-area .content[data-v-1e2c88de]{margin-bottom:20px}*{margin:0;padding:0;box-sizing:border-box}#app,body,html{width:100%;height:100%;overflow:hidden}li{list-style:none}.dce-video{-o-object-fit:cover;object-fit:cover}.dbrScanner-cvs-drawarea{-o-object-fit:fill!important;object-fit:fill!important}canvas{width:100%}