.yg-iptbox {
  font-weight: bold;
  width: 100%;

  &-container {
    padding: 24rpx 0;
    font-size: 28rpx;
    margin: 0 32rpx;
    color: #323233;
  }

  &-area {
    word-break: break-all;
    line-height: 40rpx;
  }

  &-disabled {
    color: #c8c9cc;
  }

  &-border {
    border-bottom: 1rpx solid #EBEDF0;
  }

  &-wrap {
    font-size: 28rpx;
  }

  &-start {
    align-items: flex-start;
  }

  &-awrap {
    padding: 6rpx 0;
    display: flex;
  }

  &-lIcon {
    margin-right: 4rpx;
  }

  &-left {
    display: flex;
    align-items: center;
    color: #646566;
  }

  &-space {
    margin-right: 32rpx;
  }

  &-right {
    flex: 1;
    flex-shrink: 1;
    position: relative;
  }

  &-error {
    position: absolute;
    left: 0;
    top: 40rpx;
    font-size: 20rpx;
  }

  &-amain {
    background-color: #f7f8fa;
    border-radius: 16rpx;
    margin-bottom: -4rpx;
    padding: 16rpx;
  }

  &-count {
    font-size: 24rpx;
    color: #999999;
    text-align: right;
    margin-bottom: -6rpx;
  }

  &-clear {
    position: absolute;
    right: 0;
  }

  &-must {
    position: relative;

    &::after {
      content: '*';
      color: #ff3e4a;
      padding-left: 4rpx;
      position: absolute;
      top: 4rpx;
    }
  }

  &-placeholder {
    font-size: 28rpx;
    font-weight: 400;
    color: #c8c9cc;
    line-height: 40rpx;
  }
}