.change-phone{padding:24px 24px 32px}.change-phone-title{font-weight:500;font-size:24px;line-height:32px;color:#000;margin-bottom:16px}.change-phone-text{font-size:16px;line-height:24px;color:#717374;margin-top:8px}.change-phone-text:first-of-type{margin-top:0}.change-phone .code-input-section{margin:28px 0 16px}.change-phone .code-input-section .code{margin-bottom:16px}.change-phone .code-input-section .challenge-resend{text-align:center;margin-top:16px;color:#717374;font-size:16px;line-height:24px}.change-phone .code-input-section .challenge-resend .challenge-resend-link{color:#09f;cursor:pointer;text-decoration:none;font-weight:500;transition:color .2s}.change-phone .code-input-section .challenge-resend .challenge-resend-link:hover{color:#007acc;text-decoration:underline}.change-phone-icon{margin:16px auto 24px;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.change-phone-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.change-phone.change-phone-center{text-align:center}.change-phone.change-phone-center .change-phone-text{margin-top:16px}.change-phone .cpt-phone{font-size:24px;line-height:32px;font-weight:500;color:#000;display:inline-block;margin-top:4px}.code{margin:32px 0 8px}.code .code-list-wrap{display:block;max-width:312px;margin:0 auto}.code .code-list-wrap.cc-4 .code-list>div{margin:0 8px}.code .code-list-wrap.cc-6 .code-list>div{margin:0 4px}.code .hiddin-input{position:absolute;left:-9999px;opacity:0;width:0;height:0;overflow:hidden;pointer-events:none}.code .code-list{display:flex;justify-content:space-between}.code .code-list.error>div>div{border-color:#ff3b30!important;background-color:rgba(255,59,48,.05)}.code .code-list>div{flex:1;position:relative}.code .code-list>div>div{height:56px;border:1px solid #e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:500;color:#000;background:#fff;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.code .code-list>div>div.complete{border-color:#09f;background-color:rgba(0,153,255,.05)}.code .code-list>div>div.focus{border-color:#09f;box-shadow:0 0 0 2px rgba(0,153,255,.2)}.input-error-text{color:#ff3b30;font-size:14px;line-height:20px;text-align:center;min-height:20px;margin-top:8px}.input-error-text.mh{min-height:20px}