﻿/* Lanhu steel stencil quotation v3. Keep all overrides within this page. */
body.stencil-quote-body, .stencil-quote-body .the-header, .stencil-quote-body .the-footer { min-width:1200px; }
.stencil-quote-body .page-wrap { width:1400px; max-width:calc(100% - 48px); }
.stencil-quote-page { background:#fff; color:#606875; font:14px/1.5 "Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif; }
.stencil-quote-page *, .stencil-quote-page *:before, .stencil-quote-page *:after { box-sizing:border-box; }
.stencil-quote-page a { text-decoration:none; }
.stencil-quote-page :focus-visible { outline:2px solid #008740; outline-offset:3px; }
.stencil-quote-page .main-order { padding:0 0 72px; color:#606875; font-size:14px; }
.stencil-quote-page .order-box { width:1400px; max-width:calc(100% - 48px); }
.stencil-quote-page .order-content { display:grid; grid-template-columns:minmax(0,1080px) 290px; gap:30px; align-items:start; }
.stencil-quote-page .order-content:after { display:none; }
.stencil-quote-page .order-box .order-left { float:none; width:auto; min-width:0; border:1px solid #eceef0; }
.stencil-quote-page .order-left:before, .stencil-quote-page .orders-left { display:none; }
.stencil-quote-page .order-left .pcb-content { width:auto; }
.stencil-quote-page .order-left .pcb-content .orders-right { float:none; width:auto; padding:0 36px 22px; }
.stencil-quote-page .order-left .pcb-content .orders-right .locality-head { position:static; display:flex; align-items:center; flex-wrap:wrap; gap:6px; width:auto; min-height:48px; height:auto; margin:0 -36px 24px; padding:8px 36px; border:0; background:#f1f2f4; }
.stencil-quote-page .locality-head h2 { margin:0 8px 0 0; font-size:20px; font-weight:600; color:#404751; white-space:nowrap; }
.stencil-heading-icon { display:inline-block; flex-shrink:0; width:26px; height:26px; margin-right:6px; border:0; background:url(/img/images/stencil-quote/spec-icon.png) center/contain no-repeat; }
.stencil-heading-icon:after { content:none; }
.stencil-quote-page .order-left .pcb-content .orders-right .locality-head .tag { margin:0; font-size:11px; color:#fa921e; }
.stencil-specification { color:#a5aeb9; font-size:11px; }
.stencil-specification a { color:#fa921e; }
.stencil-quote-page .order-item { padding:6px 0; min-height:43px; }
.stencil-quote-page .order-item .item-left { float:left; position:relative; width:122px; line-height:30px; text-indent:0; font-size:14px; font-weight:400; color:#404751; }
.stencil-quote-page .order-item .item-right { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; float:left; width:calc(100% - 122px); min-width:0; margin:0; }
.stencil-quote-page .item-left .flag { left:-9px; color:#ff9626; font-size:12px; }
.stencil-quote-page .tips-box { margin:5px 8px 0 0; }
.stencil-quote-page .tips-box > .iconfont { color:#ff9626; font-size:17px; }
.stencil-quote-page .tips-text { text-indent:0; font-weight:400; }
.stencil-quote-page .item-right .list { position:relative; float:none; flex-shrink:0; width:auto; min-width:64px; min-height:30px; margin:0; padding:0 18px; line-height:28px; border:1px solid #d9d9d9; background:#fff; color:#404751; font-size:14px; cursor:pointer; }
.stencil-quote-page .item-right .list:hover { border-color:#00863e; }
.stencil-quote-page .item-right .active-list { border-color:#00863e; background:#f7fefa !important; }
/* Lanhu: 19x14 corner aligns with the outer edge of the 1px inside border. */
.stencil-quote-page .active-list:after { content:""; position:absolute; right:-1px; bottom:-1px; width:19px; height:14px; background:url(/img/images/pcb-quote/check-corner.png) center/contain no-repeat; pointer-events:none; }
.stencil-quote-page .stencil-types .list { padding-right:14px; }
.stencil-quote-page .stencil-types .tips-box { margin:5px 0 0 5px; }
.stencil-quote-page .item-right input, .stencil-quote-page .item-right select { width:220px; max-width:100%; height:30px; line-height:28px; margin:0; padding:0 10px; border:1px solid #d9d9d9; background:#fff; color:#404751; font:14px "Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif; text-indent:0; }
.stencil-quote-page .item-right #SpecsId { width:430px; }
.stencil-quote-page #form_data[data-stencil-type="阶梯钢网"] #SpecsId,
.stencil-quote-page #form_data[data-stencil-type="双工艺钢网"] #SpecsId { width:550px; }
.stencil-quote-page .item-right #Num { width:144px; }
.stencil-quote-page .item-right input[type="hidden"] { display:none; }
.stencil-quote-page .item-right select:disabled { background:#f8f8f8; }
.stencil-quote-page input[type="number"]::-webkit-inner-spin-button { opacity:1; }
.stencil-quote-page input::placeholder, .stencil-quote-page textarea::placeholder { color:#a5aeb9; }
.stencil-quote-page .sign-text { margin:0; font-size:12px; line-height:30px; color:#fa921e; }
.stencil-quote-page .js-making-methods .list { padding:0 14px; }
.stencil-quote-page .js-polishing-process .list { padding:0 16px; }
.stencil-quote-page .the-thickness { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.stencil-quote-page .the-thickness input { width:170px; }
.stencil-quote-page .the-thickness label { margin:0; padding:0; border:0; background:none; }
.stencil-quote-page .the-thickness img { max-width:180px; height:auto; }
.stencil-quote-page .the-thickness > .flag { display:none; }
.stencil-quote-page .item-right textarea { width:100%; height:104px; min-height:104px; margin:0; padding:10px 12px; border:1px solid #d9dde1; background:#fff; color:#606875; font-size:13px; resize:vertical; }
.stencil-quote-page .group-box { display:flex; float:none; clear:both; justify-content:flex-end; gap:12px; margin:0; padding:40px 0 26px; }
.stencil-quote-page .btn, .stencil-quote-button { display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:136px; height:40px; line-height:38px; margin:0; padding:0 24px; border:1px solid #008740; border-radius:24px; background:#008740; color:#fff; font-size:14px; font-weight:600; cursor:pointer; white-space:nowrap; box-shadow:none; }
.stencil-quote-page .btn:hover, .stencil-quote-button:hover { background:#006d33; }
.stencil-quote-page .rest-btn, .stencil-quote-button.is-secondary { background:#fff; color:#69717b; border-color:#d9dde1; font-weight:400; }
.stencil-quote-button:disabled { opacity:.5; cursor:not-allowed; }
.stencil-production-notes { padding:10px 0 0; border-top:1px solid #eceef0; color:#99a2ae; font-size:12px; }
.stencil-production-notes summary { cursor:pointer; }
.stencil-production-notes .tips-text { position:static; display:block; margin:8px 0 0; color:#8d97a5; line-height:1.8; }
.stencil-quote-page .main-order .order-box .order-right { float:none; width:auto; min-width:0; }
.stencil-quote-sidebar-title { display:flex; align-items:center; height:48px; padding:0 16px; margin:0; background:#f1f2f4; color:#404751; font-size:20px; font-weight:600; }
.stencil-quote-page #sten_buy_pane_price { padding:20px 16px; border:1px solid #eceef0; border-top:0; }
.stencil-cost-row { display:flex; align-items:center; gap:8px; padding:0 0 12px; font-size:14px; }
.stencil-cost-muted { margin-left:auto; color:#a5aeb9; font-size:12px; }
.stencil-detail-toggle { display:inline-flex; align-items:center; gap:2px; margin-left:auto; padding:0; border:0; background:none; color:#a5aeb9; cursor:pointer; font-size:12px; line-height:20px; }
.stencil-detail-toggle::after { content:''; display:block; flex:0 0 12px; width:12px; height:12px; background:url(/img/images/pcb-quote/detail-chevron.png) center/contain no-repeat; }
.stencil-detail-toggle[aria-expanded="true"]::after { transform:rotate(180deg); }
.stencil-quote-total { display:flex; align-items:baseline; gap:8px; padding-top:12px; border-top:1px solid #eceef0; }
.stencil-quote-total strong { color:#404751; font-size:16px; }
.stencil-quote-total small { color:#a5aeb9; font-size:10px; }
.stencil-quote-total b { margin-left:auto; color:#fa921e; font-size:20px; white-space:nowrap; }
.stencil-quote-total-note { color:#a5aeb9; text-align:right; font-size:11px; margin:4px 0 0; }
.stencil-quote-delivery h3 { margin:0 0 10px; color:#404751; font-size:14px; font-weight:600; }
.stencil-quote-page .delivery-option { padding:0 0 14px; }
.stencil-quote-page .delivery-option li { display:flex; align-items:center; min-height:38px; height:auto; padding:6px 8px; margin:4px 0; background:#fafbfc; border:1px solid transparent; font-size:12px; cursor:pointer; }
.stencil-quote-page .delivery-option li.active-option { background:#f4fcf7; border-color:#dff1e6; }
.stencil-quote-page .delivery-option li[aria-disabled="true"] { cursor:default; }
.stencil-quote-page .delivery-option li .time { display:flex; align-items:center; flex:1; float:none; min-width:0; width:auto; height:auto; line-height:22px; }
.stencil-quote-page .delivery-option li .price { float:none; width:auto; color:#404751; font-weight:600; line-height:22px; white-space:nowrap; }
.stencil-quote-page .delivery-option li .iconfont { margin-right:6px; color:#d2d6dc; font-size:18px; }
.stencil-quote-page .delivery-option li.active-option .iconfont { color:#008740; }
.stencil-quote-page .delivery-option li .time .urgent-icon { width:14px; height:18px; margin:0 5px; background:url(/img/images/pcb-quote/urgent.png) center/contain no-repeat; }
.stencil-quote-page .delivery-option li .stencil-delivery-normal { margin-left:8px; }
.stencil-quote-page .cost-detail { padding:0 0 12px; font-size:12px; color:#8d97a5; }
.stencil-quote-page .cost-detail li { display:flex; justify-content:space-between; float:none; width:100%; height:auto; padding:4px 0; margin:0; border:0; background:none; }
.stencil-quote-hint { margin-top:12px; padding:12px; background:#f8f8f8; color:#a5aeb9; font-size:11px; line-height:1.7; }
.stencil-quote-hint p { margin:0 0 4px; }
.stencil-quote-hint button { color:#ed9335; cursor:pointer; border:0; background:none; padding:0; font-size:11px; }
.stencil-quote-actions { display:flex; gap:12px; padding-top:20px; }
.stencil-quote-actions .stencil-quote-button { flex:1; min-width:0; height:38px; padding:0 10px; font-size:13px; }
.stencil-quote-advertising, .stencil-quote-advertising img { display:block; width:100%; height:auto; }
.stencil-quote-feedback { margin:0; font-size:12px; line-height:1.7; }
.stencil-quote-feedback:not(:empty) { padding:12px 16px; background:#fff8ee; border:1px solid #f7ddb8; }
.stencil-quote-page .is-stale .stencil-quote-result { opacity:.6; }
@media(max-width:1500px) {
 .stencil-quote-body .the-side-bar { right:2px; }
 .stencil-quote-body .the-side-bar > .customer-service, .stencil-quote-body .the-side-bar > .jump-top { width:32px; height:32px; background-size:contain; }
 .stencil-quote-body .the-side-bar > .customer-service > .head-logo { font-size:20px; line-height:32px; }
 .stencil-quote-page .order-content { grid-template-columns:minmax(0,1fr) 270px; gap:22px; }
 .stencil-quote-page .order-left .pcb-content .orders-right { padding-left:24px; padding-right:24px; }
 .stencil-quote-page .order-left .pcb-content .orders-right .locality-head { margin-left:-24px; margin-right:-24px; padding-left:24px; padding-right:24px; }
 .stencil-quote-page .order-item .item-left { width:116px; }
 .stencil-quote-page .order-item .item-right { width:calc(100% - 116px); gap:8px 10px; }
 .stencil-quote-page .js-making-methods .list { padding:0 10px; }
 .stencil-quote-page .item-right .list { font-size:14px; }
 .stencil-quote-total { gap:5px; }
 .stencil-quote-total b { font-size:18px; }
}
