.xm-input {
  // 因为iOS下文本框聚焦时，会导致白屏的bug，这里用 position: relative 可以修复
  position: relative;

  // 选中样式
  @include xm-selection {
    background-color: $c-theme-light;
    color: white;
  }
}

.xm-input[role='sign'] {
  display: block;
  outline: 0;
  border: 0;
  width: 100%;
  text-align: center;
  font-size: rem(36px);
  height: 4rem;
  line-height: 4rem;
  color: $c-theme;
  border-bottom: $border-light;
  margin-bottom: .5rem;
  &[type="number"] {
    font-family: $font-theme;
  }
  &::placeholder {
    color: $c-theme;
    font-size: inherit;
    font-family: $font-family-base !important;
  }
  &.small-fix {
    font-size: rem(24px);
    height: rem(54px);
    line-height: rem(54px);
  }
}

.xm-input-group[role='sign'] {
  padding: 1rem 0;
  > .xm-title {
    text-align: center;
    font-size: rem(14px);
    margin-bottom: 1rem;
  }
  > .xm-desc {
    font-size: rem(11px);
    color: $c-font-lightest;
    line-height: 1.2;
    margin-top: 1rem;
    display: block;
    + .xm-btn {
      margin-top: 1.5rem;
    }
    > i {
      font-size: rem(14px);
    }
  }
}

.xm-cell[role='trade'] {
  line-height: rem(54px);
}

.xm-input[role='trade'] {
  color: $c-theme !important;
  font-size: rem(24px) !important;
  font-family: $font-theme;
  display: flex;
  height: rem(30px) !important; // 因为使用了特殊字体，所以高度需要增大，否则会半腰截断

  // placeholder样式
  @include xm-placeholder {
    color: $c-font-lightest;
    font-size: rem(16px);
    line-height: 1.8;
    font-family: $font-family-base !important;
  }
}