page { background-color: #f2f2f2; } .content { margin-top: 20rpx; padding-top: 1rpx; padding-bottom: 1rpx; width: 750rpx; background-color: #ffffff; font-size: 28rpx; } .content-line { width: 100%; height: 2rpx; background-color: #f2f2f2; } .content-title { margin: 20rpx; margin-left: 20rpx; font-weight: bold; font-size: 30rpx; } .content-list { display: flex; margin: 20rpx; } .content-img-box { flex: 1; } .content-inputs { display: flex; flex-direction: row; margin-left: 120rpx; margin-top: 15rpx; } .content-input { margin-left: 20rpx; flex: 1; } .content-local { width: 40rpx; height: 40rpx; padding-left: 10rpx; padding-right: 10rpx; } .content-text { margin-left: 20rpx; flex: 1; } .content-radio { margin-left: 20rpx; } .content-img { margin-left: 20rpx; width: 150rpx; height: 150rpx; } .content-address { display: flex; flex-direction: column; flex: 1; } .content-picker { display: flex; flex-direction: row; } .content-img-right { width: 50rpx; height: 50rpx; } .id-card-img { margin-left: 20rpx; width: 200rpx; height: 150rpx; } .buttom-margin { width: 750rpx; height: 200rpx; } .from-submit-buttom { position: fixed; bottom: 0; display: flex; flex-direction: row; width: 750rpx; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); background-color: #fff; z-index: 10; } .from-submit-buttom-cancle { width: 250rpx; height: 80rpx; background-color: #ffffff; display: flex; align-items: center; justify-content: center; } .from-submit-buttom-confirm { width: 500rpx; height: 80rpx; background-color: #d8b487; color: #ffffff; display: flex; align-items: center; justify-content: center; }