.app-content .qrcode{flex:1 1 auto;background:#096252;color:#fff;padding:40px;text-align:center;font-size:18px;line-height:26px;align-items:center}.app-content .qrcode form{display:flex;flex-flow:column nowrap;align-items:center}.app-content .qrcode h1{font-size:30px;line-height:36px;font-weight:400}.app-content .qrcode p{max-width:800px;padding:50px 0 0;margin:0}.app-content .qrcode p b{font-weight:500}.app-content .qrcode p.comment{font-weight:500}.app-content .qrcode p.note{font-weight:300}.app-content .qrcode ol.steps{padding-top:30px;padding-left:20px;margin-top:0;margin-bottom:0;text-align:left}.app-content .qrcode ol.steps b{font-weight:500}.app-content .qrcode ol.steps li{margin-bottom:5px}.app-content .qrcode ol.steps li:last-child{margin-bottom:0}.app-content .qrcode .actions{padding:50px 0 0}.app-content .qrcode .actions .app-button{background:#0d907c}.app-content .qrcode .actions .app-button:focus,.app-content .qrcode .actions .app-button:hover{background:#0c8774}.app-content .qrcode .actions .app-button:active{background:#0b7968}.app-content .qrcode .status{padding:30px 0 0;display:flex;flex-flow:column nowrap;align-items:center}.app-content .qrcode .status .code{border:solid 2px #0d907c;border-radius:10px;padding:4px}.app-content .qrcode .status .code svg{fill:#000;width:286px;height:286px;border-radius:10px}.app-content .qrcode .status .proggress{border:solid 2px #0d907c;border-radius:10px;padding:4px}.app-content .qrcode .status .proggress i{display:block;display:flex;justify-content:center;align-items:center;width:276px;height:276px;border-radius:10px;background:#fff;position:relative}.app-content .qrcode .status .proggress i:after{content:'';display:block;border-radius:50%;width:30px;height:30px;border:3px solid rgba(255,255,255,.2);border-top-color:#096252;animation:spin .5s infinite steps(100);position:absolute;left:50%;top:50%;margin-left:-15px;margin-top:-15px}.app-content .qrcode .status .complated{border:solid 2px #0d907c;border-radius:10px;padding:4px}.app-content .qrcode .status .complated i{display:block;display:flex;justify-content:center;align-items:center;width:286px;height:286px;border-radius:10px;background:#fff}.app-content .qrcode .status .complated svg{width:60px;height:60px;fill:#096252}@media all and (max-width:1030px){.app-content .qrcode h1{font-size:26px;line-height:32px}}@media all and (max-width:370px){.app-content .qrcode{padding:15px}.app-content .qrcode h1{font-size:24px;line-height:30px}}@media (max-width:1030px) and (orientation:landscape){.app-content .qrcode{display:flex;flex-flow:row nowrap;text-align:left;align-items:center;justify-content:center;padding:15px 25px}.app-content .qrcode form{align-items:flex-start}.app-content .qrcode p{padding:30px 0 0}.app-content .qrcode ol.steps{padding-top:15px;padding-left:0}.app-content .qrcode .status{padding:0 0 0 30px}}