.container {
  position: relative;
}

.section_1 {
  position: relative;
  margin-top: .95rem;
}

.section_1 .top_bg {
  position: relative;
  height: 6.97rem;
  width: 100%;
}

.section_1 .top_bg::after {
  content: '';
  position: absolute;
  left: 0;
  width: 7.42rem;
  height: 100%;
  background: linear-gradient(to right, #FFF 23.01%, rgba(255, 255, 255, 0.17) 100%);
  z-index: 0;
}

.section_1 .top_bg .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.section_1 .top_bg .bg_m {
    display: none;
}

.section_1 .top_bg .logo {
      position: absolute;
    top: 3.78rem;
    right: 3.7rem;
    width: .78rem;
    height: .64rem;
    z-index: 1;
}

.section_1 .top_bg .point {
  position: absolute;
    top: 3.75rem;
    right: 4.25rem;
    width: .8rem;
    height: .6rem;
    z-index: 1;
}

.section_1 .top_bg .info {
  position: absolute;
  top: 1.79rem;
  left: 1.4rem;
  z-index: 2;
}

.section_1 .top_bg .info .label {
  margin-bottom: .2rem;
  color: rgba(36, 145, 202, 1);
  font-weight: 600;
  line-height: 1.325;
  font-family: "Microsoft YaHei";
}

.section_1 .top_bg .info .desc {
  color: rgba(79, 96, 109, 1);
  font-weight: 300;
  line-height: 1.16;
  /*font-family: "H_Light";*/
  font-family: 'Microsoft YaHei';
}

.section_1 .boxs {
  position: relative;
  display: flex;
  gap: .296rem;
  justify-content: center;
  transform: translateY(-1rem);
}

.section_1 .boxs .item {
  width: 3.87798rem;
  /*height: 3.14479rem;*/
  border-radius: .2rem;
  border: .01rem solid rgba(71, 67, 66, 0.10);
  background: rgba(234, 234, 234, 0.30);
  backdrop-filter: blur(.2rem);
  padding: .39rem;
  transition: all .5s;
}
.qrcode-box{
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.qrcode-box img{
    width: 80px;
    height: 80px;
    object-fit: contain;
}
.section_1 .boxs .item:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 .04rem .3rem rgba(36, 145, 202, 0.10);
}

.section_1 .boxs .item .icon {
  width: .67608rem;
  height: .67608rem;
  border-radius: .1rem;
  border: .01rem solid rgba(220, 221, 221, 1);
  background: #FFF;
  margin-bottom: .4285rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.section_1 .boxs .item .icon img {
  width: .39rem;
  height: .39rem;
}

.section_1 .boxs .item .name {
  color: rgba(71, 67, 66, 1);
  font-weight: 600;
  line-height: 1.3;
  font-family: "Microsoft YaHei";
  margin-bottom: .2rem;
}

.section_1 .boxs .item .desc {
  color: rgba(71, 67, 66, 1);
  font-weight: 400;
  line-height: 1.6;
  /*font-family: "H_Regular";*/
  font-family: 'Microsoft YaHei';
  
  transition: all .5s;
}

.section_1 .boxs .item .desc p img {
    margin: 0 auto;
}

.section_1 .boxs .item .desc a {
    color: rgba(36, 145, 202, 1);
    text-decoration: underline !important;
}

.section_1 .boxs .item .desc a img {
    width: .24rem;
    height: .24rem;
    display: inline;
}

.section_1 .boxs .item:hover .desc,
.section_1 .boxs .item:hover .desc a {
  color: rgba(36, 145, 202, 1);
}

.section_1 .boxs .item .desc img {
  width: .8rem;
  height: .8rem;
}


.section_2 {
  position: relative;
  padding: 0 1.4rem 1.15rem 1.4rem;
}

.section_2 .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section_2 .top .title .p_desc {
  color: rgba(79, 96, 109, 1);
  font-weight: 300;
}

.section_2 .top .tabs {
  display: flex;
  align-items: center;
  gap: .3rem;
}

.section_2 .top .tabs .tab {
  padding: .15rem .44rem;
  color: rgba(51, 51, 51, 1);
  /*font-family: "H_Regular";*/
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  border-radius: 1rem;
  border: .01rem solid rgba(204, 204, 204, 1);
  transition: all .5s ease-in-out;
  cursor: pointer;
}

.section_2 .top .tabs .tab.on,
.section_2 .top .tabs .tab:hover {
  background: rgba(36, 145, 202, 1);
  color: #FFF;
  border-color: rgba(36, 145, 202, 1);
}

.section_2 .content {
  margin-top: .42rem;
}

.section_2 .content_box {
  position: relative;
}

.section_2 .content_box .content {
  opacity: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
  transition: opacity 1s ease-in-out;
}

.section_2 .content_box .content.on {
  opacity: 1;
  height: auto;
}

.section_2 .content .label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(36, 145, 202, 1);
  color: #FFF;
  padding: .22rem .96rem;
  border-radius: .2rem .2rem 0 0;
}

.section_2 .content .label .label_item {
  /*font-family: "H_Regular";*/
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  width: 2rem;
  text-align: center;
}


.section_2 .content .list {
  display: flex;
  flex-direction: column;
  gap: .2rem;
}

.section_2 .content .list .info_label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(251, 251, 251, 1);
  color: rgba(51, 51, 51, 1);
  padding: .37rem .96rem;
}

.section_2 .content .list .info_label .info_label_text {
  /*font-family: "H_Regular";*/
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  line-height: 1.15;
  width: 2rem;
  text-align: center;
}

.section_2 .content .list .info_label .operation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .1rem;
  cursor: pointer;
}

.section_2 .content .list .info_label .operation img {
  width: .1rem;
}

.section_2 .content .list .info_content {
  display: flex;

  background: rgba(251, 251, 251, 1);
  border-radius: 0 0 .2rem .2rem;
  gap: 1.63rem;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 1.03rem;
  transition: max-height 1s ease-in-out, opacity 1s ease-in-out, padding 1s ease-in-out;

}

.section_2 .content .list .info.on .info_content {
  padding: .66rem 1.03rem;
  max-height: 100rem;
  border-top: .01rem solid rgba(210, 210, 210, 0.22);
  opacity: 1;
}

.section_2 .content .list .info_content .left .left_content .title {
  color: rgba(51, 51, 51, 1);
  /*font-family: "H_Medium";*/
  font-family: 'Microsoft YaHei';
  font-weight: 500;
  line-height: 1.16;
  margin-bottom: .21rem;
}

.section_2 .content .list .info_content .left .left_content p {
  color: rgba(85, 85, 85, 1);
  /*font-family: "H_Regular";*/
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  line-height: 1.88;
}

.section_2 .content .list .info_content .right {
    width: 6rem;
}

.section_2 .content .list .info_content .right .right_content {
  color: rgba(85, 85, 85, 1);
  /*font-family: "H_Regular";*/
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  line-height: 1.55;
}

.section_2 .content .list .info_content .right .btn {
  color: rgba(255, 255, 255, 1);
  /*font-family: "H_Regular";*/
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  line-height: 1.1875;
  gap: .2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .15rem .28rem;
  background: rgba(36, 145, 202, 1);
  border-radius: .35rem;
  /*width: 1.69rem;*/
  margin: .69rem 0 0 0;
}

.section_2 .content .list .info_content .right .btn img {
  width: .28rem;
}

.section_3 {
  position: relative;
  height: 13.25rem;
}

.section_3 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section_3 .bg .bg_main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.section_3 .bg .bg_top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5.21rem;
  object-fit: cover;
  z-index: 1;
}

.section_3 .form {
  width: 13.99rem;
  position: absolute;
  top: 3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  padding: .92rem 2.5rem;

  border-radius: .25rem;
  border: .01rem solid #FFF;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.68) 0%, rgba(255, 255, 255, 0.00) 100%);
  box-shadow: 0 -.06rem .313rem .13rem rgba(36, 145, 202, 0.10);
  backdrop-filter: blur(.4275rem);
}

.section_3 .form .title {
  text-align: center;
  margin-bottom: .96rem;
}

.section_3 .form .title .p_desc {
  color: rgba(79, 96, 109, 1);
  font-family: "M_Light";
  font-weight: 300;
  line-height: 1.15;
  margin: .1rem 0 0 0;
  letter-spacing: .0252rem;
}

.section_3 .form .form_box {
  display: flex;
  gap: .58rem;
  flex-wrap: wrap;
}

.section_3 .form .form_box .form_item {
  display: flex;
  flex-direction: column;
  gap: .08rem;
  width: 2.6rem;
}

.section_3 .form .form_box .form_item input,
.section_3 .form .form_box .form_item textarea {
  padding: .12rem .16rem;
  border-radius: .1rem;
  border: .01rem solid rgba(153, 153, 153, 0.5);
  background: transparent;
}

.section_3 .form .form_box .form_item input::placeholder,
.section_3 .form .form_box .form_item textarea::placeholder {
  color: rgba(153, 153, 153, 0.5);
  /* font-size: 14px; */
}

.section_3 .form .form_box .form_item.required label::after {
  content: "*";
  color: #F00;
}

.section_3 .form .form_box .form_item.large {
  width: 100%;
}

.section_3 .form .p_btn {
  background: transparent;
  border-style: none;
  margin: .4rem auto 0 auto;
}

@media (max-width: 767px) {
    .section_1 {
        margin: 0;
    }
    .section_1 .top_bg .bg {
        display: none;
    }
    .section_1 .top_bg .bg_m {
        display: block;
        position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          z-index: 0;
    }
    .section_1 .top_bg .info {
        top: 3.79rem;
        left: 20px;
        width: 90%;
    }
    .section_1 .top_bg .info .label {
        font-size: 14px;
    }
    .section_1 .top_bg .info .desc {
        font-size: 14px;
    }
    .section_1 .boxs {
        flex-wrap: wrap;
        flex-direction: unset;
        padding: 0 20px;
    }
    .section_1 .boxs .item {
        /*width: calc(50% - 0.148rem);*/
        width: 100%;
        height: auto;
        text-align: center;
    }
    .section_1 .boxs .item .icon {
        margin: 0 auto .4285rem auto;
    }
    .section_1 .boxs .item .name span {
        font-size: 16px;
    }
    .section_1 .boxs .item .desc {
        font-size: 14px;
    }
    .section_1 .boxs .item .desc img {
        width: 60px;
        height: 60px;
    }
    
    .section_2 {
        padding: 0 20px 60px;
    }
    .section_2 .top {
        flex-direction: column;
        gap: 20px;
    }
    .section_2 .content_box {
        margin: 40px 0 0 0;
    }
    .section_2 .content .label {
        padding: 10px;
    }
    .section_2 .content .label .label_item {
        font-size: 14px;
    }
    .section_2 .content .list .info_label {
        padding: 20px 10px;
    }
    .section_2 .content .list .info_label .info_label_text {
        font-size: 14px;
    }
    .section_2 .content .list .info.on .info_content {
        flex-direction: column;
        padding: 30px 20px;
        gap: 30px;
    }
    .section_2 .content .list .info_content .left .left_content .title {
        font-size: 14px;
    }
    .section_2 .content .list .info_content .left .left_content p {
        font-size: 12px;
    }
    .section_2 .content .list .info_content .right .right_content {
        font-size: 14px;
    }
    .section_2 .content .list .info_content .right .btn {
        /*width: 112px;*/
        display: inline-flex;
        font-size: 14px;
    }
    
    .section_3 {
        height: 18.25rem;
    }
    .section_3 .form {
        width: 90%;
        padding: 20px;
    }
    .section_3 .form .title .p_label {
        font-size: 20px !important;
    }
    .section_3 .form .form_box .form_item {
        width: 100%;
    }
    .section_3 .form .form_box .form_item label {
        font-size: 14px;
    }
    .section_3 .form .form_box .form_item input,
    .section_3 .form .form_box .form_item input::placeholder,
    .section_3 .form .form_box .form_item textarea,
    .section_3 .form .form_box .form_item textarea::placeholder {
        font-size: 14px;
    }
}