.page { position: relative; .page-line { position: absolute; right: 0; width: 186rpx; height: 16rpx; background: #00b4c5; border-radius: 0rpx 0rpx 0rpx 0rpx; } .container { padding: 234rpx 30rpx 80rpx; .label { display: block; width: 104rpx; height: 42rpx; } .title { display: block; width: 584rpx; height: 144rpx; } .tip { margin-top: 18rpx; font-size: 24rpx; color: #ed4f39; } .form { padding-top: 66rpx; .tel { .input { padding: 0 32rpx; display: block; font-size: 32rpx; color: #000; height: 92rpx; line-height: 92rpx; background: #f6f6f6; border-radius: 96rpx 96rpx 96rpx 96rpx; } .place-input { color: rgba(205, 205, 205, 1); } } .code { margin-top: 32rpx; display: flex; align-items: center; gap: 30rpx; .input { display: block; padding: 0 32rpx; font-size: 32rpx; color: #000; height: 92rpx; line-height: 92rpx; background: #f6f6f6; border-radius: 96rpx 96rpx 96rpx 96rpx; } .place-input { color: rgba(205, 205, 205, 1); } .btn { width: 262rpx; height: 92rpx; font-size: 32rpx; color: rgba(0, 180, 197, 1); text-align: center; line-height: 92rpx; background: #d8f7fa; border-radius: 96rpx 96rpx 96rpx 96rpx; } } .submit { margin-top: 64rpx; height: 88rpx; text-align: center; line-height: 88rpx; font-size: 32rpx; color: rgba(255, 255, 255, 1); background: linear-gradient(90deg, #00b4c5 0%, #54e2b4 100%); border-radius: 96rpx 96rpx 96rpx 96rpx; } } .or { margin: 60rpx auto 0; width: 300rpx; font-size: 28rpx; color: rgba(153, 153, 153, 1); } .tel-btn { margin: 28rpx auto 0; padding: 0 28rpx; border-radius: 52rpx; width: 280rpx; font-size: 24rpx; color: rgba(153, 153, 153, 1); display: flex; align-items: center; justify-content: center; outline: none; .icon { width: 48rpx; height: 48rpx; } &::after { border: none; outline: none; } } .protool { margin-top: 128rpx; display: flex; align-items: center; justify-content: center; font-size: 28rpx; color: rgba(153, 153, 153, 1); .radio { transform: scale(0.7); } .link { color: rgba(0, 180, 197, 1); } } } }