page { background-color: #f0f0f0; } .step-box { padding: 20rpx 0; } .id-box { margin: 20rpx; padding: 20rpx; display: flex; justify-content: space-between; background-color: #ffffff; font-size: 24rpx; border-radius: 8rpx; color: gray; } .upload-box { display: flex; flex-direction: column; align-items: center; width: 48%; } .upload-content { position: relative; width: 100%; height: 150rpx; margin-bottom: 12rpx; background-repeat: no-repeat; /* 防止图片重复 */ background-position: center center; /* 图片居中 */ background-size: 80% auto; } .upload-image-bg { background-repeat: no-repeat; /* 防止图片重复 */ background-position: center center; /* 图片居中 */ background-size: 68% auto; } .info-box { margin: 20rpx; padding: 20rpx; border-radius: 8rpx; background-color: #ffffff; } .footer { box-sizing: border-box; position: fixed; bottom: 0; z-index: 99; box-sizing: border-box; width: 750rpx; padding: 30rpx 20rpx; background-color: #ffffff; } .front-button { display: flex; justify-content: center; align-items: center; padding: 20rpx 20rpx; background-color: gray; color: #ffffff; border-radius: 8rpx; } .next-button { display: flex; justify-content: center; align-items: center; padding: 20rpx 20rpx; background-color: #1677ff; color: #ffffff; border-radius: 8rpx; } .notice { text-align: right; padding: 10rpx 20rpx; color: red; font-size: 24rpx; } .bank-box { display: flex; justify-content: space-between; align-items: center; } .bank-label { width: 200rpx; font-size: 28rpx; line-height: 36rpx; color: gray; } .bank-upload-box { display: flex; justify-content: flex-end; align-items: center; } .bank-upload-content { display: flex; justify-content: center; align-items: center; width: 266rpx; height: 150rpx; border: 1PX dashed #1677ff; border-radius: 8rpx; margin: 0 16rpx 16rpx 0; background-color: #fafafa; font-size: 28rpx; color: gray; } .bank-label::before { display: inline-block; margin-right: 6rpx; color: #ef473a; font-size: 28rpx; font-family: SimSun, sans-serif; line-height: 1; content: "*" }