You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
127 lines
2.7 KiB
127 lines
2.7 KiB
.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); |
|
} |
|
} |
|
} |
|
}
|
|
|