.qrcode-img{text-align:center;width:50%;position:absolute;bottom:22%;left:25%;background:#fff;padding:8px}.img-wrapper1{width:300px;height:586px;background-image:url(../img/qrcode-background-img.8b934d38.png);background-size:300px 586px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;color:#fff;text-align:center}[data-v-21fec954] .ant-badge-status-default{background-color:#666;width:3.5px;height:3.5px}.qrcode-img[data-v-21fec954]{text-align:center;width:164px;max-height:164px;position:absolute;top:16%;left:18%;background:#fff}.qrcode-update-img[data-v-21fec954]{position:absolute;width:134px;max-height:134px;background:#fff;top:11.5%;left:10.5%}.qrcode-text[data-v-21fec954]{position:absolute;top:15.2%;left:57%;font-size:10px}.tips{height:50px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;color:#ff7c10}.qrcode-area{width:550px;margin-left:90px;margin-top:10px;margin-bottom:30px}.qrcode-area .block{margin-top:40px;margin-bottom:20px}.qrcode-area .block:first-child{margin-top:20px}.qrcode-area .qrcode-block{width:110px;height:135px;-webkit-box-shadow:1px 2px 5px 0 #888;box-shadow:1px 2px 5px 0 #888;margin-right:20px;padding-top:10px}.qrcode-area .qrcode-block .qrcode{width:90px;height:90px;margin-left:10px;position:relative}.qrcode-area .qrcode-block .qrcode img{width:100%;height:100%}.qrcode-area .qrcode-block .qrcode .btns{position:absolute;bottom:0;left:0;width:90px;display:none}.qrcode-area .qrcode-block .qrcode .btns .btn{font-size:12px;width:100%}.qrcode-area .qrcode-block .qrcode:hover img{-webkit-filter:blur(10px);-moz-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px)}.qrcode-area .qrcode-block .qrcode:hover .btns{display:block}.qrcode-area .qrcode-block .qrcode-link{width:110px;height:110px;position:relative}.qrcode-area .qrcode-block .qrcode-link canvas{width:100%!important;height:100%!important}.qrcode-area .qrcode-block .qrcode-link .btns{position:absolute;bottom:0;left:0;width:90px;display:none}.qrcode-area .qrcode-block .qrcode-link .btns .btn{font-size:12px;width:100%;margin-left:10px;margin-bottom:10px}.qrcode-area .qrcode-block .qrcode-link .btns .btn:first-child{margin-bottom:10px}.qrcode-area .qrcode-block .qrcode-link:hover canvas{-webkit-filter:blur(10px);-moz-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px)}.qrcode-area .qrcode-block .qrcode-link:hover .btns{display:block}.qrcode-area .qrcode-block .title{font-size:12px;width:100%;height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:10px}.qrcode-area .vertical-line{width:5px;height:20px;background:#ff7c10}