*{box-sizing:border-box}html{margin:0;padding:0;width:100%;height:100%;font-size:16px}body{margin:0 auto;padding:0;width:100%;max-width:640px;font-family:"Arial","Helvetica",sans-serif;background-color:#eee}body button{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}body button:disabled{cursor:not-allowed}body img.background{display:block;max-width:100%;margin-left:auto;margin-right:auto}body>header{display:block;top:0;left:0;width:100%}body>header .title{display:block;padding:8px;font-size:.875rem;background-color:#fff;color:#287e2f}body>header .banner{position:relative;margin:0}body>header .banner .qrcode{position:absolute;top:10px;right:5px;color:#fff;font-size:.75rem;text-align:center}body>header .banner .qrcode img{display:block;margin-left:auto;margin-right:auto;width:4rem;margin-bottom:5px}body>.neck{margin-bottom:16px}body>.legging{text-align:center;font-size:.875rem;color:#aaa;line-height:1.5rem;margin-top:12px;padding-bottom:4rem}body>footer{position:fixed;bottom:0;left:0;width:100%;z-index:10;margin:0;padding:12px 0;background-color:#fff;border-top:solid 1px #eee;box-shadow:0 -4px 11px 0 rgba(0,0,0,.5);display:flex;align-items:center;justify-content:space-around}body>footer>a{text-decoration:none;text-align:center;display:inline-block;color:inherit;flex:1 1 30%}