.scaner[data-v-4a6c1de1]{background:#000;position:fixed;top:48px;left:0;width:100%;height:100%;height:-ms-calc(100% - 48px);height:-o-calc(100% - 48px);height:calc(100% - 48px)}.scaner .cover[data-v-4a6c1de1]{height:220px;width:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:.5px solid #999;z-index:1111}.scaner .cover .line[data-v-4a6c1de1]{width:200px;height:1px;margin-left:10px;background:#5f68e8;background:linear-gradient(90deg,transparent,#5f68e8,#0165ff,#5f68e8,transparent);position:absolute;-webkit-animation:scan-data-v-4a6c1de1 1.75s linear infinite;animation:scan-data-v-4a6c1de1 1.75s linear infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;border-radius:1px}.scaner .cover .square[data-v-4a6c1de1]{display:inline-block;height:20px;width:20px;position:absolute}.scaner .cover .square.top[data-v-4a6c1de1]{top:0;border-top:1px solid #5f68e8}.scaner .cover .square.left[data-v-4a6c1de1]{left:0;border-left:1px solid #5f68e8}.scaner .cover .square.bottom[data-v-4a6c1de1]{bottom:0;border-bottom:1px solid #5f68e8}.scaner .cover .square.right[data-v-4a6c1de1]{right:0;border-right:1px solid #5f68e8}.scaner .cover .tips[data-v-4a6c1de1]{position:absolute;bottom:-48px;width:100%;font-size:14px;color:#fff;opacity:.8}@-webkit-keyframes scan-data-v-4a6c1de1{0%{top:0}25%{top:50px}50%{top:100px}75%{top:150px}to{top:200px}}@keyframes scan-data-v-4a6c1de1{0%{top:0}25%{top:50px}50%{top:100px}75%{top:150px}to{top:200px}}#app{overflow:auto}