.page { min-height: 100vh; padding: 460rpx 0 80rpx 0; box-sizing: border-box; .container { padding: 0 60rpx; .c-title { font-size: 36rpx; color: rgba(32, 33, 33, 1); font-weight: bold; } .content { margin-top: 30rpx; font-size: 32rpx; color: rgba(32, 33, 33, 1); line-height: 56rpx; .link { color: rgba(67, 168, 188, 1); } } } .form { margin-top: 58rpx; padding: 0 60rpx; .row { margin-bottom: 32rpx; display: flex; justify-content: space-between; border-radius: 64rpx; background: rgba(247, 247, 247, 1); border: 1rpx solid rgba(237, 239, 240, 1); .input { flex: 1; padding: 20rpx 32rpx; height: 40rpx; font-size: 32rpx; color: #999999; } .input-placeholade { color: rgba(194, 201, 202, 1); } .code { margin-left: 24rpx; flex-shrink: 0; width: 262rpx; border-radius: 24rpx; font-size: 32rpx; color: rgba(103, 186, 202, 1); display: flex; align-items: center; justify-content: center; } } .submit { margin-top: 32px; padding: 24rpx 20rpx; width: 622rpx; background: rgba(103, 186, 202, 1); border-radius: 64rpx; font-size: 36rpx; color: #ffffff; font-weight: bold; text-align: center; line-height: 1; } } .divider { margin: 36rpx auto 0; width: 338rpx; } .phone { margin: 0 48rpx; padding: 24rpx 20rpx; border-radius: 64rpx; background: #eeeeee; font-size: 36rpx; color: rgba(103, 186, 202, 1); line-height: 1; &::after { border: none; outline: none; } } .partient { margin-top: 58rpx; font-size: 36rpx; color: rgba(103, 186, 202, 1); display: flex; gap: 10rpx; align-items: center; justify-content: center; .arrow { width: 23rpx; height: 19rpx; } } .check { margin: 50rpx 0 0; display: flex; line-height: 60rpx; color: rgba(32, 33, 33, 1); .icon { margin-top: 12rpx; margin-right: 10rpx; flex-shrink: 0; width: 32rpx; height: 32rpx; } .link { color: rgba(67, 168, 188, 1); } } }