/* 价格查询页（prices.aspx）排版
   由 prices.aspx.cs 的 OnPreRender 追加在主题样式之后，
   选择器统一加 body 前缀，避免被 Header 控件后注入的 main.css 覆盖。 */

/* ---------- 面包屑 ---------- */
/* 面包屑直接落在灰底上，左边缘与下面的白卡对齐（1060），不再单独做一个白条 */
body .divtoph{ float:none; width:100%; height:auto; padding:14px 0 10px; background:transparent; }
body .divtcontainer{
    width:1060px; margin:0 auto; box-sizing:border-box;
    padding:0; background:transparent; border-radius:0;
    font-size:13px; color:#999; line-height:20px;
}
body .divtcontainer a{ color:#666; text-decoration:none; }
body .divtcontainer a:hover{ color:#ef5c00; }

/* ---------- 内容卡片 ---------- */
/* 子元素全是 float，容器高度塌成 20px、白底铺不满，这里撑开 */
/* 底色交给 .divpriec 的浅灰，白卡才会浮起来 */
body .divcontainer{ width:1100px; overflow:hidden; padding-bottom:24px; background:transparent; }
body .divpriec{ padding-top:0; padding-bottom:28px; min-height:0; background:#f2f2f2; }
/* 卡片做在外层 .divbjfff 上：标题、表单、摘要、结果表都在它里面，
   .divtab2 只是内层容器，再加阴影就会在表单下方多出一条分割线 */
body .divbjfff{
    float:none; width:1060px; margin:0 auto; padding:0 0 10px;
    min-height:0; height:auto; box-sizing:border-box;
    background:#fff; border-radius:10px; box-shadow:0 3px 14px rgba(0,0,0,.06);
}
body .divtab2{
    float:none; width:auto; margin:0; padding:0 0 24px;
    min-height:0; background:transparent; border-radius:0; box-shadow:none;
}
body .divtab2_h{
    float:none; width:100%; height:auto; margin:0 0 20px;
    padding:0 20px; box-sizing:border-box;
    border-bottom:1px solid #f0f0f0;
    display:flex; align-items:flex-end; justify-content:space-between;
}
body .divtab2_h span{
    float:none; display:inline-block; padding:18px 0 12px; margin-bottom:-1px;
    font-size:18px; font-weight:700; color:#222; letter-spacing:.5px;
    border-bottom:2px solid #ef5c00;
}
body .divtab2_h .tab2_sub{
    padding-bottom:13px; font-style:normal;
    font-size:12.5px; color:#aaa;
}

/* ---------- 查询表单 ---------- */
body .div_price{
    float:none; width:auto; height:auto; margin:0 20px; padding:18px 20px 6px;
    box-sizing:border-box; border:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;
    background:#fafafa; border-radius:8px; color:#555; font-size:14px;
}
body .div_price ul{ float:none; width:100%; height:auto; display:flex; flex-wrap:wrap; margin:0; }
body .div_price ul li{
    float:none; width:50%; height:auto; padding:0 0 12px;
    box-sizing:border-box; display:flex; align-items:center;
    font-family:inherit; font-size:14px; color:#555;
}
body .div_price ul li .lbl{
    float:none; flex:0 0 84px; width:auto; white-space:nowrap;
    text-align:right; padding-right:12px; color:#7a7a7a; font-size:13.5px;
}
body .div_price .field{ display:flex; align-items:center; }
body .div_price input[type=text],
body .div_price select{
    height:38px; line-height:36px; box-sizing:border-box;
    padding:0 10px; margin:0; font-size:14px; color:#333;
    background:#fff; border:1px solid #e2e2e2; border-radius:6px;
    outline:none; vertical-align:middle; transition:border-color .15s, box-shadow .15s;
}
body .div_price input[type=text]:hover,
body .div_price select:hover{ border-color:#cfcfcf; }
body .div_price input[type=text]:focus,
body .div_price select:focus{ border-color:#ef5c00; box-shadow:0 0 0 3px rgba(239,92,0,.10); }
body .div_price .unit{
    font-style:normal; font-size:12px; color:#aaa;
    margin:0 12px 0 6px;
}
body .div_price .weight{ width:130px; }
body .div_price .input_ckg{ width:72px; }
body .div_price .leixing{ width:150px; }
/* 下拉被 chosen.js 接管后实际渲染的是 .chosen-container */
body .div_price .chosen-container{ width:280px !important; font-size:14px; }
body .div_price .chosen-container .chosen-single{
    height:38px; line-height:36px; background:#fff; font-size:14px; color:#333;
    border:1px solid #e2e2e2; border-radius:6px; box-shadow:none;
}
body .div_price .chosen-container .chosen-single div b{ background-position:0 9px; }
body .div_price .chosen-container-active .chosen-single,
body .div_price .chosen-container-single.chosen-with-drop .chosen-single{
    border-color:#ef5c00; box-shadow:0 0 0 3px rgba(239,92,0,.10);
}
body .div_price .chosen-container .chosen-drop{
    border:1px solid #e2e2e2; border-radius:6px; box-shadow:0 4px 14px rgba(0,0,0,.08);
    margin-top:4px; overflow:hidden;
}
body .div_input1{ float:none; width:100%; margin:4px 0 0; padding:0; text-align:right; }
body .divb1{ float:none; }
body .input_t{
    width:150px; height:40px; padding:0; margin:0;
    font-size:15px; color:#fff; background:#ef5c00;
    border:0; border-radius:6px; cursor:pointer;
    box-shadow:0 2px 6px rgba(239,92,0,.25);
    transition:background .15s, box-shadow .15s;
}
body .input_t:hover{ background:#d9530a; box-shadow:0 3px 10px rgba(239,92,0,.32); }
body .input_t:active{ background:#c44a08; box-shadow:none; }

/* 表单下方的说明文字 */
body .price_hint{
    margin:12px 20px 0; font-size:12px; line-height:1.8; color:#b0b0b0;
}

/* ---------- 结果区 ---------- */
body .price_summary{
    margin:18px 20px 12px; padding:10px 14px; box-sizing:border-box;
    font-size:13px; color:#a35a2a; background:#fff8f3;
    border-left:3px solid #ef5c00; border-radius:4px;
}
body .price_summary:empty{ display:none; }
/* 报价动辄上百条，放进固定高度的滚动区，避免页面被撑到上万像素 */
body .price_result{
    margin:0 20px; max-height:560px; overflow:auto;
    border:1px solid #ececec; border-radius:8px; background:#fff;
}
body .price_result:empty{ display:none; }
/* 没查出结果时 Repeater 只输出空白，盒子会剩下一条 1px 边框，看起来像一道多余的横线 */
body .price_result:not(:has(table)){ display:none; border:0; }
body .price_result::-webkit-scrollbar{ width:8px; height:8px; }
body .price_result::-webkit-scrollbar-thumb{ background:#dcdcdc; border-radius:4px; }
body .price_result::-webkit-scrollbar-thumb:hover{ background:#c8c8c8; }
body .price_result::-webkit-scrollbar-track{ background:transparent; }
/* main.css 里 #myTable 是 float + 定宽 1030 + margin-left:36，会整体缩进且撑不满卡片；
   #myTable th 还带 text-align:center; background:#ffe1d7（ID 选择器权重高），
   这里用 table#myTable 提高权重覆盖 */
body .price_result table#myTable{
    float:none; width:100%; margin:0; border-spacing:0;
    table-layout:fixed; border-collapse:collapse; font-size:13px; color:#444; background:#fff;
}
body .price_result table#myTable th{
    position:sticky; top:0; z-index:2; box-sizing:border-box;
    padding:12px; text-align:left; white-space:nowrap;
    font-size:12.5px; font-weight:600; color:#a35a2a; letter-spacing:.3px;
    background:#fdf5ef; border:0; border-bottom:1px solid #f2ddcd;
}
/* 定宽布局：列宽由表头决定，避免产品名称被挤成 49px */
body .price_result table#myTable th:nth-child(1){ width:14%; }
body .price_result table#myTable th:nth-child(2){ width:7%; }
body .price_result table#myTable th:nth-child(3){ width:7%; }
body .price_result table#myTable th:nth-child(4){ width:7%; }
body .price_result table#myTable th:nth-child(5){ width:7%; }
body .price_result table#myTable th:nth-child(6){ width:9%; }
body .price_result table#myTable th:nth-child(7){ width:30%; }
body .price_result table#myTable th:nth-child(8){ width:9%; }
body .price_result table#myTable th:nth-child(9){ width:10%; }
/* 数值列的表头与数字对齐，避免"表头靠左、数字靠右"的错位感 */
body .price_result table#myTable th:nth-child(2),
body .price_result table#myTable th:nth-child(3),
body .price_result table#myTable th:nth-child(4),
body .price_result table#myTable th:nth-child(5),
body .price_result table#myTable th:nth-child(6){ text-align:right; }
body .price_result table#myTable th:nth-child(8){ text-align:center; }
body .price_result td{
    box-sizing:border-box; padding:9px 12px;
    border:0; border-bottom:1px solid #f5f5f5;
    vertical-align:middle; word-break:break-word;
}
body .price_result tr.tbale_tr{ transition:background .12s; }
body .price_result tr.tbale_tr:nth-child(even){ background:#fbfbfb; }
body .price_result tr.tbale_tr:hover{ background:#fff7f2; }
body .price_result tr.tbale_tr:last-child td{ border-bottom:0; }
body .price_result td.td_name{ font-weight:600; color:#222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body .price_result td.traps{ text-align:right; font-variant-numeric:tabular-nums; color:#555; }
body .price_result td.td_total{ color:#e8560a; font-weight:700; font-size:14px; font-variant-numeric:tabular-nums; }
/* 公式 / 价格说明可能是几百字（实测最长 1465 字，会把行撑到 7500px），
   限高两行，完整内容放 title 悬停查看 */
body .price_formula,
body .price_note{
    display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
    overflow:hidden;
    font-size:12px; line-height:1.65; color:#9a9a9a;
}
body .price_result td.td_track{ text-align:center; }
body .track_flag{
    display:inline-block; padding:3px 10px; border-radius:12px;
    font-size:11.5px; white-space:nowrap;
    background:#f3f3f3; color:#aaa;
}
body .track_flag.on{ background:#eaf6ec; color:#2e7d32; }
body .price_result td.td_note{ vertical-align:top; }

/* ---------- 提示（未查询到 / 查询失败） ---------- */
body .divPbd{ float:none; width:100%; margin:0; padding:0 20px; box-sizing:border-box; }
body .div_canta{ float:none; width:100%; min-height:120px; }
body .div_con{ width:100%; margin:0 auto; padding:40px 0; text-align:center; font-size:14px; color:#999; }

/* ---------- 窄屏 ---------- */
@media (max-width:1140px){
    /* 顶部条、导航、内容容器、页脚都写死了 1100 / 1000px，窄屏会撑出横向滚动条 */
    body .wrap,
    body .top-bar .wrap,
    body .header .wrap,
    body .container_ban,
    body .divcontainer,
    body .divtcontainer,
    body .divbjfff,
    body .divtab2,
    body .footcentent{ width:100% !important; }
    body .divtab2{ margin:0 !important; }
}
/* 导航内层 .navbar_catian 写死 800px，比外层 .navbar-default(600px) 还宽，
   1100 布局在 1141~1279 之间会被它顶出横向滚动条（1152 实测溢出 6px） */
@media (max-width:1279px){
    body .navbar_catian,
    body .navbar-header{ width:100% !important; }
}
@media (max-width:860px){
    /* bootstrap.css 里 .navbar-default 写死 600px + margin-left:50px */
    body .navbar-default{ width:100% !important; margin-left:0 !important; float:none !important; }
}
@media (max-width:767px){
    body .divtab2_h .tab2_sub{ display:none; }
    body .divtab2_h{ padding:0 14px; }
    body .div_price{ margin:0 14px; padding:14px 14px 4px; }
    body .price_summary,
    body .price_result,
    body .price_hint{ margin-left:14px; margin-right:14px; }
    body .divPbd{ padding:0 14px; }
    body .div_price ul li{ width:100%; }
    body .div_price ul li .lbl{ flex:0 0 72px; padding-right:8px; font-size:13px; }
    body .div_price .vol_group{ flex-wrap:wrap; }
    body .div_price .input_ckg{ width:52px; }
    body .div_price .unit{ margin:0 6px 0 4px; }
    body .div_price .weight{ width:120px; }
    body .div_price .chosen-container{ width:100% !important; max-width:230px; }
    body .div_input1{ text-align:left; }
    body .price_result{ max-height:420px; }
    /* 9 列在手机上挤不下：改成内容自适应 + 横向滚动，数字不会被折成两行 */
    body .price_result table#myTable{ table-layout:auto; min-width:840px; }
    body .price_result table#myTable th{ width:auto !important; }
    body .price_result td.traps,
    body .price_result td.td_total{ white-space:nowrap; }
}