/* ============================================================
   VPCS 页面皮肤（query.html / pay.html）
   视觉参照 http://vpcs.weipuvip.com/query.html
   ★ 只做样式覆盖与装饰元素，不改任何 DOM 结构、事件绑定与接口
   ============================================================ */

/* ---------------- 全局（参考页 body） ---------------- */
body { background:#e6e6e6 !important; color:#333 !important; font-size:14px !important;
  font-family:微软雅黑,"Microsoft YaHei",宋体,SimSun,Arial,Helvetica,sans-serif !important; }
.query_page, .pay_page { background:transparent !important; }

/* 原头部不能删（#memberCarrier 会员系统依赖），移出屏幕保留 DOM 与事件 */
.query_page > .head, .pay_page > .head { position:absolute !important; left:-9999px !important;
  top:0 !important; width:0 !important; height:0 !important; overflow:hidden !important;
  margin:0 !important; padding:0 !important; float:none !important; }

/* ---------------- 顶部导航（参考页 .head-nav） ---------------- */
.vpcs-nav { width:100%; background:#fff; border-bottom:2px solid #C68F40;
  line-height:60px; text-align:left; }
.vpcs-nav-inner { width:85%; min-width:1200px; margin:auto; height:60px;
  display:flex; align-items:center; }
.vpcs-nav .vpcs-logo { display:inline-flex; align-items:center; text-decoration:none; }
.vpcs-nav .vpcs-logo img { height:36px; display:block; }
.vpcs-nav .vpcs-menu { display:flex; align-items:center; list-style:none;
  padding:0; margin:0 0 0 100px; }
.vpcs-nav .vpcs-menu li { margin:0 20px; font-size:14px; }
.vpcs-nav .vpcs-menu a { color:#666; text-decoration:none; padding:5px 0; }
.vpcs-nav .vpcs-menu a:hover { color:#C68F40; }
.vpcs-nav .vpcs-menu a.active { color:#C68F40; border-bottom:1px solid #C68F40; }

/* ---------------- 白色主卡片 + 左右分栏（参考页 .main-con） ---------------- */
.query_page .content-block, .pay_page .content-block {
  width:85% !important; min-width:1200px; max-width:none;
  margin:36px auto 0 !important; padding:0 !important;
  background:#fff !important; display:flex !important; align-items:stretch;
  position:relative; box-sizing:border-box; min-height:920px; }
.content-block > .block-right { flex:0 0 76% !important; width:76% !important;
  order:1; margin:0 !important; padding:0 !important; float:none !important;
  box-sizing:border-box; background:#fff; }
.content-block > .block-left { flex:0 0 24% !important; width:24% !important;
  order:2; margin:0 !important; padding:0 !important; float:none !important;
  box-sizing:border-box; border-left:15px solid #e6e6e6; background:#fff; }

/* ---------------- 黄色提示条（参考页 .additional） ---------------- */
.vpcs-additional { position:absolute; top:-30px; left:0; width:calc(76% - 15px);
  height:30px; line-height:30px; text-align:center; background:#FFFFCE;
  border:1px solid #FFBB55; color:#f00; font-weight:bold; font-size:14px;
  box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* ---------------- 黑色页脚（参考页 .version） ---------------- */
.vpcs-footer { width:100%; background:#252525; color:#a9a9a9; font-size:12px;
  text-align:center; line-height:64px; margin-top:36px; }

/* ---------------- 侧栏两张卡片（参考页 .lister） ---------------- */
.block-left .operation-process, .block-left .common-problem {
  background:#fff !important; border:none !important; border-radius:0 !important;
  box-shadow:none !important; padding:22px 28px !important; margin:0 !important;
  width:auto !important; }
.block-left .common-problem { border-top:15px solid #e6e6e6 !important; }
.block-left .operation-process .name, .block-left .common-problem .name {
  font-size:18px !important; color:#333 !important; font-weight:normal !important;
  margin:0 0 16px !important; padding-left:43px !important; position:relative;
  line-height:23px; }
.block-left .operation-process .name:before,
.block-left .common-problem .name:before { content:'✓'; position:absolute; left:0; top:0;
  width:23px; height:23px; border-radius:50%; background:#C68F40; color:#fff;
  font-size:14px; text-align:center; line-height:23px; }
.block-left .common-problem .name:before { content:'!'; }
.block-left .operation-process .name:after, .block-left .common-problem .name:after {
  content:''; position:absolute; left:0; right:-28px; bottom:-8px;
  border-top:1px solid #e6e6e6; }
/* 操作流程列表 */
.block-left .operation { position:relative; padding:12px 0 12px 40px !important;
  margin:0 !important; border-bottom:1px solid #f6f6f6; }
.block-left .operation .sequence { position:absolute !important; left:0; top:14px;
  width:22px !important; height:22px !important; line-height:22px !important;
  text-align:center; border-radius:50%; background:#C68F40 !important;
  color:#fff !important; font-size:12px !important; border:none !important; }
.block-left .operation .sequence-line:after { display:none !important; }
.block-left .operation .p1 { font-size:14px !important; color:#333 !important;
  margin:0 0 2px !important; line-height:1.5; }
.block-left .operation .p2 { font-size:12px !important; color:#757575 !important;
  margin:0 !important; line-height:1.6; }
/* 常见问题列表 */
.block-left .p-cont .problem-item { padding:16px 0 !important; margin:0 !important;
  border-bottom:1px solid #f6f6f6; }
.block-left .problem-text { font-size:14px !important; color:#C68F40 !important;
  margin:0 0 6px !important; line-height:1.5; }
.block-left .problem-text span { display:inline-block; width:18px; height:18px;
  border-radius:50%; background:#C68F40 !important; color:#fff !important;
  font-size:12px; text-align:center; line-height:18px; margin-right:6px; }
.block-left .problem-text img { height:18px; }
.block-left .answer { font-size:12px !important; color:#757575 !important;
  line-height:1.8; margin:0 !important; }
.block-left .answer span { color:#C68F40 !important; }

/* ---------------- 右侧悬浮客服（参考页 .aside-bar） ---------------- */
.fixedBox { position:fixed !important; z-index:10; right:10px !important;
  top:auto !important; bottom:120px !important; width:70px !important;
  background:#fff !important; border-radius:12px !important;
  box-shadow:0 4px 15px rgba(0,0,0,.1); padding:10px !important;
  box-sizing:border-box; text-align:center; }

/* ============================================================
   query.html —— 查询结果主区（参考页 .search / .result）
   ============================================================ */
.query_page .block-right .generalization { display:none !important; }
.query_page .block-right .r-content { background:#fff !important;
  border:none !important; border-radius:0 !important; box-shadow:none !important;
  padding:0 !important; height:auto !important; min-height:920px;
  width:100% !important; }
/* 标题 → 参考页 .item1：金色竖线 + 18px 粗体 */
.query_page .r-content .subtitle { text-align:left !important;
  padding:25px 20px 0 40px !important; margin:0 !important; position:relative;
  height:auto !important; line-height:26px !important; }
.query_page .r-content .subtitle:before { content:''; position:absolute;
  left:40px; top:28px; width:3px; height:20px; background:#C68F40; }
.query_page .r-content .subtitle span { font-size:18px !important;
  color:#2f2f2f !important; font-weight:bold !important; margin-left:20px; }
.query_page .r-content .subtitle span:after { display:none !important; }
/* 搜索行 → 参考页 .item2 */
.query_page .searchParameters { display:flex !important; align-items:center;
  flex-wrap:wrap; height:auto !important; min-height:34px;
  margin:20px 0 10px !important; padding:0 20px 0 40px !important;
  float:none !important; }
.query_page .searchParameters .orderId-name { float:none !important;
  font-size:14px !important; color:#6a6a6a !important; height:34px !important;
  line-height:34px !important; margin:0 20px 0 0 !important; }
.query_page .searchParameters .orderIdBox { float:none !important; }
.query_page .searchParameters input.orderId { width:250px !important;
  height:34px !important; line-height:34px !important; box-sizing:border-box;
  border:1px solid #cbd5e1 !important; border-right:none !important;
  border-radius:0 !important; margin:0 !important; padding:0 10px !important;
  box-shadow:none !important; font-size:14px !important; color:#555 !important;
  background:#fff !important; }
.query_page .searchParameters input.orderId:focus { border-color:#4291e3 !important;
  box-shadow:0 0 0 2px #4291e31a !important; }
.query_page .searchParameters .searchBtn { float:none !important;
  width:auto !important; height:34px !important; line-height:34px !important;
  padding:0 25px !important; margin:0 !important; border-radius:0 !important;
  background:#C68F40 !important;
  background:linear-gradient(180deg,#FFE7C4,#C68F40) !important;
  color:#fff !important; font-size:14px !important; cursor:pointer; }
.query_page .searchParameters .searchBtn:hover { filter:brightness(1.05); }
.query_page .searchParameters .pointOut { float:none !important;
  height:34px !important; line-height:34px !important; display:flex;
  align-items:center; gap:18px; padding-left:30px; font-size:12px !important; }
.query_page .pointOut > div { float:none !important; margin:0 !important; }
.query_page .pointOut > div > img { width:16px; height:16px; vertical-align:middle; }
.query_page .pointOut span { color:#666; }
/* 结果区 */
.query_page .resultBox { min-height:300px !important; max-height:none !important;
  overflow:visible !important; padding:25px 40px 20px !important;
  background:#fff; width:100% !important; box-sizing:border-box; }
.query_page .orderInformation { width:100% !important; border:none !important;
  border-collapse:collapse; }
.query_page .orderInformation th { background:#f8f9fa; color:#666;
  font-weight:normal; font-size:14px; padding:12px 8px; border:none;
  border-bottom:1px solid #e6e6e6; text-align:center; }
.query_page .orderInformation td { padding:14px 8px; border:none;
  border-bottom:1px solid #f8f8f8; text-align:center; color:#666; font-size:13px; }
.query_page .noData { text-align:center; padding:100px 0 0 !important;
  margin:0 !important; height:300px !important; color:#a9a6a6;
  box-sizing:border-box; }
.query_page .noData img { width:40px; opacity:.55; }
.query_page .noData .guide { font-size:26px !important; color:#a9a6a6 !important;
  margin-top:10px !important; }

/* ============================================================
   pay.html —— 对齐参考站 system.html 第 2 步「结算 / 支付方式」区
   依据 css/system2.css?v9 的 .main-con .settlement / .pay-way
   ★ 只覆盖样式，DOM / 事件 / 接口一律不动；优惠券模块完整保留
   ============================================================ */
.pay_page .block-right .r-content { background:#fff !important;
  border:none !important; border-radius:0 !important; box-shadow:none !important;
  padding:0 0 40px !important; height:auto !important; min-height:920px;
  width:100% !important; box-sizing:border-box; }
.pay_page .back { margin:0 !important; padding:20px 30px 0 !important;
  font-size:12px !important; }
.pay_page .back a { color:#666 !important; text-decoration:none; }
.pay_page .r-title { text-align:left !important; font-size:18px !important;
  color:#2f2f2f !important; font-weight:bold !important;
  margin:0 0 20px !important; padding:20px 30px 0 !important; border:none !important; }
.pay_page .r-title:before, .pay_page .r-title:after { display:none !important; }

/* 三大块 = 参考站 .settlement（padding 30px），块间 .bg-margin 灰条 */
.pay_page .block-information, .pay_page .block-coupon, .pay_page .block-pay {
  padding:30px !important; margin:0 !important; background:#fff !important;
  border:none !important; border-radius:0 !important; box-shadow:none !important;
  width:auto !important; float:none !important; }
.pay_page .block-coupon, .pay_page .block-pay { border-top:15px solid #e6e6e6 !important; }
/* 标题 = 18px 粗体 + 金色圆形序号（对应参考站 images/1.png、2.png） */
.pay_page .block-information .name, .pay_page .block-coupon .name,
.pay_page .block-pay .name { position:relative; font-size:18px !important;
  color:#2f2f2f !important; font-weight:bold !important;
  border-left:none !important; padding:0 0 0 40px !important;
  margin:0 0 25px !important; line-height:22px; }
.pay_page .block-information .name:before, .pay_page .block-coupon .name:before,
.pay_page .block-pay .name:before { content:'1'; position:absolute;
  left:0; top:1px; width:20px; height:20px; border-radius:50%;
  background:#C68F40; color:#fff; font-size:12px; font-weight:bold;
  text-align:center; line-height:20px; }
.pay_page .block-coupon .name:before { content:'2'; }
.pay_page .block-pay .name:before { content:'3'; }
.pay_page .block-information .name:after, .pay_page .block-coupon .name:after,
.pay_page .block-pay .name:after { display:none !important; }

/* 核对信息 → 参考站「一行灰头 dt + 一行白值 dd」网格表
   .vpcs-dt 由 vpcs-page-skin.js 包装纯文本 label 生成，原有数据 span 不动 */
.pay_page .information-box { display:grid !important;
  grid-template-columns:repeat(7, 1fr);
  background:#fff !important; padding:0 !important; margin:0 !important;
  border:1px solid #e1e1e1 !important; border-radius:0 !important;
  box-shadow:none !important; }
.pay_page .information-box .info { display:contents !important;
  float:none !important; margin:0 !important; padding:0 !important; }
.pay_page .information-box .info > p { margin:0 !important; padding:0 !important;
  width:100% !important; min-width:0;
  display:flex !important; flex-direction:column !important;
  border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;
  font-size:12px !important; color:#474747 !important;
  overflow:hidden; }
.pay_page .information-box .info > p .vpcs-dt { display:block;
  padding:12px 6px !important; margin-left:0 !important;
  background:#f6f6f6 !important; font-weight:bold !important;
  color:#474747 !important; border-bottom:1px solid #e1e1e1; text-align:left; }
.pay_page .information-box .info > p > span:not(.vpcs-dt) { display:block;
  padding:18px 6px !important; margin-left:0 !important;
  color:#2f2f2f !important; font-weight:bold !important; float:none !important; }
/* 7 个字段按参考站排成「一行表头 + 一行值」，窄列文字省略 */
.pay_page .information-box .info > p .vpcs-dt,
.pay_page .information-box .info > p > span:not(.vpcs-dt) {
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pay_page .information-box .price-t { color:#d81e06 !important; font-size:14px !important; }
.pay_page .copyID { color:#C68F40 !important; font-size:12px !important;
  margin-left:8px; display:inline !important; padding:0 !important; }
/* 参考站结算区右下角应付金额（24px 红字） */
.vpcs-price-txt { text-align:right; font-size:14px; color:#474747;
  padding:18px 20px 0; }
.vpcs-price { font-size:24px; font-weight:bold; color:#d81e06; }

/* 优惠券模块：完整保留，套用同一套 .settlement 视觉 */
.pay_page .block-coupon > div { margin:0 !important; padding:0 !important;
  background:transparent !important; border:none !important; }
.pay_page .block-coupon input#coupon { width:250px !important; height:34px !important;
  border:1px solid #cbd5e1 !important; border-radius:0 !important;
  box-shadow:none !important; padding:0 10px !important; font-size:14px !important; }
.pay_page .use_now { background:#e73d36 !important; color:#fff !important;
  border-radius:0 !important; height:34px !important; line-height:34px !important; }
.pay_page .Coupondisabled { color:#474747 !important; font-size:14px !important; }
.pay_page .welfare-entrance { margin-top:12px !important; }

/* 支付方式列表 = 参考站 .pay-way li（勾选框 + logo + 浅灰阴影卡片）
   ★ 关键：display:contents + flex order 把「选中项 → 二维码/金额信息 → 未选中项」
     排成参考站的真实顺序，DOM 顺序、事件与接口显隐逻辑完全不动 */
.pay_page .pay-box .clearfix2 { display:flex !important; flex-direction:column; }
.pay_page .pay-box .payType { display:contents !important; }
.pay_page .pay-box .payType > div.select { order:1 !important; }
.pay_page .pay-box .clearfix2 > .code { order:2 !important; }
.pay_page .pay-box .payType > div:not(.select) { order:3 !important; }
.pay_page .pay-box .clearfix2 > .tbPay { order:4 !important; }

/* 注意：不覆盖子项 display / float，显隐仍由原页面 JS 按接口返回控制 */
.pay_page .pay-box .payType > div { position:relative !important;
  width:100% !important; height:auto !important; line-height:60px !important;
  text-align:left !important; padding:10px 22px 10px 46px !important;
  margin:0 0 6px !important; background:#fff !important;
  border:none !important; border-radius:0 !important; box-shadow:none !important;
  box-sizing:border-box; font-size:14px !important; color:#3a3842 !important; }
.pay_page .pay-box .payType > div:before { content:''; position:absolute;
  left:12px; top:50%; margin-top:-10px; width:21px; height:21px;
  background:url('../vpcs_img/checkbox.png') no-repeat center / contain; }
.pay_page .pay-box .payType > div.select:before {
  background-image:url('../vpcs_img/checkbox-checked.png'); }
.pay_page .pay-box .payType > div.select,
.pay_page .pay-box .payType > div:hover { box-shadow:0 0 10px #EBEBEB !important;
  background:#fff !important; border:none !important; }
.pay_page .pay-box .payType > div img { width:32px !important; height:32px !important;
  margin:0 10px 0 4px !important; vertical-align:middle; }
.pay_page .pay-box .payType > div span { width:auto !important; font-size:14px !important;
  color:#3a3842 !important; vertical-align:middle; margin-left:10px !important; }

/* 二维码 + 红色扫码提示条 + 金额信息，整体内嵌在选中支付方式下方（参考站 .pay-info） */
/* 选中支付方式 + 二维码区拼成参考站那种「一整张卡片」 */
.pay_page .pay-box .payType > div.select { border:1px solid #ededed !important;
  border-bottom:none !important; box-shadow:none !important;
  margin-bottom:0 !important; }
.pay_page .pay-box .code { display:flex !important; flex-direction:row !important;
  align-items:flex-start !important; margin:0 0 10px !important;
  padding:12px 20px 20px 46px !important;
  border:1px solid #ededed !important; border-top:none !important; }
.pay_page .pay-box .codeER { flex:0 0 200px !important;
  width:200px !important; height:200px !important;
  padding:0 !important; margin-bottom:50px !important;
  background:#8A8A8A !important; position:relative !important; float:none !important; }
.pay_page .pay-box #qrcode, .pay_page .pay-box #qrcode img,
.pay_page .pay-box #qrcode canvas { width:200px !important; height:200px !important; }
.pay_page .pay-box .codeER .load, .pay_page .pay-box .codeER .mask {
  width:100% !important; height:100% !important; left:0 !important; top:0 !important; }
.pay_page .pay-box .codeER .tips { width:200px !important; left:0 !important;
  bottom:-42px !important; padding:10px !important; background:#ff5e57 !important;
  color:#fff !important; text-align:center !important; font-size:12px !important;
  line-height:1.5; box-sizing:border-box; }
.pay_page .pay-box .titlesRight { flex:1 1 auto !important;
  margin:0 0 0 30px !important; float:none !important;
  width:auto !important; min-width:0; line-height:26px !important;
  font-size:14px !important; color:#6d6d6d !important; }
.pay_page .pay-box .titlesRight .amount { font-size:14px !important; color:#474747 !important; }
.pay_page .pay-box .titlesRight .amount span,
.pay_page .pay-box .titlesRight .amount b { font-size:18px !important; }
.pay_page .orderAmount, .pay_page .price-t, .pay_page #Total_amount {
  color:#e93642 !important; font-weight:bold !important; }
.pay_page .pay-box .auxiliary { background:#fff !important; padding:0 !important;
  margin:10px 0 0 !important; font-size:12px !important; color:#6d6d6d !important; }
.pay_page .pay-box .auxiliary .next { display:inline-block !important;
  padding:10px 20px !important; margin-top:10px !important;
  background:#e73d36 !important; color:#fff !important;
  text-decoration:none !important; cursor:pointer; font-size:14px !important; }
.pay_page .pay-box .auxiliary .next:hover { background:#d32f2a !important; color:#fff !important; }

/* 底部「立即检测 / 上一步」（参考站 .btn-jc） */
.vpcs-pay-actions { padding:26px 0 0; }
.vpcs-btn-main, .vpcs-btn-back { display:inline-block; padding:10px 28px;
  font-size:14px; text-decoration:none; margin-right:12px; }
.vpcs-btn-main { background:#C68F40; color:#fff; }
.vpcs-btn-main:hover { background:#a9762f; color:#fff; }
.vpcs-btn-back { background:#fff; color:#535353; border:1px solid #e1e1e1; }

/* ---------------- 弹窗与其余残留紫色统一到参考站配色 ---------------- */
.delete-pop, .coupon_pop { border-radius:6px !important; }
.pay_page .determine_btn, .pay_page .tb-payOrder { background:#e73d36 !important;
  color:#fff !important; border-radius:0 !important; }
.coupon_pop .pop_bottom .determine_btn:hover,
.coupon_pop .pop_bottom .determine_btn:active { background:#d32f2a !important; }
.coupon_pop .copy_pop, .pay_page .pay-box .tbPay .tb-content .Three_party span {
  color:#C68F40 !important; }

/* ============================================================
   按目标截图补齐：增值服务 / 参考站侧栏 / 导航右侧按钮
   ============================================================ */
/* 增值服务（参考站 .addedServices / .services-item） */
.vpcs-added { margin-top:16px !important; padding-left:40px !important; }
.vpcs-added .vpcs-add-title { color:#3D3D3D; font-weight:bold;
  font-size:14px; margin:0 0 16px !important; }
.vpcs-service-item { position:relative; display:flex; align-items:center;
  background:#f4f4ff !important; border:1px solid #DCDAFE !important;
  border-radius:2px !important; padding:18px 24px !important;
  margin-bottom:18px; }
.vpcs-service-check { flex:0 0 18px; width:18px; height:18px;
  border:1px solid #DCDAFE; background:#fff; border-radius:2px;
  margin-right:26px !important; box-sizing:border-box; }
.vpcs-service-item.active .vpcs-service-check { border:none;
  background:url('../vpcs_img/check2.png') no-repeat center / 100% 100%; }
.vpcs-service-info { flex:1 1 auto; min-width:0; }
.vpcs-s-name { color:#3D3D3D; font-size:16px; }
.vpcs-s-name img { height:20px; vertical-align:middle; }
.vpcs-s-name .name { margin:0 4px; }
.vpcs-s-name .tag { background:#E8E7FD; color:#7B77E9; font-size:12px;
  padding:2px 8px; border-radius:0 10px 0 10px; display:inline-block; }
.vpcs-s-desc { margin-top:10px; color:#757575; font-size:12px; }
.vpcs-service-price { color:#666; font-size:16px; margin-left:20px; white-space:nowrap; }

/* 侧栏：隐藏本地原两块，换成参考站「检测范围 / 温馨提示」（原 DOM 保留不删） */
.pay_page .block-left .operation-process,
.pay_page .block-left .common-problem { display:none !important; }
.vpcs-side-card { padding:22px 28px !important; background:#fff; }
.vpcs-side-card + .vpcs-side-card { border-top:15px solid #e6e6e6 !important; }
.vpcs-side-title { font-size:18px; color:#333; margin:0 !important; line-height:23px; }
.vpcs-side-title i { display:inline-block; width:23px; height:23px;
  vertical-align:middle; margin-right:20px; margin-top:-4px;
  background-repeat:no-repeat; background-position:center; }
.vpcs-side-range .vpcs-side-title i { background-image:url('../vpcs_img/range.png'); }
.vpcs-side-ques .vpcs-side-title i { background-image:url('../vpcs_img/right-i2.png'); }
.vpcs-side-card hr { border:none; border-top:1px solid #e6e6e6;
  margin:16px -28px !important; }
.vpcs-cb-list { list-style:none; margin:0 !important; padding:0 !important;
  height:168px; overflow-y:auto; }
.vpcs-cb-list li { line-height:2; font-size:13px; color:#333; white-space:nowrap; }
.vpcs-cb-list li i { display:inline-block; width:20px; height:17px;
  vertical-align:middle; margin-top:-4px; margin-right:16px;
  background:url('../vpcs_img/gou.png') no-repeat center; }
.vpcs-ques-list { list-style:none; margin:0 !important; padding:0 !important; }
.vpcs-ques-list li { margin:30px 0; font-family:SimSun,宋体; }
.vpcs-ques-list li p { color:#C68F40; line-height:1.6; margin:0 0 4px !important; }
.vpcs-ques-list li p.p2 { color:#757575; font-size:12px;
  line-height:26px; margin:0 !important; }

/* 导航右侧红色「报告下载」 */
.vpcs-nav-report { margin-left:auto; line-height:60px; padding:0 22px;
  background:#e73d36; color:#fff !important; text-decoration:none; font-size:14px; }
.vpcs-nav-report:hover { background:#d32f2a; color:#fff !important; }