.scaner[data-v-1c50ef48]{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 .banner[data-v-1c50ef48]{width:340px;position:absolute;top:16px;left:50%;margin-left:-170px;background:#fa74a2;border-radius:8px;box-sizing:border-box;padding:12px;opacity:.9;box-shadow:1px 1px 10px rgba(0,0,0,.2)}.scaner .banner .text[data-v-1c50ef48]{padding:0;margin:0;color:#fff;font-size:12px;text-align:justify;-moz-text-align-last:left;text-align-last:left}.scaner .cover[data-v-1c50ef48]{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-1c50ef48]{width:200px;height:1px;margin-left:10px;background:#5f68e8;background:linear-gradient(90deg,transparent,#5f68e8,#0165ff,#5f68e8,transparent);position:absolute;animation:scan-1c50ef48 1.75s linear infinite;animation-fill-mode:both;border-radius:1px}.scaner .cover .square[data-v-1c50ef48]{display:inline-block;height:20px;width:20px;position:absolute}.scaner .cover .square.top[data-v-1c50ef48]{top:0;border-top:1px solid #5f68e8}.scaner .cover .square.left[data-v-1c50ef48]{left:0;border-left:1px solid #5f68e8}.scaner .cover .square.bottom[data-v-1c50ef48]{bottom:0;border-bottom:1px solid #5f68e8}.scaner .cover .square.right[data-v-1c50ef48]{right:0;border-right:1px solid #5f68e8}.scaner .cover .tips[data-v-1c50ef48]{position:absolute;bottom:-48px;width:100%;font-size:14px;color:#fff;opacity:.8}@keyframes scan-1c50ef48{0%{top:0}25%{top:50px}50%{top:100px}75%{top:150px}to{top:200px}}