.per-register-active { min-height: calc(100vh - 176px); background: url('./images/banner.png') no-repeat top center #C7F4FF; background-size: contain; padding-top: 176px; overflow: hidden; } .flowPath { position: relative; margin: 0 10px 3px; background: url('./images/flow-path-bg.png') no-repeat center; background-size: contain; .flowPathTitle { display: block; position: absolute; top: -4px; left: 50%; margin-left: -72px; width: 144px; height: 42px; background: url('./images/flow-path-title.png') no-repeat center; background-size: contain; } .flowPathContent { padding: 41px 43px 43px; font-size: 14px; color: #2D1A18; line-height: 26px; span { color: #E15339; } } } .signin { position: relative; margin: 0 10px 20px; background: url('./images/signin-bg.png') no-repeat center; background-size: contain; min-height: 419px; overflow: hidden; .tips { margin: 27px 35px 0; display: flex; align-items: center; background: #F1F1F1; border-radius: 6px; font-size: 13px; color: #DC2A00; line-height: 18px; p { padding-top: 2px; } span { font-weight: bold; } .signinTips { margin: 0 2px 0 4px; width: 34px; height: 28px; object-fit: contain; } } } .cellGroup { margin: 0 40px; background-color: transparent; :global { .van-cell { padding-top: 18px; padding-left: 0; padding-right: 0; background-color: transparent; } .van-field__label { font-size: 16px; font-weight: 500; color: #333333; line-height: 22px; margin-bottom: 10px; } input { color: #666; font-size: 16px; &::placeholder { color: #dcdcdc; } } } .submitBtn { width: 190px; height: 53px; background: url('./images/signin-btn.png') no-repeat center; background-size: contain; border: none; display: block; margin: 18px auto 0; border-radius: 50px; } }