/* ============================================================
   公告客户端改版样式（2026-10-12 车辆公告升级设计图）
   适用于 qcgg / dpgg / mtcgg 查询页、收费标准页、会员对话框
   ============================================================ */

/* ---------- 查询输入框提示文字（模糊查询/精准查询） ---------- */
.tBox::-webkit-input-placeholder { color: #e00000; }
.tBox::-moz-placeholder { color: #e00000; }
.tBox:-ms-input-placeholder { color: #e00000; }
.tBox::placeholder { color: #e00000; }

/* ---------- 按钮下方的会员链接行 ---------- */
.gg-memberbar {
    text-align: center;
    padding: 12px 0 6px 0;
    font-size: 15px;
    line-height: 28px;
}
    .gg-memberbar a { margin: 0 14px; text-decoration: underline; font-weight: 700; }
    .gg-memberbar a.gg-link-login { color: #d0021b; }
    .gg-memberbar a.gg-link-fee { color: #1f3864; }
    .gg-memberbar a.gg-link-free { color: #2e9e43; }
    .gg-memberbar a.gg-link-out { color: #d0021b; }
    .gg-memberbar a.gg-link-act { color: #1f3864; }
    .gg-memberbar .gg-bar-text { color: #333; margin-right: 6px; }
    .gg-memberbar .gg-bar-fee { color: #d0021b; font-weight: 700; margin-right: 6px; }
    .gg-memberbar .gg-bar-ok { color: #4a9b2f; font-weight: 700; margin-right: 6px; }

/* ---------- 查询须知（黄色说明框） ---------- */
.gg-note {
    background: #fdf9d3;
    border: 1px solid #e3ddaa;
    margin: 10px 0 0 0;
    padding: 14px 18px;
    font-size: 15px;
    line-height: 28px;
    color: #333;
}
    .gg-note .gg-note-title { font-weight: 700; font-size: 16px; margin-bottom: 8px; }
    .gg-note p { margin: 0 0 6px 0; }
    .gg-note b { font-weight: 700; }

/* ---------- 客服热线行 ---------- */
.gg-hotline {
    text-align: center;
    font-size: 13px;
    color: #555;
    padding: 8px 0 4px 0;
}

/* ============================================================
   会员对话框（登录/注册/找回密码/缴费/查询记录）
   ============================================================ */
.gg-dlg { font-size: 14px; color: #333; }
.gg-dlg .gg-dlg-field { margin: 0 0 12px 0; }
.gg-dlg .gg-dlg-label { display: inline-block; width: 96px; text-align: right; padding-right: 8px; vertical-align: middle; }
.gg-dlg .gg-dlg-label em { color: #d0021b; font-style: normal; margin-right: 2px; }
.gg-dlg input[type="text"], .gg-dlg input[type="password"] {
    width: 220px; height: 30px; line-height: 30px; padding: 0 6px;
    border: 1px solid #aaa; background: #fff; vertical-align: middle;
}
.gg-dlg .gg-dlg-tip { color: #555; margin-left: 8px; display: inline-block; vertical-align: middle; }
.gg-dlg .gg-dlg-tip a { color: #1f3864; }
.gg-dlg .gg-dlg-btns { text-align: center; margin: 16px 0 8px 0; }
.gg-dlg .gg-dlg-note { border-top: 1px solid #ccc; margin-top: 14px; padding-top: 12px; font-size: 13px; line-height: 28px; color: #333; } 
/* 登录对话框（灰底） */
.gg-login {/* background: #dcdcdc;*/ padding: 14px 16px; width: 330px; }
.gg-login .gg-login-title { font-size: 17px; font-weight: 700; color: #222; padding: 2px 0 10px 0; }
.gg-login .gg-login-input {
    width: 100%; height: 34px; line-height: 34px; margin-bottom: 12px;
    box-sizing: border-box; -moz-box-sizing: border-box;
    border: 1px solid #bbb; background: #f7f7f7 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGNpcmNsZSBjeD0iOCIgY3k9IjUiIHI9IjMiIGZpbGw9IiM4ODgiLz48cGF0aCBkPSJNMiAxNWMwLTQgMy02IDYtNnM2IDIgNiA2IiBmaWxsPSIjODg4Ii8+PC9zdmc+) no-repeat 8px center;
    padding-left: 30px; font-size: 14px;
}
.gg-login .gg-pwd-input {
    background: #f7f7f7 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHJlY3QgeD0iMyIgeT0iNyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjciIGZpbGw9IiM4ODgiLz48cGF0aCBkPSJNNSA3VjVhMyAzIDAgMCAxIDYgMHYyIiBmaWxsPSJub25lIiBzdHJva2U9IiM4ODgiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==) no-repeat 8px center;
}
.gg-login .gg-login-row { font-size: 13px; margin: 4px 0 10px 0; }
.gg-login .gg-login-row a { color: #1f3864; margin-left: 18px; }
.gg-btn { display: inline-block; min-width: 110px; height: 36px; line-height: 36px; text-align: center; border: 0; cursor: pointer; font-size: 16px; color: #fff; margin: 0 12px; }
.gg-btn-login { background: #4a9b2f; }
.gg-btn-close { background: #26b3e8; }
.gg-btn-red { background: #d0021b; min-width: 84px; height: 32px; line-height: 32px; }
.gg-btn-blue { background: #26b3e8; min-width: 84px; height: 32px; line-height: 32px; }

/* 橙色标题小对话框（注册/找回密码/修改密码） */
.gg-orange {  padding: 0; width: 400px; box-shadow: 0 2px 8px rgba(0,0,0,.25); }
.gg-orange .gg-orange-title { background: #f0a12a; color: #fff; font-size: 15px; font-weight: 700; padding: 6px 10px; margin: 0; }

/* 注册/找回密码/修改密码弹窗：通栏橙色标题条贴合弹窗边框（内容 padding 由 JS 配置 padding:'0' 置 0） */
.gg-register { width: 720px; box-shadow: none; }
.gg-register .gg-dlg-field { margin: 20px 18px 12px 18px; }
.gg-register .gg-dlg-note { padding: 12px 18px 0 18px; }
.gg-register .gg-dlg-tip { white-space: nowrap; }
.gg-vcode-link { color: #1a56c4; cursor: pointer; text-decoration: underline; }
.gg-vcode-link:hover { color: #d0021b; }
.gg-vcode-link.gg-vcode-sending { color: #888; cursor: default; text-decoration: none; }

/* 付款第一步：与登录弹窗保持一致的内容区域样式 */
.gg-pay { background: #fff; padding: 14px 16px; width: 480px; }
.gg-pay .gg-dlg-label { white-space: nowrap; }
.gg-pay a { white-space: nowrap; }
.gg-pay select { width: 220px; height: 30px; }
.gg-pay .gg-pay-tips { font-size: 13px; line-height: 20px; color: #333; margin-top: 10px; }

/* 扫码支付：与缴费第一步、登录弹窗保持一致的内容区域样式 */
.gg-qr { background: #fff; padding: 14px 16px; width: 640px; }
.gg-qr .gg-qr-body { padding: 0; }
.gg-qr .gg-qr-left { float: left; width: 220px; text-align: center; }
.gg-qr .gg-qr-amount { color: #d0021b; font-size: 18px; font-weight: 700; margin-bottom: 10px; }
.gg-qr .gg-qr-code { width: 150px; height: 150px; margin: 0 auto; border: 1px solid #ccc; background: #f2f2f2; line-height: 150px; color: #888; }
.gg-qr .gg-qr-code img { display: block; width: 148px; height: 148px; }
.gg-qr .gg-qr-code canvas, .gg-qr .gg-qr-code table { display: block; width: 148px; height: 148px; }
.gg-qr .gg-dlg-btns { margin-top: 14px; }
.gg-qr .gg-qr-openlink { display: block; color: #1a56c4; margin-top: 10px; }
.gg-qr .gg-qr-right { margin-left: 240px; font-size: 13px; line-height: 24px; }
.gg-qr .gg-qr-right .gg-qr-rt { font-size: 14px; font-weight: 700; }
.gg-qr .gg-clear { clear: both; }

/* 付款成功确认条 */
.gg-paysuccess { background: #1a9ad7; color: #fff; text-align: center; padding: 26px 30px; font-size: 16px; width: 360px; }
.gg-paysuccess .gg-btn-confirm { background: #fff; color: #333; border: 1px solid #ccc; display: inline-block; padding: 4px 26px; margin-top: 14px; cursor: pointer; }

/* 查询记录 */
/* 查询记录弹窗：与注册弹窗同款橙色通栏结构（gg-orange gg-register），表格区左右内缩 */
.gg-qlog { padding: 0 0 14px 0; }
.gg-qlog #qlogbody { padding: 14px 18px 0 18px; }
.gg-qlog table { width: 100%; border-collapse: collapse; font-size: 14px; }
.gg-qlog th, .gg-qlog td { border: 1px solid #d5d5d5; height: 30px; padding: 2px 6px; text-align: center; }
.gg-qlog th { background: #efefef; }
.gg-qlog .gg-qlog-btns { text-align: center; padding-top: 12px; }
.gg-qlog .gg-qlog-empty { text-align: center; color: #888; padding: 24px 0 8px 0; }

/* 查询记录分页条 */
.gg-qlog-pager { text-align: center; padding: 10px 0 12px 0; font-size: 14px; color: #333; }
.gg-qlog-pager-info { margin-right: 12px; }
.gg-qlog-pager a, .gg-qlog-pager .gg-qlog-pager-dis { display: inline-block; padding: 3px 12px; margin: 0 3px; border: 1px solid #ddd; border-radius: 3px; text-decoration: none; }
.gg-qlog-pager a { color: #1a7ac4; cursor: pointer; }
.gg-qlog-pager a:hover { background: #f0f7fd; }
.gg-qlog-pager .gg-qlog-pager-dis { color: #bbb; background: #fafafa; }

/* ============================================================
   收费标准页
   ============================================================ */
.gg-fee {  margin: 0 auto; }
.gg-fee .gg-fee-head { font-size: 18px; font-weight: 700; color: #222; border-bottom: 2px solid #1a3f8f; padding: 10px 0 8px 0; }
.gg-fee .gg-fee-band { background: #f0a12a; color: #fff; font-size: 16px; font-weight: 700; padding: 6px 12px; margin-top: 14px; }
.gg-fee table { width: 100%; border-collapse: collapse; margin-top: 12px; font-size: 14px; }
.gg-fee th, .gg-fee td { border: 1px solid #999; text-align: center; height: 34px; padding: 4px 8px; }
.gg-fee th { background: #efefef; }
.gg-fee .gg-fee-td-note { text-align: left; line-height: 28px; font-size: 15px; padding: 12px 16px; }
.gg-fee .gg-fee-td-note p { margin: 0 0 8px 0; }