﻿/* Lanhu FPC flexible-board quotation v3. */
body.fpc-quote-body { min-width:1200px; }
.fpc-quote-body .the-header, .fpc-quote-body .the-footer { min-width:1200px; }
.fpc-quote-body .page-wrap { width:1400px; max-width:calc(100% - 48px); }
.fpc-quote-page { color:#606875; background:#fff; font:14px/1.5 "Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif; }
.fpc-quote-page *, .fpc-quote-page *:before, .fpc-quote-page *:after { box-sizing:border-box; }
.fpc-quote-page a { text-decoration:none; }
.fpc-quote-page :focus-visible { outline:2px solid #008740; outline-offset:3px; }
.fpc-quote-page .main-order { padding:0 0 80px; font-size:14px; color:#606875; }
.fpc-quote-page .order-box { width:1400px; max-width:calc(100% - 48px); }
.fpc-quote-page #form_fpc { display:grid; grid-template-columns:minmax(0,1080px) 290px; gap:30px; align-items:start; }
.fpc-quote-page .order-box .order-left { float:none; width:auto; min-width:0; border:1px solid #eceef0; }
.fpc-quote-page .order-left:before, .fpc-quote-page .order-left .pcb-content .orders-left { display:none; }
.fpc-quote-page .order-left .pcb-content { width:auto; }
.fpc-quote-page .order-left .pcb-content .orders-right { float:none; width:auto; padding:0 30px 18px; }
.fpc-quote-page .order-left .pcb-content .orders-right .locality-head { display:flex; align-items:center; position:static; width:auto; height:48px; margin:0 -30px 26px; padding:0 30px; border:0; background:#f1f2f4; }
.fpc-quote-page .locality-head:before { content:""; width:28px; height:28px; flex-shrink:0; margin-right:12px; background:url(/img/images/fpc-quote/spec-icon.png) center/contain no-repeat; }
.fpc-quote-page .locality-head h2 { margin:0; color:#404751; font-size:20px; font-weight:600; }
.fpc-quote-page .order-left .pcb-content .orders-right .locality-head .tag { font-size:12px; margin:0 0 0 18px; color:#ed9335; }
.fpc-quote-page .order-item { padding:6px 0; }
.fpc-quote-page .order-item .item-left { float:left; width:130px; text-indent:0; color:#404751; font-size:14px; font-weight:400; line-height:30px; }
.fpc-quote-page .order-item .item-right { float:left; width:calc(100% - 130px); min-width:0; }
.fpc-quote-page .item-left .flag { left:-9px; color:#ff9626; font-size:12px; }
.fpc-quote-page .tips-box { margin:5px 6px 0 0; }
.fpc-quote-page .tips-box > .iconfont { color:#ed9335; font-size:17px; }
.fpc-quote-page .tips-text { text-indent:0; }
.fpc-quote-page .item-right .list { width:auto; min-width:54px; min-height:30px; line-height:28px; padding:0 14px; margin:0 12px 0 0; border:1px solid #d9d9d9; background:#fff; font-size:14px; color:#404751; }
.fpc-quote-page .item-right .list:hover { border-color:#00863e; }
.fpc-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. */
.fpc-quote-page .item-right .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; }
.fpc-quote-page .item-right .disabled { color:#b6bdc5; background:#f6f7f8 !important; border-color:#e8eaed; cursor:not-allowed; }
.fpc-quote-page .item-right:has(.list) { display:flex; flex-wrap:wrap; gap:8px 0; align-items:center; }
.fpc-quote-page .item-right input, .fpc-quote-page .item-right select { height:30px; line-height:28px; border:1px solid #d9d9d9; color:#404751; font-size:14px; }
.fpc-quote-page input::placeholder, .fpc-quote-page textarea::placeholder { color:#a5aeb9; }
.fpc-quote-page .item-right .take-flag { height:30px; line-height:28px; border-color:#dee1e5; background:#f1f2f4; color:#606875; }
.fpc-quote-page .order-item .fpc-size-fields { width:300px; }
.fpc-quote-page .fpc-size-fields input { width:120px; }
.fpc-quote-page .tips-msg { color:#ed9335; font-size:12px; line-height:30px; }
.fpc-quote-page .js-board-type .tips-msg { display:none; }
.fpc-quote-page .fpc-size-tip { float:left; margin-left:12px; }
.fpc-quote-page .item-right.file-number input { width:138px; text-align:left; padding:0 12px; }
.fpc-quote-page .js-quantity { width:112px; margin:0; cursor:pointer; }
.fpc-quantity-unit { display:inline-block; height:30px; line-height:28px; padding:0 7px; background:#f1f2f4; border:1px solid #dee1e5; border-left:0; font-size:13px; }
.fpc-quote-page .board-nums { width:420px; height:auto; padding:12px; background:#fff; border:1px solid #dce3df; box-shadow:0 5px 18px #00000014; }
.fpc-quote-page .boardnumber { width:auto; display:grid; grid-template-columns:repeat(6,1fr); gap:6px; margin:0; }
.fpc-quote-page .boardnumber:after { display:none; }
.fpc-quote-page .boardnumber li { min-width:0; height:30px; margin:0; border:1px solid #e5e8eb; }
.fpc-quote-page .board-nums .other-box { display:flex; align-items:center; gap:10px; margin:10px 0 0; }
.fpc-quote-page .board-nums .other-input { width:100px; }
.fpc-quote-page .color-box .list i { display:inline-block; float:none; width:13px; height:13px; margin:0 6px -2px 0; vertical-align:baseline; }
.fpc-quote-page .item-right .unit-mm { border:0; background:none; color:#a5aeb9; }
.fpc-quote-page .fpc-process-diagram { width:42px; height:28px; object-fit:contain; margin-left:10px; }
.fpc-quote-page .item-right.test-item { display:flex; flex-wrap:wrap; gap:4px 20px; margin:0; }
.fpc-quote-page .test-item .radio-item { float:none; line-height:24px; }
.fpc-quote-page .test-item label { display:inline; border:0; background:none; font-size:12px; }
.fpc-quote-page .item-right input[type="radio"] { width:16px; height:16px; margin-right:6px; vertical-align:middle; accent-color:#008740; }
.fpc-quote-page .special-process { background:#fff; }
.fpc-quote-page .special-process .special-title { display:flex; align-items:center; height:48px; padding:0 30px; border:0; background:#f1f2f4; cursor:pointer; }
.fpc-quote-page .special-process .special-title .title-left { width:26px; height:26px; border:0; background:url(/img/images/fpc-quote/personal-icon.png) center/contain no-repeat; }
.fpc-quote-page .special-process .special-title .add-flag { display:none; }
.fpc-quote-page .special-process .special-title .title-right { display:flex; flex:1; align-items:center; width:auto; padding:0; }
.fpc-quote-page .special-process .special-title .options { margin:0 12px; color:#404751; font-size:20px; font-weight:600; }
.fpc-special-subtitle { font-size:12px; color:#008740; }
.fpc-quote-page .special-process .special-title .title-right > .iconfont { margin-left:auto; color:#008740; font-size:20px; }
.fpc-quote-page .special-title[aria-expanded="false"] .title-right > .iconfont { color:#ccd0d6; }
.fpc-quote-page .special-content:before, .fpc-quote-page .special-left { display:none; }
.fpc-quote-page .special-process .special-content .special-right { float:none; width:100%; padding:20px 30px 12px; background:white; }
.fpc-quote-page .special-process .special-right .order-item { padding:6px 0; }
.fpc-quote-page .special-process .special-right .order-item .item-left { width:130px; }
.fpc-quote-page .special-process .special-right .ul-element { width:calc(100% - 130px); }
.fpc-quote-page .special-process .special-right .item-right .list { margin:0 12px 0 0; }
.fpc-quote-page .special-right .tips-box { margin-right:6px; }
.fpc-quote-page .item-right textarea { width:100%; height:104px; min-height:104px; padding:10px 12px; border:1px solid #dee1e5; color:#606875; font-size:13px; resize:vertical; }
.fpc-quote-page .group-parent { clear:both; padding:32px 30px 50px; }
.fpc-quote-page .group-box { display:flex; justify-content:flex-end; gap:12px; }
.fpc-quote-page .btn, .fpc-quote-button { display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:122px; height:40px; padding:0 24px; margin:0; line-height:38px; border:1px solid #008740; border-radius:24px; background:#008740; color:white; font-size:14px; font-weight:600; cursor:pointer; white-space:nowrap; box-shadow:none; }
.fpc-quote-page .btn:hover, .fpc-quote-button:hover { background:#006d33; }
.fpc-quote-page .btn.rest-btn, .fpc-quote-button.is-secondary { background:white; border-color:#dee1e5; color:#69717b; font-weight:400; }
.fpc-quote-button:disabled { opacity:.5; cursor:not-allowed; }
.fpc-quote-page .main-order .order-box .order-right { float:none; width:auto; min-width:0; }
.fpc-quote-sidebar-title { display:flex; align-items:center; height:48px; padding:0 16px; margin:0; font-size:20px; font-weight:600; color:#404751; background:#f1f2f4; }
.fpc-quote-page #fpc_buy_pane_price { padding:20px 16px; border:1px solid #eceef0; border-top:0; }
.fpc-quote-total { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.fpc-quote-total strong { color:#404751; font-size:16px; }
.fpc-quote-total small { color:#a5aeb9; font-size:11px; }
.fpc-quote-total b { margin-left:auto; font-size:20px; color:#fa921e; white-space:nowrap; }
.fpc-quote-total b.is-review { font-size:14px; white-space:normal; }
.fpc-quote-total-note { color:#a5aeb9; text-align:right; font-size:11px; margin-top:4px; }
.fpc-quote-delivery h3 { margin:0 0 10px; font-size:14px; font-weight:600; color:#404751; }
.fpc-quote-page .delivery-option { padding:0; }
.fpc-quote-page .delivery-option li { display:flex; align-items:center; height:auto; min-height:38px; padding:6px 8px; margin:4px 0; border:1px solid transparent; background:#fafbfc; font-size:12px; }
.fpc-quote-page .delivery-option li.active-option { background:#f4fcf7; border-color:#dff1e6; }
.fpc-quote-page .delivery-option li .time { float:none; display:flex; align-items:center; flex:1; min-width:0; width:auto; height:auto; line-height:22px; }
.fpc-quote-page .delivery-option li .price { float:none; width:auto; color:#404751; font-weight:600; line-height:22px; white-space:nowrap; }
.fpc-quote-page .delivery-option li .iconfont { color:#d2d6dc; margin-right:6px; font-size:18px; }
.fpc-quote-page .delivery-option li.active-option .iconfont { color:#008740; }
.fpc-quote-page .fpc-quote-delivery .urgent-icon { display:inline-block; width:14px; height:18px; margin:0 5px; background:url(/img/images/pcb-quote/urgent.png) center/contain no-repeat; }
.fpc-quote-page .fpc-cost-summary { display:flex; justify-content:space-between; align-items:center; margin-top:16px; padding:12px 0; border-top:1px solid #eceef0; font-size:13px; }
.fpc-quote-page .fpc-detail-toggle { display:block; margin:0 0 12px auto; color:#8d97a5; font-size:12px; cursor:pointer; }
.fpc-quote-page .cost-detail { padding:0 0 12px; font-size:12px; color:#8d97a5; }
.fpc-quote-page .cost-detail li { display:flex; justify-content:space-between; width:100%; height:auto; float:none; padding:4px 0; margin:0; border:0; background:none; }
.fpc-quote-hint { margin-top:12px; padding:12px; background:#f8f8f8; color:#a5aeb9; font-size:11px; line-height:1.7; }
.fpc-quote-hint p { margin:0 0 4px; }
.fpc-quote-hint summary { color:#e99b40; cursor:pointer; }
.fpc-quote-hint details p { margin-top:8px; }
.fpc-quote-actions { display:flex; gap:12px; width:100%; padding-top:20px; }
.fpc-quote-actions .fpc-quote-button { flex:1; min-width:0; padding:0 10px; height:38px; font-size:13px; }
.fpc-quote-page .fpc-quote-advertising { display:block; margin-top:0; }
.fpc-quote-advertising img { display:block; width:100%; height:auto; }
.fpc-quote-feedback { margin:0; font-size:12px; line-height:1.7; }
.fpc-quote-feedback:not(:empty) { padding:12px 16px; background:#fff8ee; border:1px solid #f7ddb8; }
.fpc-quote-page .is-stale .fpc-quote-result { opacity:.6; }
@media(max-width:1500px) {
 .fpc-quote-page #form_fpc { grid-template-columns:minmax(0,1fr) 270px; gap:22px; }
 .fpc-quote-page .item-right .list { margin-right:8px; padding:0 10px; }
 .fpc-quote-page .order-left .pcb-content .orders-right { padding-left:24px; padding-right:24px; }
 .fpc-quote-page .order-left .pcb-content .orders-right .locality-head { margin-left:-24px; margin-right:-24px; padding:0 24px; }
 .fpc-quote-total { flex-wrap:wrap; }
 .fpc-quote-total small { order:3; width:100%; }
 .fpc-special-subtitle { font-size:11px; }
}
