@include c(form) {
  @include margin(null, px2rpx(30px), null, px2rpx(30px));

  @include e(title) {
    @include padding(px2rpx(40px), null, px2rpx(20px));

    line-height: 100%;
  }

  @include e(input, textarea) {
    border-radius: px2rpx(6px);
    line-height: px2rpx(32px);
    padding: px2rpx(18px);
  }

  @include e(input) {
    height: px2rpx(32px);
  }

  @include e(textarea) {
    @include size(auto, px2rpx(180px));
    @include padding(px2rpx(24px), null, px2rpx(24px));
  }

  @include e(upload) {
    @include size(px2rpx(180px), px2rpx(180px));

    position: relative;
    background-color: map-get($colors, gray1);
    border-radius: px2rpx(10px);

    &::before,
    &::after {
      @include position--absolute(50%, null, null, 50%);

      transform: translateX(-50%) translateY(-50%);
      display: block;
      content: "";
      background-color: map-get($colors, gray4);
    }

    &::before {
      @include size(px2rpx(4px), px2rpx(28px));
    }

    &::after {
      @include size(px2rpx(28px), px2rpx(4px));
    }
  }

  @include e(upload-file) {
    @include size(px2rpx(180px), px2rpx(180px));

    position: relative;
  }

  @include e(upload-close) {
    position: absolute !important;
    left: auto !important;
    top: px2rpx(-20px) !important;
    right: px2rpx(-20px) !important;
    transform: none !important;
  }

  @include e(upload-image) {
    @include size(100%, 100%);

    display: block;
    border-radius: px2rpx(10px);
    overflow: hidden;
    background-color: #f5f7fa;
  }
}
