.page-input-code[data-v-7ec04f32]{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;background:#f6f9fa}.page-input-code .page-title[data-v-7ec04f32]{margin:.3rem 0 .5rem;font-weight:700;font-size:.2rem;color:#454545}.page-input-code .code[data-v-7ec04f32]{position:relative;width:100%;height:.4rem;padding-left:.63rem;box-sizing:border-box;display:flex}.page-input-code .code input[data-v-7ec04f32]{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:1;border:none;outline:none}.page-input-code .code .code-item[data-v-7ec04f32]{width:.3rem;height:.4rem;font-size:.24rem;margin-left:.04rem;text-align:center;line-height:.4rem;border-bottom:1px solid #979797;color:#209a56;font-weight:700;z-index:100}.page-input-code .tips[data-v-7ec04f32]{margin-top:.4rem;font-size:.18rem;color:#454545;text-align:center}.page-input-code .tips .image[data-v-7ec04f32]{margin-top:.1rem;width:3.15rem;height:2rem;display:block}.page-input-code .page-bottom[data-v-7ec04f32]{width:2.5rem;height:.5rem;margin:.5rem auto 0;text-align:center;border-radius:.45rem;line-height:.5rem;font-size:.2rem;color:#fff;font-weight:700;background:#979797;cursor:pointer}.page-input-code .page-bottom.active[data-v-7ec04f32]{background:#209a56}.page-input-code .page-cancel[data-v-7ec04f32]{margin-top:.2rem;font-size:.16rem;color:#555;cursor:pointer}