body{font-family:PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-weight:400}.qrcode-panel{background-size:cover;background-color:#1672fa;height:100%}.panel{font-size:14px;overflow:hidden}.main,.panel{text-align:center}.main{margin-top:16vh}.qrcode-main{display:inline-block;width:460px;height:460px;text-align:center;font-size:16px;background:#fff;border-radius:4px}.qrcode-title{margin:28px 0;color:#000}.qrcode-wrapper{position:relative;min-height:240px;font-size:0;z-index:2}#loading-icon{position:absolute;top:0;left:50%;transform:translate(-50%);width:240px;height:240px;border:1px solid #e2e2e2;z-index:1}.qrcode-img{position:relative;padding:20px;width:200px;height:200px;border:1px solid #e2e2e2;z-index:2}.refresh-wrapper{font-size:16px;z-index:2}.refresh-mask,.refresh-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.refresh-mask{background:hsla(0,0%,100%,.9)}.refresh-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.expire-tip{margin:20px 0 30px;font-size:14px}.refresh-btn{border:1px solid #aaa;color:#222;background:#f5f5f5;cursor:pointer;outline:none;font-size:12px;border-radius:2px;margin:0;padding:0 12px;line-height:24px;text-align:center}.scan-feedback{position:relative;display:inline-block;width:280px;min-height:40px;margin-top:20px;text-align:center;z-index:2}.status-desc{display:inline-block;width:200px;margin-left:12px;font-size:14px;text-align:left;color:#333}.status-title{font-size:18px;margin-bottom:4px}