/* 测算信息输入页 — 星問 UI */
html.cs-input-html {
  margin: 0;
  padding: 0;
  max-width: none !important;
  width: 100% !important;
  min-height: 100%;
  font-size: 100px;
  background: #fbfaf6;
}

body.cs-input-page {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
  min-width: 0;
  min-height: 100vh;
  box-sizing: border-box;
  background: #fbfaf6 url("/statics/ffsm/index/ui/cs-input-bg.jpg") center top / cover no-repeat !important;
  color: #3e3a39;
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}

body.cs-input-page .public_header,
body.cs-input-page .m_top_tip,
body.cs-input-page .index-top__tip,
body.cs-input-page .base-order-history,
body.cs-input-page .m-order-history,
body.cs-input-page .public_test_fixed,
body.cs-input-page .public_footer_servers,
body.cs-input-page .public_footer,
body.cs-input-page footer.public_footer,
body.cs-input-page .bazisyy-section,
body.cs-input-page .know_img,
body.cs-input-page .pinglunqu,
body.cs-input-page .indexWei,
body.cs-input-page .picture,
body.cs-input-page .index-banner,
body.cs-input-page .indexBann,
body.cs-input-page .banner,
body.cs-input-page .index-xuan,
body.cs-input-page .m-box,
body.cs-input-page .index-bottom-form,
body.cs-input-page .index-pic,
body.cs-input-page .picture,
body.cs-input-page > img.m-img,
body.cs-input-page > img:not(.cs-input-keep),
body.cs-input-page .footer_hot,
body.cs-input-page .J_testFixedBottom {
  display: none !important;
}

/* 生肖等页：表单字段包在 .m-box 内，需保留为白盒 */
body.cs-input-page form .m-box,
body.cs-input-page form.J_ajaxForm > .m-box {
  display: block !important;
  background: #fbfaf6 !important;
  border: 1px solid #e6e0ee !important;
  border-radius: 0.22rem !important;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 0.3rem !important;
  box-shadow: none !important;
  box-sizing: border-box;
}

.cs-input-shell {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
  min-height: 100vh;
  box-sizing: border-box;
  padding: 0 0.28rem 0.36rem;
}

.cs-input-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.84rem;
  margin: 0 -0.08rem;
}

.cs-input-head__home {
  position: absolute;
  left: 0.04rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.48rem;
  height: 0.48rem;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #a8a39e;
  opacity: 0.92;
  -webkit-tap-highlight-color: transparent;
}

.cs-input-head__home-icon,
.cs-input-head__home svg {
  width: 0.36rem;
  height: 0.36rem;
  display: block;
}

.cs-input-head__brand {
  font-size: 0.3rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  color: #6a6560;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.cs-input-hero {
  position: relative;
  margin-top: 0.2rem;
  padding: 0.36rem 0.36rem 0.32rem;
  width: 100%;
  aspect-ratio: 3 / 2;
  height: auto;
  border-radius: 0.3rem;
  box-sizing: border-box;
  background: linear-gradient(180deg, #c1b3cd 0%, #d8cfe0 45%, #e8e2eb 100%);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cs-input-hero__deco {
  display: none !important;
}

.cs-input-hero__star {
  position: absolute;
  right: 0.2rem;
  top: 0.18rem;
  width: 1.36rem;
  height: 1.12rem;
  display: block;
  pointer-events: none;
  z-index: 0;
  opacity: 0.95;
}

.cs-input-hero__top {
  position: relative;
  z-index: 1;
  max-width: 68%;
}

.cs-input-hero__title {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 0.4rem;
  font-weight: 600;
  color: #4a4458;
  line-height: 1.25;
  letter-spacing: 0.02em;
}

.cs-input-hero__desc {
  position: relative;
  z-index: 1;
  margin: 0.1rem 0 0;
  font-size: 0.24rem;
  font-weight: 400;
  color: #8e879a;
  line-height: 1.4;
}

.cs-input-hero__motto {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 0.24rem;
  font-weight: 400;
  color: #6f697a;
  line-height: 1.35;
  letter-spacing: 0.04em;
}

.cs-input-main {
  margin-top: 0.22rem;
}

/* 统一表单白盒 */
body.cs-input-page .cs-input-form,
body.cs-input-page form.J_ajaxForm.index-form,
body.cs-input-page .index-form,
body.cs-input-page .yunyincs-form,
body.cs-input-page .jieming-form,
body.cs-input-page .public_bg_color,
body.cs-input-page .m-box > form,
body.cs-input-page form.J_ajaxForm {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.cs-input-page .index-form-wrap,
body.cs-input-page .public_form_wrap,
body.cs-input-page .index-form__ul,
body.cs-input-page .yunyincs-form__ul,
body.cs-input-page .jieming-form__ul,
body.cs-input-page .m-box .form-box,
body.cs-input-page .form-box,
body.cs-input-page .cs-input-fields {
  background: #fbfaf6 !important;
  border: 1px solid #e6e0ee !important;
  border-radius: 0.22rem !important;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 0.28rem !important;
  list-style: none !important;
  box-sizing: border-box;
}

body.cs-input-page .index-form-wrap__head,
body.cs-input-page .yunyincs-form__top,
body.cs-input-page .jieming-form__top,
body.cs-input-page .index-form__test,
body.cs-input-page .jieming-form__num,
body.cs-input-page .form_bottom_txt,
body.cs-input-page .public_agreement p,
body.cs-input-page .yunyincs-form__agreement p {
  display: none !important;
}

body.cs-input-page .index-form-wrap__item,
body.cs-input-page .public_form_wrap li,
body.cs-input-page .index-form__li,
body.cs-input-page .yunyincs-form__li,
body.cs-input-page .jieming-form__li,
body.cs-input-page .form-box__item,
body.cs-input-page .cs-input-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 0.84rem;
  margin: 0 !important;
  padding: 0.14rem 0 !important;
  border: none !important;
  border-bottom: 1px solid #efeaf4 !important;
  background: transparent !important;
  box-sizing: border-box;
}

body.cs-input-page .index-form-wrap__item:last-child,
body.cs-input-page .public_form_wrap li:last-child,
body.cs-input-page .index-form__li:last-child,
body.cs-input-page .yunyincs-form__li:last-child,
body.cs-input-page .jieming-form__li:last-child,
body.cs-input-page .form-box__item:last-child,
body.cs-input-page .cs-input-row:last-child {
  border-bottom: none !important;
}

body.cs-input-page .index-form-wrap__item > label,
body.cs-input-page .public_form_wrap .left,
body.cs-input-page .index-form__words,
body.cs-input-page .yunyincs-form__li-words,
body.cs-input-page .jieming-form__li-words,
body.cs-input-page .form-box__item .l,
body.cs-input-page .cs-input-label {
  flex: 0 0 1.4rem !important;
  width: 1.4rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.28rem !important;
  font-weight: 400 !important;
  color: #4a4644 !important;
  line-height: 1.2 !important;
  white-space: nowrap;
  text-align: left !important;
  background: none !important;
}

body.cs-input-page .index-form-wrap__item > input,
body.cs-input-page .public_form_wrap .auto,
body.cs-input-page .index-form__r,
body.cs-input-page .yunyincs-form__li input,
body.cs-input-page .jieming-form__li-input,
body.cs-input-page .form-box__item .r,
body.cs-input-page .cs-input-control {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.cs-input-page .index-form-wrap__item > input[type="text"],
body.cs-input-page .public_form_wrap .auto > input[type="text"],
body.cs-input-page .index-form__input,
body.cs-input-page .yunyincs-form__li > input[type="text"],
body.cs-input-page .jieming-form__li-input,
body.cs-input-page .form-box__item .r > input[type="text"],
body.cs-input-page .cs-input-control > input[type="text"] {
  width: 100% !important;
  height: 0.48rem !important;
  line-height: 0.48rem !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0.28rem !important;
  font-weight: 400 !important;
  color: #4a4644 !important;
  text-align: left !important;
  -webkit-appearance: none;
}

body.cs-input-page input::placeholder {
  color: #b5b0b4 !important;
  font-weight: 400;
  opacity: 1;
}

/* 性别 */
body.cs-input-page .J_sex,
body.cs-input-page .index-form-wrap__input.J_sex,
body.cs-input-page .index-form__sex,
body.cs-input-page .yunyincs-form__li-sex,
body.cs-input-page .jieming-form__li-sex,
body.cs-input-page .sex.J_sex,
body.cs-input-page .r-sex {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.48rem !important;
  background: transparent !important;
  border: none !important;
}

body.cs-input-page .J_sex span,
body.cs-input-page .sex span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0.28rem !important;
  font-weight: 400 !important;
  color: #a8a4a2 !important;
  line-height: 1 !important;
  cursor: pointer;
}

body.cs-input-page .J_sex span.cur,
body.cs-input-page .sex span.cur {
  color: #4a4644 !important;
  font-weight: 500 !important;
  background: transparent !important;
}

body.cs-input-page .J_sex span i,
body.cs-input-page .sex span i,
body.cs-input-page .J_sex span font,
body.cs-input-page .sex span font {
  font-style: normal !important;
  background: none !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
}

/* 日期三框 */
body.cs-input-page .sx-date-auto,
body.cs-input-page .index-form-wrap__date-wrap,
body.cs-input-page .yunyincs-form__li-date-wrap,
body.cs-input-page .jieming-form__li-date-wrap {
  position: relative !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  justify-content: flex-start !important;
}

body.cs-input-page input.sx-birthday-source,
body.cs-input-page input.sx-birthday-input,
body.cs-input-page .sx-birthday-source.index-form-wrap__item--date {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.cs-input-page .sx-date-split,
body.cs-input-page .index-form-wrap__date-wrap .sx-date-split {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  gap: 0.1rem !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

body.cs-input-page .sx-date-field,
body.cs-input-page .index-form-wrap__date-wrap .sx-date-field {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  padding: 0.06rem 0.08rem !important;
  border: 1px solid #d5cde4 !important;
  border-radius: 0.1rem !important;
  background: #fbfaf6 !important;
  box-sizing: border-box !important;
}

body.cs-input-page .sx-date-field.is-active,
body.cs-input-page .index-form-wrap__date-wrap .sx-date-field.is-active {
  border-color: #b0a0cc !important;
  background: rgba(176, 160, 204, 0.08) !important;
}

body.cs-input-page .sx-date-part,
body.cs-input-page input.sx-date-part,
body.cs-input-page .index-form-wrap__date-wrap input.sx-date-part,
body.cs-input-page .index-form-wrap__item input.sx-date-part {
  width: 0.48rem !important;
  max-width: 0.48rem !important;
  min-width: 0 !important;
  height: 0.34rem !important;
  line-height: 0.34rem !important;
  font-size: 0.24rem !important;
  font-weight: 400 !important;
  color: #4a4644 !important;
  -webkit-text-fill-color: #4a4644 !important;
  text-align: center !important;
  flex: none !important;
  display: inline-block !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.cs-input-page .sx-date-y,
body.cs-input-page input.sx-date-y,
body.cs-input-page .index-form-wrap__date-wrap input.sx-date-y,
body.cs-input-page .index-form-wrap__item input.sx-date-y {
  width: 0.64rem !important;
  max-width: 0.64rem !important;
}

body.cs-input-page .sx-date-unit,
body.cs-input-page .index-form-wrap__date-wrap .sx-date-unit {
  font-size: 0.2rem !important;
  font-weight: 400 !important;
  color: #8a8580 !important;
  margin-left: 0.02rem !important;
  flex: none !important;
}

/* 协议 */
body.cs-input-page .public_agreement,
body.cs-input-page .index-form__agreement,
body.cs-input-page .yunyincs-form__agreement,
body.cs-input-page .jieming-form__agreement,
body.cs-input-page .cs-input-agree {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.08rem !important;
  margin: 0.22rem 0.04rem 0 !important;
  padding: 0 !important;
  font-size: 0.22rem !important;
  font-weight: 400 !important;
  color: #a09c9a !important;
  line-height: 1.4 !important;
  background: transparent !important;
}

body.cs-input-page .public_agreement input[type="checkbox"],
body.cs-input-page .index-form__agreement input[type="checkbox"],
body.cs-input-page .yunyincs-form__agreement input[type="checkbox"],
body.cs-input-page .jieming-form__agreement input[type="checkbox"],
body.cs-input-page .cs-input-agree input[type="checkbox"] {
  width: 0.26rem !important;
  height: 0.26rem !important;
  margin: 0 0.06rem 0 0 !important;
  accent-color: #9b88b8;
  flex-shrink: 0;
}

body.cs-input-page .public_agreement a,
body.cs-input-page .index-form__agreement a,
body.cs-input-page .yunyincs-form__agreement a,
body.cs-input-page .jieming-form__agreement a,
body.cs-input-page .cs-input-agree a {
  color: #a09c9a !important;
  text-decoration: none !important;
}

/* 提交按钮 */
body.cs-input-page form.J_ajaxForm,
body.cs-input-page .index-form form,
body.cs-input-page .yunyincs-form form {
  display: flex !important;
  flex-direction: column !important;
}

body.cs-input-page .index-form-wrap,
body.cs-input-page .public_form_wrap,
body.cs-input-page .index-form__ul,
body.cs-input-page .yunyincs-form__ul,
body.cs-input-page .jieming-form,
body.cs-input-page form .m-box {
  order: 1;
}

body.cs-input-page .public_agreement,
body.cs-input-page .index-form__agreement,
body.cs-input-page .yunyincs-form__agreement,
body.cs-input-page .jieming-form__agreement,
body.cs-input-page .cs-input-agree {
  order: 2;
}

body.cs-input-page .bazisyy-btn,
body.cs-input-page .m-btn,
body.cs-input-page .index-form__btn,
body.cs-input-page .yunyincs-form__btn,
body.cs-input-page .jieming-form__btn,
body.cs-input-page .public_btn_s,
body.cs-input-page .cs-input-submit-wrap,
body.cs-input-page form.J_ajaxForm > div:has(.J_ajax_submit_btnsub) {
  order: 3;
}

body.cs-input-page .bazisyy-btn,
body.cs-input-page .m-btn,
body.cs-input-page .index-form__btn,
body.cs-input-page .yunyincs-form__btn,
body.cs-input-page .jieming-form__btn,
body.cs-input-page .public_btn_s,
body.cs-input-page .cs-input-submit-wrap {
  margin: 0.28rem 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  text-align: center !important;
}

body.cs-input-page .cs-input-submit-wrap .J_ajax_submit_btnsub,
body.cs-input-page a.J_ajax_submit_btnsub {
  height: 0.84rem !important;
  font-size: 0.3rem !important;
}

body.cs-input-page a.J_ajax_submit_btnsub,
body.cs-input-page .J_ajax_submit_btnsub,
body.cs-input-page input.J_ajax_submit_btnsub,
body.cs-input-page .bazisyy-btn.J_ajax_submit_btnsub,
body.cs-input-page .m-btn.J_ajax_submit_btnsub,
body.cs-input-page .public_btn_s .J_ajax_submit_btnsub {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 0.84rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 999px !important;
  background: #3e3a39 !important;
  color: #fff !important;
  font-size: 0.3rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.28em !important;
  text-indent: 0.28em !important;
  text-decoration: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  box-sizing: border-box;
}

body.cs-input-page input.J_ajax_submit_btnsub {
  text-indent: 0 !important;
  letter-spacing: 0.28em !important;
}

/* bazizh 等页面外层 */
body.cs-input-page .public_bg_color {
  padding: 0 !important;
  margin: 0 !important;
}

body.cs-input-page .wrapper {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

body.cs-input-page .J_index_step1 {
  background: transparent !important;
}

@media screen and (min-width: 641px) {
  html.cs-input-html {
    font-size: 100px;
  }
}