@charset "utf-8";
/* ================= 基础 ================= */
* { padding:0; margin:0; box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
  color:#dfe6f3;
  font-size:14px;
  font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",sans-serif;
  min-height:100vh;
  background:
    radial-gradient(1000px 520px at 50% -10%, rgba(217,164,65,.18), transparent 60%),
    radial-gradient(700px 400px at 110% 110%, rgba(37,99,235,.12), transparent 60%),
    linear-gradient(160deg,#0b1020 0%,#101830 55%,#0d1226 100%);
  background-attachment:fixed;
  padding-bottom:env(safe-area-inset-bottom);
}
a { text-decoration:none; color:#d9a441; }
a img { border:none; }
ul li { list-style:none; }
.clear { clear:both; }

/* ================= 页头 ================= */
.juZTwo { width:100%; max-width:968px; margin:0 auto; padding:0 16px; }
.logoA { text-align:center; padding:6px 0 0; }
.logoer img { width:100px; max-width:60vw; height:auto; filter:drop-shadow(0 2px 12px rgba(217,164,65,.28)); }

/* ================= 卡片 ================= */
.postionAS {
  margin-top:10px;
  border:1px solid rgba(217,164,65,.38);
  border-radius:14px;
  padding:2px;
  background:linear-gradient(180deg, rgba(217,164,65,.30), rgba(217,164,65,.06));
  box-shadow:0 12px 44px rgba(0,0,0,.45);
}
.postionAD {
  border-radius:12px;
  background:rgba(15,21,40,.94);
  padding:16px 18px;
  width:100%;
}

/* ================= 表单行 ================= */
.registerAll { width:100%; }
.registerAll li {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  padding:12px 0;
  border-bottom:1px solid rgba(217,164,65,.12);
  min-width:0;
}
.registerAll li:last-child { border-bottom:none; }
.registerA {
  flex:0 0 96px;
  text-align:right;
  padding-right:12px;
  font-size:14px;
  color:#e8d9a8;
  line-height:44px;
}
.registerB { flex:0 0 320px; max-width:100%; }
.registerB .inputtxt { width:100%; }
.registerI {
  flex:1;
  min-width:200px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.registerH, .registerK { display:none; }
.registerC {
  flex:1;
  min-width:160px;
  font-size:12px;
  font-family:"Microsoft YaHei","PingFang SC",sans-serif;
  font-weight:700;
  color:#e9c46a;
  line-height:44px;
  padding-left:18px;
}

/* 流程说明 */
.registerAll li.flow {
  display:block;
  width:100%;
  margin-top:2px;
  padding:12px 16px;
  border-bottom:none;
  border-left:3px solid #d9a441;
  background:linear-gradient(180deg, rgba(217,164,65,.10), rgba(217,164,65,.03));
  border-radius:0 8px 8px 0;
  box-shadow:inset 0 1px 0 rgba(240,196,106,.15);
  font-size:14px;
  line-height:1.85;
  letter-spacing:.3px;
  color:#d5ddee;
}
.registerAll li.flow::first-line {
  font-size:15px;
  font-weight:700;
  color:#f0c46a;
}
.registerAll li.flow .no {
  font-family:Georgia, "Times New Roman", serif;
  font-style:italic;
  font-weight:700;
  font-size:15px;
  color:#e9c46a;
  margin-right:4px;
}

/* ================= 输入框 ================= */
.inputtxt, .inputyan {
  width:100%;
  height:44px;
  background:#101830;
  border:1px solid rgba(217,164,65,.28);
  border-radius:8px;
  color:#ffffff;
  padding:0 12px;
  font-size:15px;
  font-family:inherit;
  outline:none;
  transition:border-color .15s, box-shadow .15s;
}
.inputtxt:focus, .inputyan:focus { border-color:#f0c46a; box-shadow:0 0 0 3px rgba(240,196,106,.15); }

/* ================= 按钮 ================= */
.sscJ_2_btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:42px;
  padding:0 18px;
  border:1px solid rgba(217,164,65,.4);
  border-radius:8px;
  background:rgba(23,31,55,.85);
  color:#e8d9a8;
  font-size:14px;
  font-family:inherit;
  line-height:1.4;
  text-align:center;
  white-space:normal;
  cursor:pointer;
  transition:border-color .15s, background .15s, color .15s, box-shadow .15s;
}
.sscJ_2_btn:hover { border-color:#f0c46a; background:rgba(240,196,106,.12); }
.sscJ_2_btn.hover {
  background:linear-gradient(135deg,#f4cc7b 0%,#d9a441 100%);
  color:#241703;
  font-weight:700;
  border-color:transparent;
  box-shadow:0 4px 16px rgba(217,164,65,.35);
}
/* 提交按钮 */
.registerAll li:last-child .registerI { padding-left:96px; }
.registerI input.sscJ_2_btn {
  width:320px;
  min-width:0;
  height:46px;
  font-size:16px;
  letter-spacing:4px;
  text-indent:4px;
  background:linear-gradient(135deg,#f4cc7b 0%,#d9a441 100%);
  color:#241703;
  font-weight:700;
  border:none;
}
.registerI input.sscJ_2_btn:hover { filter:brightness(1.06); }

/* ================= 注册页兼容（index888.html 使用） ================= */
.registerBB { flex:0 0 92px; text-align:right; padding-right:12px; font-size:14px; color:#e8d9a8; line-height:44px; }
.registerBB .inputyan { width:130px; }
.registerCC { display:flex; align-items:center; margin-right:10px; }
.registerCC img { height:40px; border-radius:6px; border:1px solid rgba(217,164,65,.3); cursor:pointer; }
.timg {
  display:inline-flex;
  align-items:center;
  height:36px;
  padding:0 12px;
  border:1px dashed rgba(217,164,65,.55);
  border-radius:8px;
  color:#f0c46a;
  font-size:12px;
  background:rgba(217,164,65,.08);
  white-space:nowrap;
  cursor:pointer;
}
.timg:hover { background:rgba(217,164,65,.16); }
.paddingAll td { padding-left:10px; line-height:26px; border:1px solid rgba(217,164,65,.25); color:#e8d9a8; }
.layui-form-select { display:none; }
/* 旧版其他页面用到的类名，保留兜底 */
.postionA { color:#8d97ad; font-size:12px; padding:6px 0; }
.postionA A, .postionA SPAN, .postionA I { color:#8d97ad; }
.mcm, .numBack, .resetNum { display:inline-block; cursor:pointer; color:#e8d9a8; }
.registerD { flex:0 0 92px; text-align:right; padding-right:12px; font-size:14px; color:#e8d9a8; }
.registerE { flex:1; border:1px solid rgba(217,164,65,.25); border-radius:8px; background:rgba(23,31,55,.5); }
.control-group, .control_group { clear:both; padding:10px 0; }

/* ================= 页脚 ================= */
.bottomA { width:100%; text-align:center; color:#6d7690; font-size:12px; line-height:2; padding:12px 0 24px; }
.bottomA label { color:#a68a4a; padding:0 4px; }

/* ================= 手机端 ================= */
@media (max-width:768px) {
  .juZTwo { padding:0 12px; }
  .logoer img { width:84px; }
  .postionAD { padding:14px 12px; }
  .registerA { flex:0 0 100%; text-align:left; padding:0 0 4px; line-height:1.6; }
  .registerB { flex:0 0 100%; }
  .registerC { flex:0 0 100%; line-height:1.6; padding-top:10px; padding-left:0; }
  .registerI { flex:1 1 100%; width:100%; min-width:0; }
  .registerAll li:last-child .registerI { padding-left:0; }
  .registerI .sscJ_2_btn { flex:1 1 45%; min-width:0; max-width:48%; }
  .registerI input.sscJ_2_btn { flex:none; width:100%; min-width:0; max-width:none; }
  .registerAll li.flow { font-size:13.5px; line-height:1.75; }
}
@media (max-width:360px) {
  .registerI .sscJ_2_btn { flex:1 1 100%; }
}