.registrationContainer { min-height: 100vh; background: linear-gradient(180deg, #C9EDFD 0%, #CCF0FF 100%); .registration { min-height: 100vh; background: url('./images/banner.png') no-repeat top; background-size: contain; overflow: hidden; } .inputGroup { margin-top: 379px; position: relative; padding: 0 18px; .input { background: rgba(242, 242, 242, .56); border-radius: 29px; --van-cell-line-height: 24px; --van-field-icon-size: 24px; --van-padding-base: 10px; padding: 8px; font-size: 14px; color: #AAAAAA; :global { .van-field__control { font-size: 14px; // color: #AAAAAA; } } } .btnGroup { margin: 30px 73px 0; --van-button-default-height: 52px; .progress { margin-top: 18px; margin-left: 34px; margin-right: 34px; } :global { .van-button--disabled::before { opacity: 0; } .van-button__text { p { font-weight: 500; font-size: 16px; color: #FFFFFF; line-height: 22px; } span { font-weight: 400; font-size: 12px; color: rgba(255, 255, 255, 0.8); line-height: 17px; } } } } } } .popupContainer { width: 295px; border-radius: 20px; padding: 13px 20px 20px; background: url('./images/top_bg.png') no-repeat top; background-size: contain; background-color: #FFFFFF; .title { width: 215px; height: 65px; display: block; margin: 0 auto; } .content { font-weight: 400; font-size: 15px; color: #666666; line-height: 23px; padding: 10px 0 20px } .pBtnGroup { padding: 0 50px; } }