.home {
  position: relative;
  width: 100%; }
  .home .section1 {
    position: relative;
    margin: 6.7708333333vw 29.4270833333vw 6.25vw 29.4270833333vw;
    display: flex;
    align-items: center;
    padding: 0.5208333333vw 0; }
    .home .section1 .icon {
      margin-left: 2.4479166667vw; }
      .home .section1 .icon svg {
        display: block;
        width: 2.6041666667vw; }
    .home .section1 input {
      color: #000;
      border: none;
      outline: none;
      line-height: 1.5;
      margin-left: 1.3541666667vw;
      font-weight: 100; }
      .home .section1 input::placeholder {
        color: #666;
        font-weight: 100; }
    .home .section1 .btn {
      position: absolute;
      right: 3.125vw;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer; }
      .home .section1 .btn svg {
        width: 1.4583333333vw;
        display: block; }
    .home .section1::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 2px;
      width: 100%;
      background: #0F927B; }
  .home .section2 {
    margin: 0 9.375vw 6.25vw 9.375vw; }
    .home .section2 .t1 {
      color: #666; }
    .home .section2 .types {
      display: flex;
      margin-top: 2.2395833333vw; }
      .home .section2 .types .item {
        color: rgba(102, 102, 102, 0.4);
        margin-right: 3.6458333333vw;
        border-bottom: 0.15625vw solid transparent;
        padding-bottom: 0.4166666667vw;
        cursor: pointer;
        transition: all 600ms; }
      .home .section2 .types .on {
        color: #0F927B;
        border-color: #0F927B; }
    .home .section2 .content .warp {
      display: none; }
      .home .section2 .content .warp .list {
        margin: 2.0833333333vw 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .home .section2 .content .warp .list a {
          border-bottom: 1px dashed #DDD;
          padding: 0.7291666667vw 0;
          width: 45%;
          margin-bottom: 1.0416666667vw; }
          .home .section2 .content .warp .list a .dt {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .home .section2 .content .warp .list a .dt .p1 {
              font-weight: 600;
              overflow: hidden;
              color: #000;
              white-space: nowrap;
              text-overflow: ellipsis;
              width: 80%; }
              .home .section2 .content .warp .list a .dt .p1 span {
                display: inline-block;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: #999;
                transition: all 600ms;
                margin-right: 0.7291666667vw;
                transform: translateY(-0.15625vw); }
            .home .section2 .content .warp .list a .dt .tag {
              color: #0F927B; }
          .home .section2 .content .warp .list a .des {
            margin-top: 0.8333333333vw;
            color: #666;
            font-weight: 200; }
      .home .section2 .content .warp.on {
        display: block; }
  @media screen and (max-width: 1024px) {
    .home {
      padding-top: 60px; }
      .home .section1 {
        margin: 20px auto;
        width: 90%;
        padding: 10px 0; }
        .home .section1 .icon svg {
          width: 20px;
          height: auto; }
        .home .section1 input {
          margin-left: 15px;
          width: 100%;
          font-size: 20px; }
        .home .section1 .btn svg {
          width: 20px; }
      .home .section2 {
        margin: 0 5% 60px 5%; }
        .home .section2 .t1 {
          font-size: 18px; }
        .home .section2 .types {
          margin-top: 20px; }
          .home .section2 .types .item {
            margin-right: 20px;
            padding-bottom: 5px;
            font-size: 16px; }
        .home .section2 .content .warp .list {
          margin: 20px 0; }
          .home .section2 .content .warp .list a {
            width: 100%;
            margin-bottom: 10px;
            padding: 8px 0; }
            .home .section2 .content .warp .list a .dt .p1 {
              width: 60%; }
              .home .section2 .content .warp .list a .dt .p1 span {
                margin-right: 8px;
                transform: translateY(-2px); }
            .home .section2 .content .warp .list a .des {
              margin-top: 10px; } }

/*# sourceMappingURL=search.css.map */