.page {
  background-color: #004336;
  position: relative;
  overflow: hidden;
}
.bg-green {
  background-color: #004336;


}
.pt-100px {
  padding-top: 100px;
}


.bg_img{
   background-color: #004336;
  background-repeat: no-repeat;   /* 不重复 */
  background-size: 100% auto;     /* 宽度铺满，高度按比例 */
  background-position: top center; /* 居中对齐，可改成 center center */
}
.bg_img2{
   background-color: #ffffff;
  background-repeat: no-repeat;   /* 不重复 */
  background-size: 100% auto;     /* 宽度铺满，高度按比例 */
  background-position: top center; /* 居中对齐，可改成 center center */
}
.desc_color {
  color: #80A093;
}

.w-25 {
  width: 130px;
}
.leading-relaxed{
  line-height: 1.8;
}

.box-with-border {
  position: relative;
}

.box-with-border::after {
  content: "";
  position: absolute;
  right: 0;
  top: 30%; /* (100% - 80%) / 2 = 10% */
  height: 50%; /* 高度为 80% */
  border-right: 1px dashed #67867a;
}
  .name-mobile-form button {
        background-color:#67867a;
        color: white;
        font-weight: bold;
    }
    .input-wrapper {
        display: flex;
        align-items: center;
        padding: 0;
        /* 去除边距 */
        border-radius: 40px;
        background-color: white;

    }

    .input-wrapper label {
        background-color: #67867a;
        color: white;
        width: 6rem;
        text-align: center;
        margin: auto;
        padding: 5px 10px;
        line-height: 40px;
        border-radius: 40px;
        font-weight: bold;
        font-size: 1.2rem;
    }

    .input-wrapper input {
        flex: 1;
        height: 40px;
        border: none;
        background-color: transparent;
        outline: none;
        font-size: 1rem;
    }
 .footer {
    background: #004336;
}


  .selector {
   
   margin-bottom: 150px;
  }
  .my-button {
      position: absolute;
    left: 50%;
    z-index: 2;
    top: 47%;
    left: 23%;
    width: 8%;
  }
/* 当屏幕宽度 < 1920px 时，动态计算 margin-bottom */
@media (max-width: 1920px) {
  .selector {
    /* 
      公式：150px - (1920px - 屏幕宽度) / 100 * 10px 
      解释：屏幕每比 1920px 小 100px，margin-bottom 减 10px
    */
   margin-bottom: calc(
      clamp(30px, 160px - (1920px - 100vw) / 10, 160px)
    );
  }
}

/* 兜底：屏幕过小时限制最小值 */
@media (max-width: 1600px) {
  .selector {
    margin-bottom: calc(
      clamp(30px, 120px - (1920px - 100vw) / 10, 120px)
    );
  }
}

/* 兜底：屏幕过小时限制最小值 */
@media (max-width: 1200px) {
  .selector {
    margin-bottom: calc(
      clamp(0px, 80px - (1920px - 100vw) / 10, 80px)

    );
  }
}