@import '../../styles/define';
.hor-textarea {
  .hor-cell-value {
    @extend %fww;
    @extend %fdc;
  }
  .phrases {
    margin-top: j(5);
    width: 100%;
  }
  .phrases-list {
    @extend %df;
    @extend %fww;
    .phrases-item {
      padding: 0 j(8);
      height: j(32);
      line-height: j(32);
      margin: 0 j(12) j(12) 0;
      border-radius: j(4);
      opacity: 0.8;
      border: px(1) solid #c4c9ce;
      min-width: j(68);
      @extend %tac;
    }
  }
  .content-warp {
    padding: j(10) j(14);
    background-color: #f7f7f7;
    width: 100%;
    @extend %bsb;
    @extend %df;
    @extend %fdc;
    .tip-text {
      font-size: j(12);
      background-color: #d7d7d7;
      padding: j(5);
    }
  }
  .footer {
    @extend %df;
    @extend %jce;
    @extend %aic;
    right: j(30);
    bottom: j(20);
    .hor-icon, .van-icon, .i {
      color: $color-primary;
    }
  }
  .total {
    padding: 0;
    flex: 0 1 auto;
  }
}

.hor-textarea-content {
  @extend %w100;
  @extend %bsb;
  @extend %c3;
  border: none;
  font-size: j(14);
  min-height: j(120);
  // padding: j(8) j(12);
  -webkit-appearance: none;
  outline: none;
  resize: none;
  background-color: #f7f7f7;
  &:disabled{
    -webkit-text-fill-color: #333;
    -webkit-opacity: 1;
    color: #333;
  }
}