.form-box { width: 100%; height: auto; overflow: hidden; padding: 0 40rpx; margin-top: 96rpx; background: #fff; } .form-center{ text-align :center; } .form-center text{ font-size: 32rpx; font-weight: 600; } .userinfo-avatar { width: 128rpx; height: 128rpx; margin: 20rpx; border-radius: 50%; } .form-item { position: relative; background: #fff; height: 96rpx; border-bottom: 1px solid #d9d9d9; } .form-default { height: 96rpx; background: #fff; padding-top: 38rpx; font-size: 28rpx; } .form-item .username, .form-item .password, .form-item .mobile, .area, .form-item .address { position: absolute; top: 26rpx; left: 0; display: block; width: 100%; height: 44rpx; background: #fff; color: #333; font-size: 30rpx; } .form-item-code { margin-top: 32rpx; height: auto; overflow: hidden; width: 100%; float: left; width: 350rpx; } .form-item-code .form-item { float: left; width: 350rpx; } .form-item-getPhone { margin-top: 18rpx; height: auto; float: right; /*border: 1px solid #242a48;*/ border-radius: 6rpx; color: #242a48; /*background: green;*/ font-size: 30rpx; } .form-item .clear { position: absolute; top: 32rpx; right: 18rpx; z-index: 2; display: block; background: #fff; } .register-btn { margin: 40rpx 0 20rpx 0; height: 96rpx; line-height: 96rpx; color: #fff; font-size: 30rpx; background-color: #242a48; position: absolute; width: 90%; height: 90rpx; line-height: 98rpx; position: absolute; bottom: 25rpx; left: 0; border-radius: 0; padding: 0; margin: 0; margin-left: 5%; border-top-left-radius: 50rpx; border-bottom-left-radius: 50rpx; border-top-right-radius: 50rpx; border-bottom-right-radius: 50rpx; letter-spacing: 3rpx; } .region-select { width: 100%; height: 600rpx; background: #fff; position: fixed; z-index: 10; left: 0; bottom: 0; } .region-select .hd { height: 108rpx; width: 100%; border-bottom: 1px solid #f4f4f4; padding: 46rpx 30rpx 0 30rpx; } .region-select .region-selected { float: left; height: 60rpx; display: flex; } .region-select .region-selected .item { max-width: 140rpx; margin-right: 30rpx; text-align: left; line-height: 60rpx; height: 100%; color: #333; font-size: 28rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .region-select .region-selected .item.disabled { color: #999; } .region-select .region-selected .item.selected { color: #b4282d; } .region-select .done { float: right; height: 60rpx; width: 60rpx; border: none; background: #fff; line-height: 60rpx; text-align: center; color: #333; font-size: 28rpx; } .region-select .done.disabled { color: #999; } .region-select .bd { height: 492rpx; width: 100%; padding: 0 30rpx; } .region-select .region-list { height: 492rpx; } .region-select .region-list .item { width: 100%; height: 104rpx; line-height: 104rpx; text-align: left; color: #333; font-size: 28rpx; } .region-select .region-list .item.selected { color: #b4282d; } .bg-mask { height: 100%; width: 100%; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; z-index: 8; }