.page-common-wrapper {
  width: 1400px;
  margin: 0 auto;
}

/* 办事服务页面样式 */
.handle-service-wrapper {
  background: #f5f8fa;
  font-family: Source Han Sans;
  min-height: 100vh;
}

.top-part {
  width: 100%;
  margin: 0 auto;
  /* width: 1920px; */
  height: 300px;
  background-image: url("../images/iWantLook/glzxfw-top-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  .top-part-content {
    /* height: 423px; */
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 72px;
    display: flex;
    flex-direction: column;
    align-items: center;

    .top-part-title {
      font-size: 48px;
      font-weight: bold;
      color: #ffffff;
      width: 100%;
      text-align: center;
    }

    .top-part-text {
      font-size: 20px;
      font-weight: normal;
      line-height: 28px;
      color: #ffffff;
      margin-top: 16px;
    }
  }
}

.qycxnl-part {
  width: 100%;
  margin: 0 auto;
  background-image: url("../images/iWantLook/qycxnl-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 64px 0;

  .qycxnl-part-content {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;

    .qycxnl-part-title {
      display: flex;
      flex-direction: column;
      align-items: center;

      .qycxnl-part-title-text {
        font-size: 36px;
        font-weight: bold;
        color: #333333;
      }

      .blue-line {
        width: 64px;
        height: 5px;
        background: #0075c0;
        margin-top: 12px;
      }
    }

    .qycxnl-card-list {
      width: 100%;
      margin-top: 48px;
      display: flex;
      justify-content: space-between;
      align-items: center;

      .card-item {
        width: 445px;
        height: 505px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-image: url("../images/iWantLook/qycxnl-card-bg.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding: 56px 40px 0 40px;
        border-radius: 8px;

        img {
          width: 88px;
          height: 88px;
          margin-bottom: 24px;
        }

        .card-item-title {
          font-size: 28px;
          font-weight: bold;
          color: #000000;
          margin-bottom: 16px;
        }

        .card-item-content {
          font-size: 18px;
          color: #666666;
          line-height: 1.6;
        }
      }
    }
  }
}

.glzxfw-part {
  width: 100%;
  margin: 0 auto;
  background-image: url("../images/iWantLook/glzxfw-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 64px 0;

  .glzxfw-part-content {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;

    .glzxfw-part-title {
      display: flex;
      flex-direction: column;
      align-items: center;

      .glzxfw-part-title-text {
        font-size: 36px;
        font-weight: bold;
        color: #ffffff;
      }

      .blue-line {
        width: 64px;
        height: 5px;
        background: #0075c0;
        margin-top: 12px;
      }
    }

    .glzxfw-card-list {
      display: flex;
      margin-top: 44px;

      .card-list-left {
        width: 701px;
        margin-right: 40px;
        display: flex;
        flex-direction: column;
        gap: 16px;

        .card-item {
          width: 100%;
          max-height: 199px;
          display: flex;
          padding: 24px 40px 32px 24px;
          border-radius: 8px;
          background: linear-gradient(
            180deg,
            #ffffff 0%,
            rgba(255, 255, 255, 0.62) 100%
          );

          .card-item-left {
            margin-right: 16px;
            img {
              width: 64px;
              height: 64px;
            }
          }

          .card-item-right {
            .card-item-title {
              font-size: 24px;
              font-weight: bold;
              color: #000000;
              margin-bottom: 16px;
            }

            .card-item-content {
              font-size: 16px;
              color: #666666;
              line-height: 1.6;
            }
          }
        }
      }

      .card-list-right {
        width: 659px;
        .top-img {
          height: 332px;
        }

        .bottom-img {
          height: 374px;
        }
      }
    }
  }
}

.zscqfw-part {
  width: 100%;
  margin: 0 auto;
  background-image: url("../images/iWantLook/zscqfw-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 80px 0;

  .zscqfw-part-content {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;

    .zscqfw-part-title {
      display: flex;
      flex-direction: column;
      align-items: center;

      .zscqfw-part-title-text {
        font-size: 36px;
        font-weight: bold;
        color: #333333;
      }

      .blue-line {
        width: 64px;
        height: 5px;
        background: #0075c0;
        margin-top: 12px;
      }
    }

    .zscqfw-card-list {
      width: 100%;
      margin-top: 48px;

      .img1 {
        width: 100%;
      }

      .img2 {
        width: 100%;
      }
    }
  }
}

.lxdh-part {
  width: 100%;
  background: #ffffff;
  box-shadow: 8px 2px 24px 0px rgba(55, 60, 67, 0.2);
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  .lxdh {
    width: 379px;
    height: 41px;
    background-image: url("../images/iWantLook/lxdh.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 40px;
  }

  .blue-line {
    width: 100%;
    height: 6px;
    background-color: #2772c2;
  }
}