.app { height:100vh; padding:20rpx 0; .item{ font-size: 34rpx; margin: 0 auto 20rpx; width: 94%; height:100rpx; line-height: 100rpx; background-color: #fff; box-shadow: 0px 9rpx 31rpx 9rpx rgba(0,0,0,0.03); border-radius: 20rpx; position: relative; .lefttext{ position: absolute; top:50%; transform: translateY(-50%); left:3%; } .righttext{ position: absolute; top:50%; transform: translateY(-50%); left:18%; height:100rpx; } .lefttext,.righttext{ ::v-deep .uni-input-input{ font-size: 34rpx; } ::v-deep .uni-input-wrapper{ height:100rpx; line-height: 100rpx; } ::v-deep .uni-input-placeholder { line-height: 100rpx; font-size: 34rpx; font-weight: 400; color: #C3C1C1; } } .obtaincode { text-align: center; font-size: 36rpx; color: #4C7BC9; line-height: 100rpx; position: absolute; right:5%; top: 0%; } } .radio-content { padding-top: 50rpx; height: 80rpx; line-height: 11rpx; font-size: 28rpx; .agreement { color: #878987; margin-left: 25%; } .radio-right { margin-left: 20%; .radio-default { border: 2rpx solid #0fbda6; } .radio { width: 30rpx; height: 30rpx; border-radius: 70%; border: 2rpx solid #178ffb; margin: 6px 25px -20rpx -5rpx; .radio-active { width: 16rpx; height: 16rpx; border-radius: 50%; background-color: #178ffb; margin-left: 26%; margin-top: 22%; // margin: 0 auto; } } } } .switch { text-align: center; line-height: 60rpx; color: #46ABD7; position: absolute; top: 73%; } .loginbtn { width: 70%; height: 100rpx; text-align: center; line-height: 100rpx; background: #4C7BC9; border-radius: 51rpx; font-size: 41rpx; color: #FFFFFF; position: absolute; top: 62%; left: 15%; } }