.invite-set-nickname[data-v-4efc9cf6]{position:relative;width:100%;max-width:500px;margin:0 auto;min-height:100vh;box-sizing:border-box;padding-bottom:40px;background-color:#fff;font-family:PingFangSC-Regular,sans-serif;color:#1c1c1e}.invite-set-nickname .top-bg[data-v-4efc9cf6]{position:absolute;top:0;left:0;right:0;z-index:0;background-repeat:no-repeat;background-position:top;background-size:100% 100%;pointer-events:none}.invite-set-nickname .status-bar-placeholder[data-v-4efc9cf6]{position:relative;z-index:1;width:100%}.invite-set-nickname .nav-bar-placeholder[data-v-4efc9cf6]{position:relative;z-index:2;width:100%;height:44px;pointer-events:none}.invite-set-nickname .logo-wrap[data-v-4efc9cf6]{position:relative;z-index:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:40px;margin-bottom:76px}.invite-set-nickname .logo-wrap .logo-drawmarket[data-v-4efc9cf6]{width:150px;height:21px;display:block}.invite-set-nickname .cont-inner[data-v-4efc9cf6]{position:relative;z-index:2;width:100%;box-sizing:border-box;padding:0 20px}.invite-set-nickname .cont-inner .main-content[data-v-4efc9cf6]{position:relative;width:100%}.invite-set-nickname .cont-inner .title[data-v-4efc9cf6]{font-size:24px;font-weight:700;color:#1c1c1e;line-height:31.7px;margin:0 0 8px;font-family:PingFangSC-Semibold,sans-serif}.invite-set-nickname .cont-inner .subtitle[data-v-4efc9cf6]{font-size:16px;font-weight:400;color:#1c1c1e;line-height:21.1px;margin:0 0 40px}.invite-set-nickname .cont-inner .form-item[data-v-4efc9cf6]{margin-bottom:40px}.invite-set-nickname .cont-inner .form-item .label[data-v-4efc9cf6]{font-size:16px;font-weight:700;color:#1c1c1e;line-height:21.1px;margin-bottom:8px}.invite-set-nickname .cont-inner .form-item .input-box[data-v-4efc9cf6]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:48px;background:#fff;border-radius:4px;padding:0 12px;border:1px solid #1c1c1e;-webkit-transition:border-color .2s;transition:border-color .2s}.invite-set-nickname .cont-inner .form-item .input-box[data-v-4efc9cf6]:focus-within{border-color:#0ec0d3}.invite-set-nickname .cont-inner .form-item .input-box.has-error[data-v-4efc9cf6]{border-color:#f14b4b}.invite-set-nickname .cont-inner .form-item .input-box.has-success[data-v-4efc9cf6]{border-color:#0dc0d3}.invite-set-nickname .cont-inner .form-item .input-box input[data-v-4efc9cf6]{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:100%;border:none;background:transparent;font-size:18px;line-height:21.6px;color:#1c1c1e;outline:none;font-family:Figtree,PingFangSC-Regular,sans-serif}.invite-set-nickname .cont-inner .form-item .input-box input[data-v-4efc9cf6]::-webkit-input-placeholder{color:#c8c8c8}.invite-set-nickname .cont-inner .form-item .input-box input[data-v-4efc9cf6]:-ms-input-placeholder{color:#c8c8c8}.invite-set-nickname .cont-inner .form-item .input-box input[data-v-4efc9cf6]::placeholder{color:#c8c8c8}.invite-set-nickname .cont-inner .form-item .input-box .icon_refresh_18[data-v-4efc9cf6]{width:18px;height:18px;margin-left:12px;background:url(../../src/img/icon_refresh_12.285c4810.svg) no-repeat 50%;background-size:contain;cursor:pointer;-webkit-flex-shrink:0;flex-shrink:0}.invite-set-nickname .cont-inner .form-item .input-box .icon_refresh_18[data-v-4efc9cf6]:hover{opacity:.8}.invite-set-nickname .cont-inner .form-item .input-box .icon_refresh_18[data-v-4efc9cf6]:active{opacity:.6}.invite-set-nickname .cont-inner .form-item .tip-msg[data-v-4efc9cf6]{font-size:16px;line-height:21.1px;margin-top:8px;min-height:21px}.invite-set-nickname .cont-inner .form-item .tip-msg.error[data-v-4efc9cf6]{color:#f14b4b}.invite-set-nickname .cont-inner .form-item .tip-msg.success[data-v-4efc9cf6]{color:#0dc0d3}.invite-set-nickname .cont-inner .btn-group[data-v-4efc9cf6]{width:100%}.invite-set-nickname .cont-inner .btn-group .btn-confirm[data-v-4efc9cf6]{width:100%;height:48px;line-height:48px;background:#0ec0d3;border-radius:4px;font-size:18px;font-weight:400;color:#fff;text-align:center;cursor:pointer;opacity:1;-webkit-transition:background .2s;transition:background .2s}.invite-set-nickname .cont-inner .btn-group .btn-confirm[data-v-4efc9cf6]:hover{background:#0bb0c2}.invite-set-nickname .cont-inner .btn-group .btn-confirm[data-v-4efc9cf6]:active{background:#0a9fb0}.invite-set-nickname .cont-inner .btn-group .btn-confirm.disabled[data-v-4efc9cf6],.invite-set-nickname .cont-inner .btn-group .btn-confirm[data-v-4efc9cf6]:disabled{background:#0ec0d3;opacity:.5;cursor:not-allowed}.invite-set-nickname .cont-inner .btn-group .btn-skip[data-v-4efc9cf6]{display:block;margin:20px auto 0;width:-webkit-max-content;width:max-content;text-align:center;font-size:14px;line-height:18.5px;color:#0dc0d3;cursor:pointer}.invite-set-nickname .cont-inner .btn-group .btn-skip[data-v-4efc9cf6]:hover{opacity:.8}.invite-set-nickname .cont-inner .btn-group .btn-skip[data-v-4efc9cf6]:active{opacity:.6}