// 搜索输入框组件
.search-input {
  display: flex;
  align-items: center;
  width: 100%;
  height: 80px;
  line-height: 80px;
  padding: 0 30px;
  text-align: left;
  border-radius: 100px;
  border: solid 1px $color-icon;
  background: $color-white;
  font-size: $font-size-28;

  .icon {
    display: flex; // 微信小程序居中问题
  }

  .clear {
    z-index: 9;
  }

  .input-content {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 0 10px;

    -webkit-appearance: none; // 苹果手机内阴影的问题

    &::-webkit-input-placeholder {
      color: $color-icon;
    }
  }
}