.shi-xun-index .search-keyword-container {
  padding: 20px 0 15px 0;
}

.search-keyword-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;

  .ant-input-group-addon {
    background-color: #4CACFF;
  }

  .ant-input:focus+.ant-input-group-addon {
    background-color: #4CACFF !important;
  }

  .search-container {
    width: 320px;
  }

  .btn-search {
    display: block;
    text-align: center;
    color: #fff;

    span {
      margin-left: 5px;
    }
  }


  .btn-groups {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: start;

    a {
      display: block;
      width: 60px;
      border-radius: 14px;
      text-align: center;
      height: 28px;
      line-height: 28px;

      &:first-child {
        margin-right: 20px;
      }

      color: #999;
      background-color: #eee;

      &.active {
        color: #fff;
        background-color: #4CACFF;
      }
    }
  }
}

.wrapper {
  position: relative;
}

.btn-new {
  position: absolute;
  width: 40px;
  right: 39px;
  top: 77px;
  z-index: 10;
}

.btn-join {
  position: absolute;
  width: 40px;
  right: 39px;
  top: 133px;
  z-index: 10;
}