@import url("/statics/ffsm/public/js/chenrf/rui-datepicker.min.css");

.birth-picker-field > label { line-height: 1.6; padding-top: 14px; }
.birth-picker-trigger { display:flex; align-items:center; gap:12px; width:100%; min-height:78px; padding:14px; text-align:left; border:1px solid #d9cbb8; border-radius:10px; color:#514738; background:#fffdf9; cursor:pointer; }
.birth-picker-trigger:hover { border-color:#9c4438; background:#fbf6ee; }
.birth-picker-trigger strong { display:block; font-size:14px; font-weight:500; line-height:1.7; }
.birth-picker-trigger small { display:block; color:#958574; font-size:11px; line-height:1.8; margin-top:3px; }
.birth-picker-symbol { display:grid; place-items:center; flex:none; width:36px; height:40px; background:#f4eadc; color:#9c4438; border-radius:7px; font:21px SimSun,serif; }
.birth-picker-chevron { margin-left:auto; font-size:26px; color:#9c4438; }
.bazijp-picker { inset:0; width:100%; height:100%; max-width:none; max-height:none; margin:0; padding:20px; border:0; border-radius:0; background:transparent; overflow:auto; font-family:"Microsoft YaHei","PingFang SC",sans-serif; font-size:10px; }
.bazijp-picker[open] { display:flex; align-items:center; justify-content:center; }
.bazijp-picker::backdrop { background:#30271d99; backdrop-filter:blur(3px); }
.bazijp-picker .date_ctrl { position:relative; inset:auto; margin:auto; width:100%; max-width:600px; border:1px solid #e3d7c5; border-radius:20px; background:#fffdf9; color:#514738; box-shadow:0 24px 80px #30271d33; overflow:hidden; }
.picker-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:24px 26px 18px; }
.picker-heading p { margin:0 0 7px; font-size:11px; letter-spacing:2px; color:#9c4438; }
.picker-heading h2 { margin:0; font:24px/1.5 SimSun,serif; }
.picker-close { width:40px; height:40px; border:1px solid #e8dfd1; background:#f8f3eb; border-radius:50%; font-size:24px; color:#81715e; cursor:pointer; }
.bazijp-picker .date_info_box { margin:0 24px; padding:12px; border:1px solid #e9dfcf; border-radius:9px; background:#f7f1e7; color:#88613e; font-size:14px; font-weight:400; line-height:1.7; }
.bazijp-picker .date_class_box { display:flex; gap:4px; margin:20px 24px 16px; padding:4px; background:#f1ece3; border-radius:10px; }
.bazijp-picker .date_class { flex:1; width:auto; padding:9px; border:0; border-radius:7px!important; color:#897b68; font-size:14px; line-height:1.6; }
.bazijp-picker .date_class.active { color:#9c4438; background:#fffdf9; box-shadow:0 2px 7px #76634812; font-weight:600; }
.picker-quick { display:flex; justify-content:center; align-items:center; gap:10px; margin:0 24px 18px; font-size:12px; color:#84745f; }
.picker-quick input { width:100px; height:38px; border:1px solid #dfd3c1; border-radius:7px; background:#fffdf9; padding:0 10px; color:#514738; font-size:16px; }
.picker-quick button { height:38px; padding:0 16px; border:1px solid #dfd3c1; background:#f7f0e6; border-radius:7px; color:#9c4438; cursor:pointer; }
.picker-columns,.picker-steps { display:grid; grid-template-columns:20% 20% 20% 40%; padding:0 20px; text-align:center; color:#9b8a72; font-size:12px; }
.bazijp-picker .date_roll_mask { margin:8px 20px; padding:0; -webkit-mask:none; mask:none; }
.bazijp-picker .date_roll { -webkit-mask:none; mask:none; font-weight:400; }
.bazijp-picker .date_roll > div { height:6em; font-size:20px; touch-action:none; }
.bazijp-picker .date_roll > div .gear { font-size:20px; user-select:none; }
.bazijp-picker .date_grid { background:#f1e8da; border-top:1px solid #dcc6a6; border-bottom:1px solid #dcc6a6; box-shadow:none; pointer-events:none; }
.bazijp-picker .tooth { height:40px; line-height:40px; color:#a79b8b; font-size:16px; }
.bazijp-picker .tooth.is-selected { color:#923f34; font-weight:600; }
.bazijp-picker .date_hh .tooth { font-size:13px!important; }
.picker-steps > div { display:flex; justify-content:center; gap:6px; }
.picker-steps button { width:30px; height:28px; border:1px solid #e8dfd1; border-radius:6px; background:#fffdf9; font-size:16px; color:#8a7659; cursor:pointer; }
.picker-steps button:hover { background:#f4eadc; }
.picker-help { text-align:center; margin:15px 16px 12px; font-size:11px; color:#9b8c78; line-height:1.7; }
.picker-error { margin:10px 24px; font-size:12px; color:#9c4438; line-height:1.8; text-align:center; }
.picker-error:empty { display:none; }
.bazijp-picker .date_btn_box { display:flex; gap:12px; padding:18px 24px 22px; border-top:1px solid #ede4d8; }
.bazijp-picker .date_btn { float:none; width:auto; flex:1; border:1px solid #e2d6c4; border-radius:9px; padding:14px; font-size:14px; line-height:1.4; color:#84725a; background:#fffdf9; }
.bazijp-picker .lcalendar_finish { order:2; color:#fffdf9; background:#9c4438; border-color:#9c4438; }
.bazijp-picker .lcalendar_cancel { order:1; }
.bazijp-picker .date_confirm_wrap { padding:28px 24px; }
.bazijp-picker .confirm_tit { color:#8a7659; font-size:16px; margin:0 0 18px; }
.bazijp-picker .confirm_p { text-align:left; font-size:14px; line-height:2; margin-bottom:12px; }
.bazijp-picker .confirm_p b { color:#9c4438; }
@media(max-width:480px) {
  .birth-picker-field > label { padding-top:0; }
  .birth-picker-trigger { padding:12px; gap:9px; }
  .birth-picker-trigger strong { font-size:13px; }
  .bazijp-picker { padding:12px; }
  .bazijp-picker .date_ctrl { border-radius:16px; }
  .picker-heading { padding:20px 16px 16px; }
  .picker-heading h2 { font-size:21px; }
  .bazijp-picker .date_info_box { margin-inline:14px; font-size:12px; }
  .bazijp-picker .date_class_box { margin:16px 14px; }
  .picker-columns,.picker-steps { padding-inline:10px; }
  .bazijp-picker .date_roll_mask { margin-inline:10px; }
  .bazijp-picker .date_hh .tooth { font-size:10px!important; }
  .bazijp-picker .date_btn_box { padding:16px 14px; }
}
@media(prefers-reduced-motion:reduce) { .bazijp-picker * { animation:none!important; } }