/* pages/user/personalData/index.wxss */ page{ width: 100%; height: 100vh; } .personal-index{ width: 100%; height: 100vh; position: relative; overflow: hidden; } .bg-img-box{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg-img-box image{ width: 100%; height: 100%; } .logo-box{ position: absolute; top: 220rpx; left: 32rpx; width: 100%; font-size: 40rpx; color: #EFDACA; } .logo-box image{ width: 160rpx; height: 90rpx; margin-bottom: 22rpx; } .form-box{ position: absolute; top: 400rpx; left: 0; font-size: 28rpx; color: #363636; width: 100%; padding: 0 32rpx; } .title{ font-size: 40rpx; color: #EFDACA; } .form{ width: 100%; min-height: 640rpx; background: linear-gradient(322deg, #DEB99F 0%, #E9D1C0 51%, #E3C9B5 100%); border-radius: 8rpx; margin: 62rpx 0; padding: 16rpx 0; } .form .inp-box{ width: 100%; height: 86rpx; padding: 0 16rpx; border-bottom: 2rpx solid #B89F83; display: flex; align-items: center; justify-content: space-between; } .form .inp-box .label{ width: 160rpx; text-align: left; } .inp-box input{ text-align: right; } .sencode-box{ width: calc(100% - 180rpx); } .sencode-box input{ width: 230rpx; } .sencode-box .sendcode-btn,.getPhone-btn{ width: 220rpx; height: 66rpx; text-align: center; line-height: 66rpx; background: #FFFFFF; color: #BE996F; box-shadow: 6rpx 6rpx 12rpx #D1BCA5; border-radius: 8rpx; position: relative; } .sendcode-btn::before{ content: ''; display: inline-block; width: 2rpx; height: 40rpx; background: #C3AA91; position: absolute; left: -10rpx; top: 10rpx; } .picker{ color: #6D6D6D; } .noBorder{ border: none !important; } .submit-btn{ width: 268rpx; height: 82rpx; text-align: center; line-height: 82rpx; color: #946F46; font-size: 32rpx; background: linear-gradient(322deg, #DEB99F 0%, #E9D1C0 51%, #E3C9B5 100%); box-shadow: 6rpx 6rpx 20rpx rgba(22, 22, 22, 0.43); border-radius: 62rpx; margin: 0 auto; } .getPhone-btn{ width: 210rpx !important; padding: 0 !important; font-size: 28rpx; font-weight: normal; color: #BE996F; margin-left: 10rpx !important; }