| } | } | ||||
| .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{ |