| | |
| | | .settlement-title { margin: 6rpx 0 28rpx; color: #202B3E; font-size: 30rpx; line-height: 42rpx; font-weight: 700; } |
| | | .field-label { display: block; margin-bottom: 14rpx; color: #313744; font-size: 28rpx; line-height: 40rpx; font-weight: 700; } |
| | | .field-hint { margin-top: 10rpx; color: #9AA4B3; font-size: 22rpx; line-height: 32rpx; } |
| | | .input-shell, .select-shell { display: flex; width: 100%; height: 104rpx; padding: 0 30rpx; align-items: center; border: 2rpx solid #FFFFFF; border-radius: 30rpx; color: #313744; font-size: 28rpx; line-height: 38rpx; background-color: #FFFFFF; box-shadow: 0 14rpx 28rpx rgba(43, 44, 52, 0.10); box-sizing: border-box; } |
| | | .text-input { flex: 1; height: 100rpx; color: #313744; font-size: 28rpx; line-height: 100rpx; } |
| | | .input-shell, .select-shell { display: flex; width: 100%; height: 104rpx; padding: 0 30rpx; align-items: center; border: 0; border-radius: 30rpx; color: #313744; font-size: 28rpx; line-height: 38rpx; background-color: #FFFFFF; box-shadow: 0 14rpx 28rpx rgba(43, 44, 52, 0.10); box-sizing: border-box; } |
| | | .text-input { flex: 1; height: 100rpx; border-radius: 30rpx; color: #313744; font-size: 28rpx; line-height: 100rpx; } |
| | | .input-placeholder, .select-placeholder { color: #B8C0CC; font-size: 28rpx; } |
| | | .select-shell { justify-content: space-between; } |
| | | .readonly-shell { background-color: #EDF0F4; box-shadow: none; } |
| | | .date-picker, .region-picker { width: 100%; } |
| | | .down-icon { width: 28rpx; height: 28rpx; flex: none; opacity: 0.45; } |
| | | .ellipsis-text { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } |
| | | .upload-box { display: flex; width: 100%; height: 220rpx; justify-content: center; align-items: center; overflow: hidden; border: 2rpx solid #FFFFFF; border-radius: 30rpx; color: #9AA4B3; font-size: 26rpx; background-color: #FFFFFF; box-shadow: 0 14rpx 28rpx rgba(43, 44, 52, 0.10); box-sizing: border-box; } |
| | | .upload-box { display: flex; width: 100%; height: 220rpx; justify-content: center; align-items: center; overflow: hidden; border: 0; border-radius: 30rpx; color: #9AA4B3; font-size: 26rpx; background-color: #FFFFFF; box-shadow: 0 14rpx 28rpx rgba(43, 44, 52, 0.10); box-sizing: border-box; } |
| | | .document-image { width: 100%; height: 100%; border-radius: 30rpx; } |
| | | .field-invalid { border-color: #F05243; } |
| | | .field-invalid { border: 2rpx solid #F05243; box-shadow: 0 14rpx 28rpx rgba(240, 82, 67, 0.18); } |
| | | .field-error { margin-top: 10rpx; color: #F06A66; font-size: 24rpx; line-height: 34rpx; } |
| | | .step-actions { display: flex; margin-top: 24rpx; flex-direction: row; align-items: center; } |
| | | .secondary-button { display: flex; width: 200rpx; height: 100rpx; margin-right: 24rpx; justify-content: center; align-items: center; border-radius: 50rpx; color: #313744; font-size: 28rpx; line-height: 38rpx; font-weight: 700; background-color: #EDF0F4; } |