/* components/w-field/index.wxss */
// ios 间距

.w-field {
  --cell-font-size: 32rpx !important;
  --field-label-color: #666 !important;
  --cell-vertical-padding: 24rpx !important;
  --cell-horizontal-padding: 32rpx !important;
  // --van-cell-border-color: #F2F2F2 !important;

  .van-cell::after {
    right: 0 !important;
  }

  .van-field__control--custom {
    min-height: auto !important;
    height: auto !important;
  }

  .van-cell__right-icon-wrap {
    color: #D8D8D8 !important;
    font-size: 24rpx !important;

    .van-icon {
      display: flex;
      align-items: center;
      vertical-align: middle;
      font-weight: bold !important;
      margin-right: -6px;
    }
  }

  &.top {
    .van-cell {
      flex-direction: column;
    }

    .van-cell__title {
      position: relative;
      max-width: 100% !important;
      margin-right: 0 !important;
      width: 100% !important;
      padding-bottom: 20rpx !important;
      margin-bottom: 20rpx !important;

      &::after {
        box-sizing: border-box;
        content: " ";
        pointer-events: none;
        right: -32rpx;
        bottom: 0;
        left: 0;
        border-bottom: 2rpx solid #ebedf0;
        position: absolute;
        transform: scaleY(.5);
      }
    }

    .van-cell__value {
      width: 100%;
    }
  }


  .van-field__control--right {
    justify-content: flex-end !important;
  }

  .van-field__control--center {
    justify-content: center !important;
  }
}