.expenses-body { width: 100vw; height: 100vh; background-color: #f1f2f7; overflow-y: auto; box-sizing: border-box; padding: 20rpx 0; .expenses-footer { margin: 20rpx 0; width: 100%; box-sizing: border-box; .cancel { width: 194rpx; height: 88rpx; background: rgba(0, 125, 255, 0.5); border-radius: 10rpx 10rpx 10rpx 10rpx; opacity: 1; font-size: 32rpx; color: #ffffff; } .submit { width: 194rpx; height: 88rpx; background: #007dff; border-radius: 10rpx 10rpx 10rpx 10rpx; opacity: 1; font-size: 32rpx; color: #ffffff; } } .upload-container { .upload-tip { width: 100rpx; height: 100rpx; background: #ffffff; border-radius: 5rpx 5rpx 5rpx 5rpx; opacity: 1; // border: 1rpx solid #999999; text { font-size: 20rpx; } } .upload-item { width: 100rpx; height: 100rpx; margin-right: 20rpx; position: relative; .colse { position: absolute; background-color: #e0e0e0; top: -15rpx; right: -15rpx; height: 35rpx; width: 35rpx; border-radius: 50%; display: flex; justify-content: center; align-items: center; } } } .expenses-form { width: 690rpx; background: #ffffff; box-shadow: 0rpx 2rpx 12rpx 0rpx rgba(132, 132, 132, 0.05); border-radius: 10rpx 10rpx 10rpx 10rpx; opacity: 1; padding: 20rpx; box-sizing: border-box; position: relative; left: 0; right: 0; margin: auto; .expenses-form-item { padding-bottom: 30rpx; border-bottom: solid 1rpx #f3f5f7; margin-top: 40rpx; .expenses-form-item-value { font-size: 28rpx; position: relative; } .expenses-form-item-label { width: 249rpx; font-size: 28rpx; color: #333333; } } .expenses-form-title { font-size: 28rpx; color: #000000; margin-bottom: 50rpx; } } } .noFormBorder { border-bottom: 0 !important; }