.inner-part { width: 100%; } .self-form { width: 100%; } .form-item { display: flex; align-items: flex-start; // margin-bottom: 24rpx; background-color: #fff; border-radius: 8rpx; padding: 24rpx 0; } .form-label { width: 200rpx; font-size: 28rpx; color: #333; flex-shrink: 0; line-height: 48rpx; } .required { color: #f56c6c; margin-left: 4rpx; } .form-textarea { flex: 1; border: none; outline: none; font-size: 28rpx; color: #333; background: none; min-height: 120rpx; line-height: 40rpx; } .form-textarea-disabled { color: #909399; background-color: #f5f7fa; } .icon-right { width: 40rpx; height: 40rpx; display: flex; align-items: center; justify-content: center; color: #A6A6A6; margin-left: 16rpx; } .input-outer-part{ position: relative; box-sizing: border-box; .inner{ z-index: 1; position: relative; background: #fff; width: calc(100% - 64rpx); margin: 0 auto; box-sizing: border-box; border-radius: 16rpx; padding: 32rpx; margin-bottom: 24rpx; .part-title{ color: #3D3D3D; font-weight: bold; line-height: 28rpx; margin-top: 9rpx; padding-left: 12rpx; border-left: 6rpx solid #1A62CE; font-size: 32rpx; margin-bottom: 24rpx; } .inner-part{ background: #fff; border-radius: 16rpx; .self-form{ .u-form-item__body{ padding: 14px 0; } } } } }