.code-reader-content .page[data-v-303701ba]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%}.code-reader-content .page #video[data-v-303701ba]{height:100%;width:100%;-o-object-fit:fill;object-fit:fill}.code-reader-content .scan-box[data-v-303701ba]{position:absolute;left:50%;top:50%;transform:translate(-50%,-90%);height:15%;width:90%}.code-reader-content .scan-box .frame[data-v-303701ba]{position:absolute;width:15px;height:15px;border:3px solid transparent}.code-reader-content .scan-box .upper-left[data-v-303701ba]{top:0;left:0;border-left-color:#4285f4;border-top-color:#4285f4}.code-reader-content .scan-box .upper-right[data-v-303701ba]{top:0;right:0;border-right-color:#4285f4;border-top-color:#4285f4}.code-reader-content .scan-box .lower-right[data-v-303701ba]{bottom:0;right:0;border-bottom-color:#4285f4;border-right-color:#4285f4}.code-reader-content .scan-box .lower-left[data-v-303701ba]{bottom:0;left:0;border-left-color:#4285f4;border-bottom-color:#4285f4}.code-reader-content .scan-box .pointer-box[data-v-303701ba]{position:absolute;top:0;left:0;width:98%;height:100%;overflow:hidden}.code-reader-content .scan-box .pointer-box .pointer[data-v-303701ba]{height:3px;background-image:linear-gradient(90deg,transparent 0,#4285f4 50%,transparent);transform:translateY(-3px);animation:move-303701ba 2s linear infinite}@keyframes move-303701ba{0%{transform:translateY(-3px)}to{transform:translateY(calc(20vh - 3px))}}.code-reader-content .scan-box .tip[data-v-303701ba]{position:absolute;left:50%;top:120%;transform:translate(-50%);white-space:nowrap;color:#55d11c;font-size:16px}.code-reader-content .scan-box .btn-switch[data-v-303701ba]{position:absolute;left:50%;top:140%;width:20px;height:20px;transform:translate(-50%);background-color:green}