| @import '@/styles/common.scss'; | 
|   | 
| .loginB-form-wrapper { | 
|   flex: 1; | 
|   min-height: 0; | 
|   background-color: #fff; | 
|   border-radius: 32px 32px 0px 0px; | 
|   margin: 0 32px; | 
|   display: flex; | 
|   flex-direction: column; | 
|   | 
|   .loginB-form-tab { | 
|     height: 108px; | 
|     display: flex; | 
|     margin-bottom: 46px; | 
|   | 
|     .loginB-form-tab-item { | 
|       flex: 1; | 
|       min-width: 0; | 
|       display: flex; | 
|       justify-content: center; | 
|       padding-top: 20px; | 
|       position: relative; | 
|   | 
|       .loginB-form-tab-item-content { | 
|         position: relative; | 
|         z-index: 1; | 
|       } | 
|   | 
|       .loginB-form-tab-item-text { | 
|         font-weight: 400; | 
|         font-size: 28px; | 
|         color: boleGetCssVar('text-color', 'primary'); | 
|         line-height: 40px; | 
|         margin-bottom: 8px; | 
|       } | 
|   | 
|       .loginB-form-tab-item-line { | 
|         width: 36px; | 
|         height: 2px; | 
|         background-color: boleGetCssVar('color', 'primary'); | 
|         margin: 0 auto; | 
|         display: none; | 
|       } | 
|   | 
|       .loginB-form-tab-item-bg1 { | 
|         position: absolute; | 
|         z-index: 0; | 
|         width: 376px; | 
|         height: 108px; | 
|         top: 1px; | 
|         left: 1px; | 
|       } | 
|   | 
|       .loginB-form-tab-item-bg2 { | 
|         position: absolute; | 
|         z-index: 0; | 
|         width: 376px; | 
|         height: 108px; | 
|         top: 1px; | 
|         right: 1px; | 
|       } | 
|   | 
|       &.active { | 
|         .loginB-form-tab-item-text { | 
|           color: boleGetCssVar('color', 'primary'); | 
|         } | 
|   | 
|         .loginB-form-tab-item-line { | 
|           display: block; | 
|         } | 
|   | 
|         .loginB-form-tab-item-bg1, | 
|         .loginB-form-tab-item-bg2 { | 
|           display: none; | 
|         } | 
|       } | 
|     } | 
|   } | 
|   | 
|   .nut-cell-group__wrap { | 
|     overflow: visible; | 
|   } | 
|   | 
|   .bole-form-item { | 
|     padding: 0 !important; | 
|     margin-bottom: 40px; | 
|   | 
|     &:last-child { | 
|       margin-bottom: 0; | 
|     } | 
|   | 
|     &.error.line::before { | 
|       z-index: 1; | 
|       display: none; | 
|       // right: 0; | 
|       // left: 0; | 
|       // top: 0; | 
|       // border-radius: 44px; | 
|     } | 
|   | 
|     &.error { | 
|       .bole-input-text { | 
|         border: 1px solid #fa2c19; | 
|         box-sizing: border-box; | 
|       } | 
|     } | 
|   | 
|     .nut-form-item__body__tips { | 
|       left: 30rpx !important; | 
|       bottom: -36rpx !important; | 
|     } | 
|   } | 
|   | 
|   .bole-input-text { | 
|     // border-bottom: none; | 
|     border: 1px solid #f5f7fb; | 
|     height: 88px; | 
|     background: #f5f7fb; | 
|     border-radius: 44px; | 
|     padding: 24px 32px; | 
|   | 
|     /* .nut-input-value { | 
|         display: flex; | 
|         align-items: center; | 
|       } */ | 
|   | 
|     .h5-input { | 
|       font-size: 28px; | 
|     } | 
|   } | 
| } | 
|   | 
| .loginByForm-page-wrapper, | 
| .registerForm-page-wrapper { | 
|   .loginB-form-policy { | 
|     margin-bottom: 40px; | 
|   } | 
| } | 
|   | 
| .verification-code-login-form-wrapper { | 
|   display: flex; | 
|   flex-direction: column; | 
|   padding: 0 32px; | 
|   | 
|   .verification-code-login-form { | 
|     margin-bottom: 60px; | 
|   | 
|     .nut-cell-group__wrap { | 
|       box-shadow: none; | 
|       margin-bottom: 0; | 
|     } | 
|   } | 
|   | 
|   .login-btn { | 
|     margin-bottom: 32px; | 
|   } | 
|   | 
|   .go-register-btn { | 
|     align-self: center; | 
|     color: boleGetCssVar('color', 'primary'); | 
|     font-size: 24px; | 
|     line-height: 34px; | 
|   } | 
| } |