@include c(media) {
  @include m(sm) {
    @include padding(px2rpx(32px), null, px2rpx(32px));

    display: flex;
    border-bottom: 1px solid map-get($colors, gray4);

    @include c(media) {
      @include e(image) {
        @include size(px2rpx(208px), px2rpx(128px));

        flex: 0 1 auto;
        display: block;
        border-radius: px2rpx(8px);
      }

      @include e(body) {
        position: relative;
        flex: 1;
        margin-left: px2rpx(20px);
      }

      @include e(title, subtitle, extra) {
        line-height: 100%;
      }

      @include e(title) {
        @include position--relative(px2rpx(-30px * 0.2));
        @include text--overflow(2);

        line-height: 140%;
      }

      @include e(extra) {
        @include position--absolute(null, null, 0, 0);
      }

      @include e(subtitle) {
        padding-top: px2rpx(16px);
      }
    }
  }

  @include e(more) {
    @include padding(px2rpx(20px), null, px2rpx(20px));

    line-height: 100%;

    @include c(icon) {
      margin-left: px2rpx(10px);
    }
  }

  @include m(md) {
    @include margin(null, auto, px2rpx(16px), auto);

    box-sizing: border-box;
    display: flex;
    padding: px2rpx(30px);
    width: px2rpx(710px);
    border-radius: px2rpx(12px);

    @include c(media) {
      @include e(image) {
        @include size(px2rpx(180px), px2rpx(220px));
        @include block--center;

        flex: 0 1 auto;
        display: block;
        border-radius: px2rpx(8px);
      }

      @include e(body) {
        flex: 1;
        margin-left: px2rpx(20px);
      }

      @include e(title) {
        @include position--relative(px2rpx(-30px * 0.2));
        @include text--overflow(2);

        line-height: 140%;
      }

      @include e(content) {
        line-height: px2rpx(40px);
      }
    }
  }

  @include m(bg) {
    @include margin(null, auto, px2rpx(16px), auto);
    @include padding(px2rpx(22px), null, px2rpx(30px));

    width: px2rpx(710px);
    border-radius: px2rpx(12px);

    @include c(media) {
      @include e(image) {
        @include size(px2rpx(670px), px2rpx(300px));
        @include block--center;

        display: block;
      }

      @include e(title) {
        @include block--center;

        width: px2rpx(670px);
        padding-top: px2rpx(20px);
        line-height: 140%;
      }

      @include e(subtitle) {
        @include block--center;

        width: px2rpx(670px);
        padding-top: px2rpx(16px);
        line-height: 100%;
      }

      @include e(content) {
        @include block--center;

        width: px2rpx(670px);
        padding-top: px2rpx(16px);
        line-height: 160%;
      }

      @include e(extra) {
        @include block--center;

        width: px2rpx(670px);
        padding-top: px2rpx(16px);
      }
    }
  }
}