body,html,p,h{margin:0;padding:0;max-width:100%;font-size:20px}ul,li{list-style:none;line-height:1rem}.clearfix::after{content:'';clear:both;display:block;height:0;line-height:0;visibility:hidden}body{position:relative}.hide{display:none}.show{display:block}.container{width:60rem;margin:0 auto}@-webkit-keyframes up{0%{top:60%}100%{top:50%}}@keyframes up{0%{top:60%}100%{top:50%}}body{background-image:url("https://fs.yqfw.cdyoue.com/li-UIA4T9ebfkKogUtFW-Y_SOyd3");background-size:cover;background-repeat:no-repeat;position:relative}.qrcodeHeader{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:12.5rem;position:absolute;top:25%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.qrcodeHeader .welcome{font-size:24px;color:#fff;line-height:1;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;margin-bottom:1.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.qrcodeHeader .company-text{width:12.5rem}.qrcodeHeader .company-text img{margin:0 auto;width:220px}.qrcodeBox{-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.5);box-shadow:0 2px 4px rgba(0,0,0,0.5)}.qrcodeBox,.qrcode-mask{width:12.5rem;height:12.5rem;line-height:12.5rem;position:absolute;top:55%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#fff;text-align:center;padding:1.25rem}.qrcodeBox{-webkit-animation:up .5s;animation:up .5s}.qrcode{width:10rem;height:10rem}.qrcode-mask{display:none;width:12.5rem;height:12.5rem;background-color:rgba(255,255,255,0.7);line-height:10rem;text-align:center}.qrcode-mask .reload-text{font-size:14px}.toggle{position:absolute;left:0;top:80%;margin-top:-20px;color:#fff !important;text-align:center;width:100%}