@charset "utf-8";

/* ================= 基础容器 ================= */
.mcon.pb10 { padding: 5px 10px 5px 20px; }
.bd.clearfix { margin: 0 auto; }
.jsp_center { width: 100%; }
.jsp_center_nub { background: #fff; margin-bottom: 20px; }
.jsp_center_nub1 {  margin-top: 10px; }
.dkjsp_centop, .dkjsp_centop1 { padding: 0 20px; }
.jsp_cpjs { text-align: center; margin-bottom: 20px; }
.jsp_cpjs b, .jsp_cpjs h1 { font-size: 16px; font-weight: bold; }
.clear { clear: both; }

/* ================= Table1 布局 (原始) ================= */
.table1 { width: 100%; max-width: 600px; margin: 0 auto; border-collapse: collapse; }
.table1 tr { margin-bottom: 15px; }
.table1 th { width: 150px; text-align: right; padding: 8px 12px 8px 0; font-size: 14px; color: #555; font-weight: normal; vertical-align: middle; }
.table1 td { padding: 8px 0; vertical-align: middle; }
.table1 td span { font-size: 14px; color: #666; margin-left: 8px; white-space: nowrap; }

/* ================= 个人消费贷款布局 (原始) ================= */
.dkjsp_conee { margin-bottom: 15px; }
.dkjsp_tleft { display: inline-block; width: 150px; text-align: right; font-size: 14px; color: #555; font-weight: normal; line-height: 36px; vertical-align: top; }
.dkjsp_inpright, .dkjsp_inpright1 { display: inline-block; line-height: 36px; }
.dkjsp_inpright span, .dkjsp_inpright1 span { font-size: 14px; color: #666; margin-left: 8px; }

/* ================= 输入框 & 下拉框 (仅提炼视觉，不改布局) ================= */
.table1 .inpt, .table1 .Input,
.dkjsp_inpright .wd02, .dkjsp_inpright1 .input01, .dkjsp_inpright select.wd01 {
    width: 180px; height: 36px; padding: 0 12px; border: 1px solid #dcdfe6; border-radius: 6px;
    font-size: 14px; box-sizing: border-box; outline: none; transition: all 0.2s ease;
    vertical-align: middle; background-color: #fff;
}

/* 状态类 */
.table1 .inpt:focus, .table1 .Input:focus, .dkjsp_inpright .wd02:focus, .dkjsp_inpright1 .input01:focus, .dkjsp_inpright select.wd01:focus {
    border-color: #1677ff; box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.1);
}
.table1 .inpt[readonly], .dkjsp_inpright1 .input01[readonly] { background: #f5f7fa; color: #ff4d4f; font-weight: bold; }

/* 下拉框箭头 */
.table1 .Input, .dkjsp_inpright select.wd01 {
    cursor: pointer; appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat; background-position: right 12px center; background-size: 16px;
}

/* ================= 按钮部分 (严格还原) ================= */
.table1 tr:has(.btn-input) td, .dkjsp_conee.pt4 { text-align: center; padding: 15px 0; }
.jsp_cetpbutma, .jsp_cetpbutmb { display: inline-block; margin: 0 6px; }

.table1 .btn1, .jsp_cetpbutma input, .jsp_cetpbutmb input {
    min-width: 110px; height: 38px; padding: 0 20px; border-radius: 20px;
    font-size: 14px; cursor: pointer; border: none; transition: all 0.2s ease;
    font-weight: bold;
}

/* 按钮颜色逻辑 */
.table1 .btn1:first-child, .jsp_cetpbutma input { background: #1677ff; color: #fff; }
.table1 .btn1:first-child:hover, .jsp_cetpbutma input:hover { background: #4096ff; }
.table1 .btn1.calc, .jsp_cetpbutmb input { background: #fff; border: 1px solid #dcdfe6; color: #666; }
.table1 .btn1.calc:hover, .jsp_cetpbutmb input:hover { border-color: #1677ff; color: #1677ff; }

/* 针对说明文字所在的列表 */
.jsp_center ul, .jsp_center li {
    list-style: none;     /* 去掉圆点 */
    padding: 0;           /* 去除默认缩进 */
    margin: 0;            /* 去除默认外边距 */
}

/* 如果只想针对特定的说明部分，可以加个类名 */
.usage-text {
    list-style: none;
    line-height: 1.8;     /* 顺便优化下行高，读起来更舒服 */
    color: #666;
    font-size: 14px;
}

/* ================= 移动端适配 (完全保留原始逻辑) ================= */
@media screen and (max-width: 768px) {
    .mcon.pb10 { padding: 0 12px; }
    .nry_bt h1 { font-size: 28px; }
    .table1 tr { display: flex; flex-direction: column; margin-bottom: 20px; }
    .table1 th { width: auto; text-align: left; padding: 0 0 8px 0; }
    .table1 td { display: flex; align-items: center; gap: 8px; padding: 0; width: 100%; }
    .table1 .inpt { flex: 1; width: auto; }
    
    .dkjsp_tleft { display: block; width: auto; text-align: left; line-height: 1.4; margin-bottom: 8px; }
    .dkjsp_inpright, .dkjsp_inpright1 { display: block; width: 100%; }
    .dkjsp_inpright .wd02, .dkjsp_inpright1 .input01, .dkjsp_inpright select.wd01 { width: 81%; }
}

.xiaoshuomingkuang_neirong .hd h3{font-size:14px;}

/* 1. 按钮文字加粗 (精准定位你 HTML 中的计算和重置按钮) */
.jsp_cetpbutma input, 
.jsp_cetpbutmb input,
.table1 .btn1 {
    font-weight: bold !important; /* 强制加粗 */
    letter-spacing: 1px;         /* 稍微增加字间距，更好看 */
}

/* 2. 去掉说明文字的圆点 (精准定位 .con 下的 ul 和 li) */
.xiaoshuomingkuang_neirong .con ul, 
.xiaoshuomingkuang_neirong .con li {
    list-style: none !important;      /* 彻底去掉圆点 */
    list-style-type: none !important; /* 彻底去掉圆点 */
    margin-left: 0 !important;        /* 去除左侧缩进 */
    padding-left: 0 !important;       /* 去除左侧内边距 */
    text-indent: 0 !important;        /* 去除文本缩进 */
}

/* 3. 优化说明文字排版 (让去掉圆点后的文字不显得拥挤) */
.xiaoshuomingkuang_neirong .con li {
    margin-bottom: 8px !important;    /* 每行之间加点间距 */
    line-height: 1.6;                 /* 改善行高 */
    color: #666;                      /* 字体颜色 */
}

/* 4. 针对“操作步骤”等小标题的优化 */
.xiaoshuomingkuang_neirong .con ul li:first-child {
    color: #333;
    margin-top: 10px;
}