#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}#app nav{padding:30px;font-size:24px}#app nav a{padding:10px;font-weight:700;color:#2c3e50}#app nav a.router-link-exact-active{color:#42b983}.qrcode .form{margin:30px auto;width:86%}.qrcode .form input{padding:0 10px;width:80%;border:1px solid #767676;border-radius:6px 0 0 6px}.qrcode .form button,.qrcode .form input{box-sizing:border-box;height:50px;font-size:18px}.qrcode .form button{position:relative;width:20%;vertical-align:top;color:#fff;background:#42b983;border:1px solid #767676;border-radius:0 6px 6px 0;border-left:none;overflow:hidden;cursor:pointer}.qrcode .form button input{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}.qrcode .code{margin:auto;padding:8px;width:360px;height:360px;border-radius:6px;border:1px solid gray}