.see-more-company {
  display: flex;
  justify-content: center;
  margin: 24px;
  .container {
    width: 1316px;
    color: #222222;

    .filter {
      padding: 24px 36px;
      background: #ffffff;
      border-radius: 8px;

      .filter-list {
        margin-bottom: 24px;
        .filter-item {
          display: flex;
          margin-bottom: 8px;
          .filter-label {
            width: 80px;
            height: 24px;
            font-size: 16px;
            font-weight: 400;
            color: #222222;
            margin: 0 24px 8px 0;
          }
          .filter-span {
            flex: 1;
            display: flex;
            flex-wrap: wrap;

            span {
              font-size: 14px;
              color: #666666;
              margin: 0 24px 8px 0;
              cursor: pointer;
              &:hover {
                color: #177cfa;
              }
            }
          }
        }
      }
      .filter-clear {
        display: flex;
        justify-content: flex-end;
        font-size: 14px;
        color: #666666;
        margin-right: 24px;
        span {
          cursor: pointer;
          &:hover {
            color: #177cfa;
          }
        }
      }
    }

    .company-content {
      width: 1316px;
      text-align: center;
      margin-bottom: 64px;
      .company-list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 24px;
        .company-item {
          display: flex;
          flex-direction: column;
          cursor: pointer;
          width: calc((100% - 32px) / 3);
          flex: 0 0 calc((100% - 32px) / 3);
          margin: 0 16px 16px 0;
          background: #ffffff;
          border-radius: 12px;
          box-sizing: border-box;

          &:nth-child(3n) {
            margin-right: 0;
          }

          .company-tp {
            background: linear-gradient(90deg, #e3f0ff 0%, rgba(227, 240, 255, 0.15) 100%);
            border-radius: 12px 12px 0px 0px;
            padding: 26px 21px;
            display: flex;
            .company-tp-rg {
              margin-left: 21px;
              height: 50px;
            }
          }
          .company-bt {
            flex: 1;
            padding: 26px 20px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            .company-position-list {
              .company-position-item {
                margin-bottom: 24px;
                cursor: pointer;
                .hot-position-item-ft {
                  margin-top: 16px;
                  display: flex;
                  span {
                    padding: 6px 12px;
                    height: 24px;
                    background: #f8f8f8;
                    border-radius: 4px;
                    line-height: 24px;
                    font-size: 14px;
                    font-weight: 400;
                    color: #666666;
                    margin-right: 8px;
                    &:first-child {
                      width: 45%;
                      text-align: left;
                    }
                  }
                }
              }
            }
            .company-bt-btn {
              width: 100%;
              display: flex;
              justify-content: center;
              cursor: pointer;
              span {
                display: block;
                width: 136px;
                height: 38px;
                line-height: 38px;
                text-align: center;
                border-radius: 8px;
                border: 1px solid #177cfa;
                color: #177cfa;
                font-size: 16px;
                font-weight: 400;
              }
            }
          }
        }
      }
    }
  }
  :deep(.el-autocomplete) {
    width: 869px;
    height: 62px;
    margin-bottom: 24px;
    .el-input {
      width: 869px;
      height: 62px;
      margin-bottom: 24px;
      .el-input__wrapper {
        border-radius: 29px;
        padding: 0 45px;
      }
    }

    .el-input__prefix-inner {
      border-right: 1px solid #ccc;
      margin-right: 24px;
    }
  }
}
