
.vui-invite-confirm-qrcode .qrcode { position:relative; display:block; width:200px; height:200px; border:1px solid #f0f0f0; background-color:#fff; padding:10px; margin:0 auto;
}
.vui-invite-confirm-qrcode .qrcode .qrcode-image { display:block; width:100%; height:100%; opacity:1;
}
.vui-invite-confirm-qrcode .qrcode .qrcode-image.disabled { opacity:0.08;
}
.vui-invite-confirm-qrcode .qrcode .qrcode-feedback { position:absolute; top:50%; left:50%; width:128px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transform:translate(-50%,-50%);
}
.vui-invite-confirm-qrcode .qrcode .qrcode-feedback .vui-icon { display:block; width:36px; height:36px; margin:0 auto 16px; font-size:36px;
}
.vui-invite-confirm-qrcode .qrcode .qrcode-feedback .vui-icon.vui-icon-checkmark-circle-filled { color:#52c41a;
}
.vui-invite-confirm-qrcode .qrcode .qrcode-feedback .vui-icon.vui-icon-crossmark-circle-filled { color:#ff4d4f;
}
.vui-invite-confirm-qrcode .qrcode .qrcode-feedback h4 { color:#595959; font-size:14px; text-align:center; line-height:22px;
}
.vui-invite-confirm-qrcode .qrcode .qrcode-feedback a { cursor:pointer; display:block; width:100px; height:36px; border:none; border-radius:2px; background-color:#f4533f; margin:16px auto 0; padding:0; outline:none; color:#fff; font-size:14px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; white-space:nowrap; text-align:center; line-height:36px; transition:background-color 0.2s cubic-bezier(0.23,1,0.32,1);
}
.vui-invite-confirm-qrcode .qrcode .qrcode-feedback a:hover { background-color:#f56553;
}
.vui-invite-confirm-qrcode .qrcode .qrcode-feedback a:active { background-color:#db4b39;
}
.vui-invite-confirm-qrcode .qrcode .qrcode-feedback a.disabled { pointer-events:none; cursor:not-allowed; background-color:#f78779;
}
.vui-invite-confirm-qrcode .qrcode .qrcode-feedback a.disabled:hover { background-color:#f78779;
}
.vui-invite-confirm-qrcode .qrcode .qrcode-feedback a.disabled:active { background-color:#f78779;
}
.vui-invite-confirm-qrcode .description { display:flex; justify-content:center; align-items:center; margin-top:32px; margin-bottom:16px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; text-align:center; line-height:20px; color:#333; font-size:14px;
}
.vui-invite-confirm-qrcode .description p { margin:0 8px;
}
.vui-invite-confirm-qrcode .description em { color:#f4533f; font-style:normal; font-weight:400;
}
.vui-invite-confirm-qrcode .tips { width:440px; margin:0 auto; text-align:center; line-height:20px; color:#bfbfbf; font-size:14px;
}

