@charset "UTF-8";
/*.progress-wrapper-vn {*/
/*  !*width: 700px;*!*/
/*  width: 1200px;*/
/*  display: -webkit-box;*/
/*  display: -webkit-flex;*/
/*  display: -ms-flexbox;*/
/*  display: flex;*/
/*  -webkit-box-orient: vertical;*/
/*  -webkit-box-direction: normal;*/
/*  -webkit-flex-direction: column;*/
/*  -ms-flex-direction: column;*/
/*  flex-direction: column;*/
/*  margin: 54px auto 56px;*/
/*  min-height: 100px;*/
/*  line-height: 48px;*/
/*  position: relative;*/
/*}*/

.progress-wrapper {
  /*width: 700px;*/
  width: 1200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 54px auto 56px;
  min-height: 100px;
  line-height: 48px;
  position: relative;
}
.progress-wrapper .progress-title {
  min-width: none;
  -width: 104px;
  height: 37px;
  margin: 0 auto;
  font-family: PingFangSC-Medium;
  font-size: 26px;
  line-height: 37px;
  color: #333333;
}
.progress-wrapper .progressBox {
  /*-webkit-box-align: start;*/
  /*-webkit-align-items: flex-start;*/
  /*    -ms-flex-align: start;*/
  /*        align-items: flex-start;*/
  /*display: -webkit-box;*/
  /*display: -webkit-flex;*/
  /*display: -ms-flexbox;*/
  /*display: flex;*/
  /*gap: 16px;*/
  /*-webkit-box-pack: justify;*/
  /*-webkit-justify-content: space-between;*/
  /*    -ms-flex-pack: justify;*/
  /*        justify-content: space-between;*/
  /*margin: 34px 0 0px 0;*/
  width: 950px;
  /* max-width: 900px; */
  /* -webkit-box-align: start; */
  /* -webkit-align-items: flex-start; */
  -ms-flex-align: start;
  /* align-items: flex-start; */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 34px auto 0;
}
.progress-wrapper .progressBox-cn {

  width: 700px;
  /* max-width: 900px; */
  /* -webkit-box-align: start; */
  /* -webkit-align-items: flex-start; */
  -ms-flex-align: start;
  /* align-items: flex-start; */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 34px auto 0;
}
.progress-wrapper .progressBox-cn .long {
  width: 20px;
  height: 64px;
}
.progress-wrapper .progressBox-cn .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  white-space: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.progress-wrapper .progressBox-cn .box img {
  width: 64px;
  height: 64px;
}

.progress-wrapper .progressBox .long {
  width: 20px;
  height: 64px;
}
.progress-wrapper .progressBox .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  white-space: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.progress-wrapper .progressBox .box img {
  width: 64px;
  height: 64px;
}

.form-wrpper {
  width: 485px;
  margin: 56px auto 100px;
}
.form-wrpper .form-container {
  margin: 0 auto;
  max-width: 533px; /* 左侧标签+右侧输入框总宽度 */
}
.form-wrpper .form-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 30px;
}

.form-wrpper .form-group.mb18 {
  margin-bottom: 18px ;
}
.form-wrpper .form-label {
  font-family: "PingFangSC-Semibold", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  width: 120px; /* 标签固定宽度 */
  padding-right: 30px;
  display: -webkit-box;
  white-space: nowrap;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}
.form-wrpper .required-mark {
  color: #E60012;
}
.form-wrpper .form-input, .form-wrpper .form-select {
  width: 380px;
  height: 48px;
  padding: 0 15px;
  border: 1px solid #999999;
  border-radius: 4px;
  font-size: 14px;
}
.form-wrpper .form-textarea {
  width: 380px;
  height: 170px;
  padding: 15px;
  border: 1px solid #999999;
  border-radius: 4px;
  font-size: 14px;
  resize: none;
}
.form-wrpper .form-submit-container {
  /*width: 380px;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
  /*margin-left: auto;*/
}
.form-wrpper .form-submit {
  width: 210px;
  height: 42px;
  background: #E60012;
  border: none;
  border-radius: 4px;
  color: white;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

label.global-side-form-err-tip {
  position: absolute;
  top: 100%;
  left: 0;
  color: #F56C6C;
  font-size: 12px;
  line-height: 1;
  padding-top: 2px;
}

.error-message {
  white-space: nowrap;
  position: absolute;
  bottom: -20px;
  left: 0;
  color: #E60012;
  font-size: 12px;
  display: block;
}

.form-group {
  margin-bottom: 20px;
}

.form-input, .form-select, .form-textarea {
  width: 380px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.form-textarea {
  height: 120px;
  resize: vertical;
}

.form-submit {
  background: #E60012;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 4px;
  cursor: pointer;
}

.required-mark {
  color: #E60012;
}

.form-group-row {
  position: relative;
  display: flex;
  align-items: center;
}
.form-input.form-input-phone{
  padding-left: 60px;
}
.country-code {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #999;
  border-radius: 4px 0 0 4px;
  padding: 0px 7px;
  color: #fff;
  display: inline-block;
  height: 48px;
  line-height: 48px;
  width: 48px;
  text-align: center;
  z-index: 1;
  font-size: 14px;
}
.contact-container {
  width: 100%;
  height: 106px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #F8F8F8;
  padding: 0 20px;
}

/* 联系信息项样式 */
.contact-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: PingFangSC-Regular, sans-serif;
  font-size: 24px;
  color: #333333;
}

/* 电话和邮箱之间的间距 */
.contact-item.phone {
  margin-right: 120px;
}

/* 图标样式（如果需要） */
.contact-icon {
  margin-right: 8px;
}

.form-select {
  appearance: none; /* 移除默认样式 */
  -webkit-appearance: none; /* Safari兼容 */
  -moz-appearance: none; /* Firefox兼容 */
}

/* 自定义下拉容器 */
.custom-select-container {
  position: relative;
  width: 380px;
  height: 48px;
}

/* 隐藏原生select但保留功能 */
.form-select {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}

/* 自定义显示区域 */
.custom-select-display {
  width: 100%;
  padding: 25px 20px 25px 12px;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 14px;
  color: #333;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 4px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  height: 40px;
}

/* 悬停效果 */
.custom-select-display:hover {
  border-color: #999;
}

/* 下拉箭头 */
.custom-arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

/* 下拉选项列表 */
.custom-options {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  background: #fff;
  border: 1px solid #999;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  z-index: 1000;
  display: none;
}

/* 下拉选项 */
.custom-options li {
  padding: 8px 12px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #606266;
}

/* 选项悬停效果 */
.custom-options li:hover {
  background-color: #e4e3e3;
  color: #333;
}

/* 选中状态 */
.custom-options li.selected {
  color: #333;
  background-color: #d6d6d6;
}

.head-crumbs {
  width: 1200px;
  margin: 16px auto;
  font-family: Helvetica;
  font-size: 12px;
}
.head-crumbs a:hover {
  text-decoration: underline;
}
.head-crumbs .p1 {
  color: #333333;
}
.head-crumbs .p2 {
  font-family: MicrosoftYaHei;
  font-size: 12px;
  color: #999999;
  line-height: 14px;
}

/* 保持风格一致 */
.bootstrap-select .dropdown-toggle {
  background-color: #fff;
  border: 1px solid #ccc;
  height: 38px;
  border-radius: 4px;
  box-shadow: none !important;
}

.dropdown-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 12px;
  font-size: 14px;
  color: #333;
}

.dropdown-item:hover {
  background-color: #f6f6f6 !important;
}
.bootstrap-select .dropdown-menu li a span.text {
  position: relative;
}
/* 勾选图标 */
.check-icon {
  /*width: 14px;*/
  /*height: 14px;*/
  /*position: relative;*/
  /*right: 300px;*/
  width: 14px;
  height: 14px;
  position: absolute;
  right: -19px;
  top: 50%;
  transform: translate(0, -50%);
}

/* 隐藏选中框中图标 */
.filter-option-inner-inner img.check-icon {
  display: none !important;
}

/* 最强覆盖，增加父选择器 */
body .bootstrap-select .dropdown-toggle:focus,
body .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: none !important;
  box-shadow: none !important;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: none;
  border-color: var(--bs-btn-active-border-color);
}

.btn-light {
  --bs-btn-hover-bg: #fff !important;
  --bs-btn-active-bg: #fff !important;
}

.bootstrap-select .dropdown-toggle {
  background-color: #fff;
  border: 1px solid #999;
  height: 48px;
  border-radius: 4px;
  box-shadow: none !important;
}

.filter-option-inner {
  height: 100%;
  line-height: 36px;
}

.dropdown-menu {
  --bs-dropdown-link-active-bg: #f8f9fa !important;
  --bs-dropdown-link-active-color:#333333 !important;
}


.form-submit:disabled {
    background: #E18786;
   cursor: not-allowed;
 }
.form-info{
  font-size: 12px;
  color: #666;
  margin-left: auto;
  width: 380px;
}
.form-wrpper .form-input::placeholder,.form-textarea::placeholder{
  color: #666;
}