.bokai_foot {
  position: relative;
  background-image: url('https://cdn.xiaoman.cn/figma/zh-CN/cf4bddec569b55cf073f92bef873463d5620ad42_SOURCE.png');
  background-size: cover;
  background-position: center;
  /* min-height: 51.25rem; */
}

.bokai-foot-overlay {
  position: absolute;
  inset: 0;
  background: rgba(54, 190, 106, 0.8);
  z-index: 0;
}

/* 询盘表单区域 */
.bokai-foot-inquiry {
  position: relative;
  z-index: 1;
  padding: 4rem 0;
}

.bokai-foot-inquiry .container {
  padding: 0px;
}

.bokai-foot-inquiry .inqury-form.form {
  /* flex-direction: row !important; */
  display: grid !important;
  grid-template-columns: 20.625rem 20.625rem 27.5rem 17.5rem;
  gap: 1.25rem;
}

.bokai-foot-inquiry .inqury-form .input-wrap .input-wrap-box {

}

.bokai-foot-inquiry .inqury-form.form .input-wrap-box input {
  display: flex;
  align-items: center;
  font-size: var(--font-size-md);
  outline: none;
  border: none;
  padding: 0px;
}

.bokai-foot-inquiry .inqury-form.form .input-wrap-box input::placeholder {
  color: var(--color-primary);
}

.bokai-foot-inquiry .inqury-form.form .input-wrap {
  padding: 0px !important;
}

.bokai-foot-inquiry .inqury-form.form .input-wrap .input-wrap-box  input {
    padding: 1rem 1.25rem !important;
  background-color: #fff;
  border-radius: 8px;
  height: 56px!important;
  overflow: hidden;
}

.bokai-foot-inquiry .inqury-form.form .input-wrap .text-center {
  height: 100%;
}

.bokai-foot-inquiry .inqury-form.form .input-wrap .text-center .inqury_submit {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: #ddf3e5;
  color: var(--color-primary);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-xl);
  line-height: 150%;
  padding: max(0.625rem, 10px) 2.5rem;
  font-family: var(--font-family);
  transition: all 0.3s;
}

.bokai-foot-inquiry
  .inqury-form.form
  .input-wrap
  .text-center
  .inqury_submit:hover {
  background: #36be6a;
  color: #fff;
}

/* 隐藏表单标签和计数器 */
.bokai-foot-inquiry .input-label,
.bokai-foot-inquiry .char-count,
.bokai-foot-inquiry .inqury_title_box {
  display: none !important;
}

/* 标题样式 */
.bokai-foot-contact-title,
.bokai-foot-links-title {
  color: #fff;
  position: relative;
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 2.5rem;
}

.bokai-foot-contact-title::after,
.bokai-foot-links-title::after {
  content: '';
  /* position: absolute; */
  position: relative;
  display: inline-block;
  bottom: 0;
  left: 0;
  width: 4.25rem;
  height: 0.25rem;
  background: #fff;
}

.bokai-foot-contact-info {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.bokai-foot-contact-info-custom-tel {
  color: #fff;
  line-height: 116%;
}

.bokai-foot-contact-info-custom-tel a {
  color: #fff!important;
}

.bokai-foot-contact-info-company_name {
  font-size: var(--font-size-lg);
  color: #fff;
  font-weight: var(--font-weight-xl);
  font-family: var(--font-family);
}

/* 主要内容区域 */
.bokai-foot-main {
  position: relative;
  z-index: 1;
  padding-bottom: 2rem;
}

.bokai-foot-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15rem;
  margin-bottom: 3rem;
}

/* 左侧联系信息 */

.bokai-foot-contact .foot-companyInfo {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 2.5rem;
}

.bokai-foot-contact .foot-line {
  display: flex;
  align-items: flex-start;
  font-family: var(--font-family);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-base);
  line-height: 150%;
}

.bokai-foot-contact .foot-line .label {
  flex-shrink: 0;
  color: #fff;
  display: contents;
}

.bokai-foot-contact .foot-line-info {
  color: #fff;
  text-decoration: none;
  opacity: 0.85;
  transition: opacity 0.3s;
  display: contents;
}

.bokai-foot-contact .foot-line-info:hover {
  opacity: 1;
}

.bokai-foot-contact,
.bokai-foot-links {
  width: 100%;
  overflow: hidden;
}

/* 右侧链接 */
.bokai-foot-links {
  /* display: grid; */
  display: flex;
  flex-direction: column;
  width: 100%;
}

.bokai-foot-links .foot-col_list-inner {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 1.25rem;
  column-gap: 2.5rem;
}

.bokai-foot-links .foot-col_list-item {
}

.bokai-foot-links .foot-col_list-item a {
  color: #fff;
  text-decoration: none;
  font-size: var(--font-size-md);
  font-family: var(--font-family);
  line-height: 150%;
  transition: opacity 0.3s;
}

/* 底部 */
.bokai-foot-main .foot-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding-top: 1.5rem;
}

.bokai-foot-main .foot-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bokai-foot-main .copyright {
  color: #fff;
  font-size: max(18px, 1rem);
  opacity: 1;
}

.bokai-foot-main .copyright a {
  color: #fff;
  text-decoration: none;
}

.bokai-foot-main .copyright a:hover {
  opacity: 1;
}

/* 社媒 */

.bokai-foot-main .social {
  margin-top: 2.5rem;
}
.bokai-foot-main .social-list {
  list-style: none;
  display: flex;
  gap: 1rem;
  padding: 0;
  margin: 0;
}

.bokai-foot-main .social-link {
  width: max(2.25rem, 28px);
  height: max(2.25rem, 28px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #fff;
  transition: all 0.3s;
}

/* 响应式 */
@media (max-width: 1024px) {
  .bokai-foot-inquiry .inqury-form.form {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .bokai-foot-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .bokai-foot-links-list .foot-col_list-inner {
    display: flex;
    flex-wrap: wrap;
  }

  /* .bokai-foot-inquiry .inqury-form .input-wrap .input-wrap-box {
    padding: 0.625rem 1.5rem !important;
  } */
}

@media (max-width: 576px) {
}