@charset "utf-8";
/* ============================================================
   客服中心（2026-11 由 kf.chinapeople.com 兼并而来）
   适用于 service.aspx / service-tech.aspx 等页面
   ============================================================ */

.svc-crumb{max-width:1200px;margin:0 auto;padding:14px 20px;font-size:13px;color:#999;box-sizing:border-box;}
.svc-crumb a{color:#999;text-decoration:none;}
.svc-crumb a:hover{color:#c8102e;}
.xwtleft{text-align: left; }

.svc-main{max-width:1200px;margin:0 auto 60px;padding:0 20px;box-sizing:border-box;}

.svc-hd{text-align:center;margin:14px 0 30px;}
.svc-hd h1{font-size:26px;line-height:1.5;color:#333;font-weight:700;margin:0 0 10px;}
.svc-hd p{font-size:14px;line-height:1.8;color:#888;margin:0;}

/* ---------- 表单 ---------- */
.svc-card{max-width:840px;margin:0 auto;background:#fff;border:1px solid #eaeaea;border-radius:6px;padding:30px 36px 34px;box-shadow:0 1px 3px rgba(0,0,0,.04);box-sizing:border-box;}
.svc-row{display:flex;flex-wrap:wrap;margin:0 -10px;}
.svc-item{width:50%;padding:0 10px;box-sizing:border-box;margin-bottom:18px;}
.svc-item.full{width:100%;}
.svc-item label{display:block;font-size:14px;line-height:1.6;color:#555;margin-bottom:7px;font-weight:400;}
.svc-item label .req{color:#e4393c;margin-left:3px;}
.svc-item input[type=text],
.svc-item input[type=tel],
.svc-item input[type=email],
.svc-item input[type=date],
.svc-item select{width:100%;height:40px;line-height:40px;border:1px solid #ddd;border-radius:4px;padding:0 12px;font-size:14px;color:#333;background:#fff;box-sizing:border-box;}
.svc-item textarea{width:100%;min-height:120px;border:1px solid #ddd;border-radius:4px;padding:10px 12px;font-size:14px;line-height:1.7;color:#333;box-sizing:border-box;resize:vertical;font-family:inherit;}
.svc-item input:focus,
.svc-item textarea:focus,
.svc-item select:focus{border-color:#c8102e;outline:none;box-shadow:0 0 0 2px rgba(200,16,46,.08);}

.svc-code{display:flex;align-items:center;gap:12px;}
.svc-code input{width:150px;}
.svc-code img{height:40px;border:1px solid #eee;border-radius:4px;cursor:pointer;}

.svc-submit{text-align:center;margin-top:8px;}
.svc-submit button{min-width:190px;height:44px;background:#c8102e;color:#fff;border:0;border-radius:4px;font-size:16px;letter-spacing:2px;cursor:pointer;transition:background .2s;}
.svc-submit button:hover{background:#a80d26;}

.svc-tip{font-size:12px;line-height:1.9;color:#999;text-align:center;margin-top:16px;}
.svc-tip a{color:#c8102e;}

.svc-msg{max-width:840px;margin:0 auto 18px;padding:12px 16px;border-radius:4px;font-size:14px;line-height:1.7;}
.svc-msg.err{background:#fff2f0;border:1px solid #ffccc7;color:#cf1322;}
.svc-msg.ok{background:#f6ffed;border:1px solid #b7eb8f;color:#389e0d;}

/* ---------- 提交成功 ---------- */
.svc-done{max-width:840px;margin:36px auto 70px;text-align:center;padding:48px 30px;background:#fff;border:1px solid #eaeaea;border-radius:6px;box-sizing:border-box;}
.svc-done .ico{width:64px;height:64px;line-height:64px;margin:0 auto;border-radius:50%;background:#f6ffed;color:#52c41a;font-size:34px;font-weight:700;}
.svc-done h2{font-size:20px;color:#333;margin:18px 0 12px;font-weight:700;}
.svc-done p{font-size:14px;line-height:2;color:#888;margin:0;}
.svc-done a{color:#c8102e;}

/* ---------- 客服中心首页板块 ---------- */
.svc-grid{display:flex;flex-wrap:wrap;margin:0 -12px;align-items:stretch;}
.svc-col{width:33.3333%;padding:0 12px;box-sizing:border-box;margin-bottom:24px;display:flex;}
.svc-col.half{width:50%;}
.svc-box{display:block;width:100%;height:100%;background:#fff;border:1px solid #eaeaea;border-radius:6px;padding:24px 22px;box-sizing:border-box;text-decoration:none;transition:box-shadow .2s,border-color .2s;}
.svc-box:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);border-color:#ddd;}
.svc-box h3{font-size:17px;color:#333;font-weight:700;margin:0 0 10px;}
.svc-box p{font-size:13px;line-height:1.9;color:#888;margin:0 0 14px;}
.svc-box .more{font-size:13px;color:#c8102e;}

.svc-sec{margin-bottom:44px;}
.svc-sec > h2{font-size:20px;color:#333;font-weight:700;margin:0 0 18px;padding-left:12px;border-left:4px solid #c8102e;line-height:1.2;}

.svc-contact{max-width:840px;margin:0 auto;background:#fafafa;border:1px solid #eee;border-radius:6px;padding:24px 30px;box-sizing:border-box;}
.svc-contact dl{margin:0;display:grid;grid-template-columns:120px 1fr;row-gap:6px;font-size:14px;line-height:2.1;color:#666;}
.svc-contact dt{color:#999;white-space:nowrap;}
.svc-contact dd{margin:0;word-break:break-all;}

@media (max-width:992px){
    .svc-col{width:50%;}
}
@media (max-width:768px){
    .svc-item{width:100%;}
    .svc-col,.svc-col.half{width:100%;}
    .svc-card{padding:22px 18px 26px;}
    .svc-hd h1{font-size:21px;}
    .svc-contact{padding:18px 16px;}
    .svc-contact dl{grid-template-columns:96px 1fr;}
}