.container[data-v-b347c836]{position:relative;width:100%;height:100vh;background:url(../img/reader_bg.d72e90cb.png) no-repeat;background-size:100%}.container .top[data-v-b347c836]{width:100%;padding:.48rem .32rem .28rem;box-sizing:border-box;text-align:left}.container .top p[data-v-b347c836]{line-height:.38rem;font-size:.25rem;color:#fff}.container .input-box[data-v-b347c836]{padding:0 .32rem;text-align:left;padding-bottom:2.02rem}.container .input-box .card[data-v-b347c836]{display:flex;padding:.35rem .4rem;box-sizing:border-box;width:100%;height:2.15rem;border-radius:.1rem;overflow:hidden;background:#fff;background:url(../img/reader_card_bg.13deadc7.png) no-repeat;box-shadow:0 8px 25px 0 rgba(22,119,255,.08);background-size:100% 100%}.container .input-box .card .left[data-v-b347c836]{flex:1;display:flex;flex-direction:column;justify-content:space-between;text-align:left;width:.72rem;height:100%}.container .input-box .card .left h2[data-v-b347c836]{font-size:.32rem;color:#333}.container .input-box .card .left .reader-info .name[data-v-b347c836]{color:#666}.container .input-box .card .left .reader-info p[data-v-b347c836]{font-size:.2rem;color:#999;margin-top:.1rem}.container .input-box .card .left .reader-info p span[data-v-b347c836]{padding:0 .16rem}.container .input-box .card .left .reader-info p span[data-v-b347c836]:first-child{position:relative;padding-left:0}.container .input-box .card .left .reader-info p span[data-v-b347c836]:first-child:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:.01rem;height:.18rem;background:#d4d4d4}.container .input-box .card .right[data-v-b347c836]{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:.1rem 0;box-sizing:border-box}.container .input-box .card .right img[data-v-b347c836]{width:.8rem;height:.8rem}.container .input-box .card .right p[data-v-b347c836]{display:flex;align-items:center;font-size:.2rem;color:#1677ff}.container .input-box .card .right p .cloud-icon[data-v-b347c836]{font-size:.18rem;color:#1677ff}.container .input-box .text[data-v-b347c836]{margin-top:.5rem;font-size:.31rem;line-height:.5rem;color:#333}.container .big-qr[data-v-b347c836]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.container .big-qr .qr-box[data-v-b347c836]{width:5.6rem;height:6.85rem;background:#fff;border-radius:.1rem;display:flex;flex-direction:column}.container .big-qr .qr-box .qr-top[data-v-b347c836]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.container .big-qr .qr-box .qr-top h2[data-v-b347c836]{font-size:.36rem;color:#333}.container .big-qr .qr-box .qr-top span[data-v-b347c836]{font-size:.28rem;color:#666}.container .big-qr .qr-box .qr-top .qrcode-img[data-v-b347c836]{width:3.68rem;height:3.68rem;margin:.24rem}.container .big-qr .qr-box .qr-bottom[data-v-b347c836]{width:100%;height:.98rem;border-top:1px solid #e8e8e8;display:flex;justify-content:center;align-items:center}.container .big-qr .qr-box .qr-bottom span[data-v-b347c836]{font-size:.36rem;color:#666}.qrcode-img[data-v-b347c836] img{width:100%}