@import '../../var.less';

.weui-position-re {
  position: relative;
}

.weui-cells_form {
  margin: 0 16px;

  &::after {
    //display: none;
  }

  .weui-cells:last-of-type::after {
    //display: none;
  }

  .weui-cell__hd {
    display: flex;
  }
}
.form-item-cells.weui-cells {
  padding: 13px 0;
  margin-top: 0;
  font-size: 16px !important;

  &::before {
    display: none;
    // border-top: 1px solid @gray-light-color;
    // color: @gray-light-color;
  }

  &::after {
    color: @gray-light-color;
    background-color: @gray-light-color;
    border-bottom: none !important;
    transform: scaleY(1) !important;
  }
  &.form-item-cells-error::after {
    color: @danger-color;
    background-color: @danger-color;
  }

  .weui-label {
    display: flex;
    color: @font-primary;
  }

  .form-item-cell {
    align-items: flex-start;

    .require-icon {
      margin-right: 5px;
      color: @danger-color;
    }

    .form-item-description {
      display: inline-block;
      width: 25px;
      height: 18px;
      line-height: 18px;

      .weui-icon-info-circle {
        font-size: 18px;
        color: @font-placeholder;
        vertical-align: text-top;
      }
    }
  }
  // 左右布局样式
  .left-lay.form-item-cell {
    padding: 3px 0 4px;

    .weui-position-re {
      .weui-switch {
        float: right;
      }

      .weui-input {
        height: auto; // weui默认有个em的高度，不去掉的话左右对去布局时会有点偏差
      }
    }

    .form-item-cell-body {
      margin-left: 10px;
    }
  }
  // 上下布局样式
  .top-lay.form-item-cell {
    padding: 0;
    // 上下布局样式
    .weui-top-label {
      padding: 0;
      margin-bottom: 6px;
      font-size: @font-size-label;

      .weui-label {
        width: 80vw;

        .weui-icon-info-circle {
          font-size: 18px;
          line-height: 17px;
        }
      }

      & ~ .weui-position-re {
        font-size: 18px;

        .weui-input,
        .weui-select {
          height: 25px;
          line-height: 25px;
        }
      }
    }
  }

  .weui-cells__tips {
    margin: 0;
    padding: 0;
    color: @danger-color;
  }
  .weui-textarea-counter {
    font-size: 13px;
  }
}