.container { padding: 0 32px; ::v-deep .uni-easyinput__placeholder-class { font-size: 16px !important; } .welcomeTitle { font-size: 28px; font-weight: 700; line-height: 64px; margin: 12px 0 24px; } .validateStatusWrapper { margin-top: 6px; font-size: 12px; .validateStatus { display: flex; column-gap: 5px; align-items: center; .verificationRes { display: flex; justify-content: center; align-items: center; width: 17px; height: 17px; .right { width: 17px; height: 17px; } .error { width: 10px; height: 10px; } } .rightText { color: #43cf7c; } .errorText { color: #d43030; } } } .forgotPWDText { display: flex; column-gap: 6px; align-items: center; font-size: 18px; font-weight: 700; color: rgba(51, 51, 51, 1); cursor: pointer; } .stepList { display: flex; align-items: center; column-gap: 10px; margin: 26px 0 24px; padding-left: 5px; color: #666666; font-family: Arial !important; .stepItem { display: flex; align-items: flex-end; column-gap: 4px; .numWrapper { display: flex; align-items: center; column-gap: 4px; .spaceLine { width: 16px; height: 1px; background-color: #666666; } .num { display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 20px; border: 1px solid #666666; box-sizing: border-box; &.active { color: #fff; background-color: #0f3675; border-color: #0f3675; } } } .stepTitle { line-height: 16px; } } } .forgotPWDInputWrapper { display: flex; align-items: center; height: 49px; padding: 9px 23px 9px 15px; border: 1px solid rgba(234, 236, 239, 1); box-sizing: border-box; .icon { width: 27px; } .divider { margin: 0 2px 0 22px; width: 1px; height: 30px; background-color: rgba(220, 223, 229, 1); } .sendCodeBtn { color: rgba(41, 187, 228, 1); } } .success { display: flex; flex-direction: column; align-items: center; row-gap: 20px; padding: 32px 0 50px; .successIcon { width: 48px; height: 48px; } .successText { color: rgba(51, 51, 51, 1); line-height: 26px; font-size: 18px; } } } ::v-deep .uni-section .uni-section-header { display: none; }