.dec-search {
  .top {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    padding: 10 * @rpx @space;
    .wrap {
      box-sizing: border-box;
      width: 100%;
      padding: 6 * @rpx 8 * @rpx 6 * @rpx 30 * @rpx;
      border: 0;
      position: relative;
    }
    .radius {
      border-radius: 18 * @rpx;
    }
    .search {
      display: inline-block;
      font-size: @font-base;
      color: #ffffff;
      height: 24 * @rpx;
      line-height: 24 * @rpx;
      margin-bottom: 0;
    }
    .ic-search {
      position: absolute;
      top: 50%;
      left: 10 * @rpx;
      font-size: 20 * @rpx;
      transform: translateY(-50%);
      color: #ffffff;
    }
    .person {
      flex-shrink: 0;
      width: 30 * @rpx;
      height: 30 * @rpx;
      margin-left: 10 * @rpx;
      overflow: hidden;
      .img {
        width: 100%;
      }
    }
    .ic-user {
      font-size: 30 * @rpx;
      color: #ffffff;
    }
  }
  .ordinary {
    padding: @margin @space;
    .wrap {
      box-sizing: border-box;
      width: 100%;
      padding: 5 * @rpx 8 * @rpx 5 * @rpx 30 * @rpx;
      position: relative;
      border-radius: 4 * @rpx;
    }
    .border {
      border: 1 * @rpx solid @color-border;
    }
    .radius {
      border-radius: 18 * @rpx;
    }
    .search {
      display: inline-block;
      font-size: @font-base;
      color: @color-text;
      height: 24 * @rpx;
      line-height: 24 * @rpx;
      margin-bottom: 0;
    }
    .ic-search {
      color: @color-text;
      font-size: 20 * @rpx;
      position: absolute;
      top: 50%;
      left: 8 * @rpx;
      transform: translateY(-50%);
    }
  }
}
