} | } | ||||
.inputSty{ | .inputSty{ | ||||
width:347rpx; | width:347rpx; | ||||
height:70rpx; | |||||
height:65rpx; | |||||
background-color: white; | background-color: white; | ||||
border-radius: 20rpx; | border-radius: 20rpx; | ||||
box-sizing: border-box; | box-sizing: border-box; | ||||
line-height: 55rpx; | |||||
line-height: 65rpx; | |||||
padding: 0 25rpx; | padding: 0 25rpx; | ||||
font-size:24rpx; | font-size:24rpx; | ||||
font-family:PingFangSC; | font-family:PingFangSC; | ||||
top:0; | top:0; | ||||
right:0; | right:0; | ||||
width:347rpx; | width:347rpx; | ||||
height:70rpx; | |||||
height:65rpx; | |||||
border-radius: 10rpx; | border-radius: 10rpx; | ||||
overflow: hidden; | overflow: hidden; | ||||
opacity: 0; | opacity: 0; | ||||
} | } | ||||
.selectGroup{ | .selectGroup{ | ||||
width:710rpx; | width:710rpx; | ||||
height:70rpx; | |||||
height:65rpx; | |||||
background-color: white; | background-color: white; | ||||
border-radius: 10rpx; | |||||
border-radius: 20rpx; | |||||
box-sizing: border-box; | box-sizing: border-box; | ||||
line-height: 55rpx; | |||||
line-height: 65rpx; | |||||
padding: 0 25rpx; | padding: 0 25rpx; | ||||
margin-top: 18rpx; | margin-top: 18rpx; | ||||
display: flex; | display: flex; | ||||
} | } | ||||
.codeGroup{ | .codeGroup{ | ||||
width:710rpx; | width:710rpx; | ||||
height:70rpx; | |||||
height:65rpx; | |||||
background-color: white; | background-color: white; | ||||
border-radius: 20rpx; | border-radius: 20rpx; | ||||
box-sizing: border-box; | box-sizing: border-box; | ||||
line-height: 55rpx; | |||||
line-height: 65rpx; | |||||
padding: 0 25rpx; | padding: 0 25rpx; | ||||
margin-top: 18rpx; | margin-top: 18rpx; | ||||
display: flex; | display: flex; |
} | } | ||||
.inputSty{ | .inputSty{ | ||||
width:347rpx; | width:347rpx; | ||||
height:70rpx; | |||||
height:65rpx; | |||||
background-color: white; | background-color: white; | ||||
border-radius: 20rpx; | border-radius: 20rpx; | ||||
box-sizing: border-box; | box-sizing: border-box; | ||||
line-height: 55rpx; | |||||
line-height: 65rpx; | |||||
padding: 0 25rpx; | padding: 0 25rpx; | ||||
font-size:24rpx; | font-size:24rpx; | ||||
font-family:PingFangSC; | font-family:PingFangSC; | ||||
top:0; | top:0; | ||||
right:0; | right:0; | ||||
width:347rpx; | width:347rpx; | ||||
height:70rpx; | |||||
height:65rpx; | |||||
border-radius: 10rpx; | border-radius: 10rpx; | ||||
overflow: hidden; | overflow: hidden; | ||||
opacity: 0; | opacity: 0; | ||||
} | } | ||||
.selectGroup{ | .selectGroup{ | ||||
width:710rpx; | width:710rpx; | ||||
height:70rpx; | |||||
height:65rpx; | |||||
background-color: white; | background-color: white; | ||||
border-radius: 10rpx; | |||||
border-radius: 20rpx; | |||||
box-sizing: border-box; | box-sizing: border-box; | ||||
line-height: 55rpx; | |||||
line-height: 65rpx; | |||||
padding: 0 25rpx; | padding: 0 25rpx; | ||||
margin-top: 18rpx; | margin-top: 18rpx; | ||||
display: flex; | display: flex; | ||||
} | } | ||||
.codeGroup{ | .codeGroup{ | ||||
width:710rpx; | width:710rpx; | ||||
height:70rpx; | |||||
height:65rpx; | |||||
background-color: white; | background-color: white; | ||||
border-radius: 20rpx; | border-radius: 20rpx; | ||||
box-sizing: border-box; | box-sizing: border-box; |
} | } | ||||
.inputGroup{ | .inputGroup{ | ||||
width:652rpx; | width:652rpx; | ||||
height:70rpx; | |||||
height:65rpx; | |||||
margin: 0 auto; | margin: 0 auto; | ||||
background-color: white; | background-color: white; | ||||
border-radius: 10rpx; | |||||
border-radius: 20rpx; | |||||
box-sizing: border-box; | box-sizing: border-box; | ||||
line-height: 70rpx; | |||||
line-height: 65rpx; | |||||
padding: 0 25rpx; | padding: 0 25rpx; | ||||
font-size: 24rpx; | font-size: 24rpx; | ||||
margin-top: 18rpx; | margin-top: 18rpx; | ||||
border: 2rpx solid #B4B4B4; | border: 2rpx solid #B4B4B4; | ||||
margin: 0 auto; | margin: 0 auto; | ||||
width:652rpx; | width:652rpx; | ||||
height:70rpx; | |||||
height:65rpx; | |||||
background-color: white; | background-color: white; | ||||
border-radius: 10rpx; | |||||
border-radius: 20rpx; | |||||
box-sizing: border-box; | box-sizing: border-box; | ||||
line-height: 70rpx; | |||||
line-height: 65rpx; | |||||
padding: 0 25rpx; | padding: 0 25rpx; | ||||
font-size: 24rpx; | font-size: 24rpx; | ||||
margin-top: 18rpx; | margin-top: 18rpx; | ||||
height:70rpx; | height:70rpx; | ||||
margin-top: 18rpx; | margin-top: 18rpx; | ||||
} | } | ||||
.taskGroup,.ranksGroup,.subscribeGroup{ | |||||
height: 589rpx; | |||||
position: relative; | |||||
} | |||||
.subscribeGroup{ | .subscribeGroup{ | ||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
flex-direction: column; | flex-direction: column; | ||||
justify-content: center; | justify-content: center; | ||||
padding-bottom: 10rpx; | |||||
height: 670rpx; | |||||
} | |||||
.taskGroup,.ranksGroup,.subscribeGroup{ | |||||
height: 589rpx; | |||||
position: relative; | |||||
height: 765rpx; | |||||
} | } | ||||
/* .ranksList{ | /* .ranksList{ | ||||
position: absolute; | position: absolute; | ||||
left: 0; | left: 0; | ||||
top: 0; | top: 0; | ||||
width: 652rpx; | width: 652rpx; | ||||
height: 70rpx; | |||||
height: 65rpx; | |||||
z-index: 2; | z-index: 2; | ||||
} | } | ||||
.getPhoneBtn{ | .getPhoneBtn{ |