/* 51Anping professional forum theme — IBMNB-inspired Discuz X3.5 layout. */
:root { --ap-blue: #6666CC; --ap-blue-dark: #5757B7; --ap-link: #003366; --ap-border: #CDCDCD; --ap-head: #D8E2EA; --ap-row-a: #F7F7F7; --ap-row-b: #E3E3E3; --ap-orange: #F26C4F; }

html body { background: #FFF; }
body, input, button, select, textarea { font: 13px/1.5 Tahoma, "Microsoft Yahei", Simsun; color: #333; }
a { color: var(--ap-link); }
.wp, .widthauto .wp { width: 98%; max-width: none; min-width: 960px; }

#toptb { border-top: 0 !important; border-bottom-color: #EEE; background: #F7F7F7; }
#hd { min-height: 73px; border-bottom: 0; background: #FFF; }
#hd .wp { padding: 0; }
.hdc { min-height: 73px; }
.hdc h2 { padding: 0; height: 73px; }
.hdc h2.ap-brand-lockup { position: relative; width: 347px; }
.ap-brand-emblem { position: absolute; z-index: 2; top: 7px; right: 1px; display: block; width: 61px; height: 61px; background: #0B4D8A; -webkit-mask: url("../images/safety-emblem.png") 50% 50% / contain no-repeat; mask: url("../images/safety-emblem.png") 50% 50% / contain no-repeat; pointer-events: none; }
.hdc h2 img, #hd .boardlogo { display: block; width: 347px; height: 73px; }
#um, .fastlg { padding-top: 12px; }

#nv { height: 33px; background: var(--ap-blue); }
#nv ul { height: 33px; }
#nv li { height: 33px; border-right: 1px solid #2D7BC2; font-size: 14px; line-height: 33px; }
#nv li a { height: 33px; padding: 0 18px; color: #E7E7FF; font-weight: 400; line-height: 33px; }
#nv li.a, #nv li.a a, #nv li a:hover { background: var(--ap-blue-dark); color: #FFF; text-decoration: none; }
#qmenu { position: relative; box-sizing: border-box; width: auto; min-width: 96px; height: 33px; margin: 0; padding: 0 28px 0 14px; border-left: 1px solid rgba(255,255,255,.22); background: transparent none !important; color: #FFF; line-height: 33px; text-align: center; white-space: nowrap; overflow: visible; }
#qmenu::after { position: absolute; top: 14px; right: 12px; width: 0; height: 0; border: 4px solid transparent; border-top-color: #FFF; content: ""; }
#qmenu.a, #qmenu:hover { background-color: var(--ap-blue-dark) !important; color: #FFF; text-decoration: none; }

#scbar { border-color: #D8E2EA; }
#pt { margin: 6px 0; border: 0; background: transparent; }
#chart { padding: 0 0 7px; font-size: 14px; }
#chart em { color: #111; font-style: normal; }

.fl { border: 0; background: transparent; }
.fl .bmw { margin: 0 0 7px; border: 0; background: transparent; }
.fl .bm_h, #online .bm_h { height: 30px; padding: 0 16px; border: 0; background: var(--ap-blue); line-height: 30px; }
.fl .bm_h h2, .fl .bm_h h2 a, #online .bm_h, #online .bm_h a { color: #FFF; font-size: 13px; font-weight: 400; }
.fl .bm_h .o { margin: 0 -6px 0 0; }
.fl .bm_h .o img { margin-top: 9px; filter: brightness(0) invert(1); opacity: .85; }
.fl .bm_c { padding: 0; }

.ap-forum-table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.ap-forum-table th, .ap-forum-table td { border: 1px solid var(--ap-border); }
.ap-forum-table thead th { height: 27px; padding: 0 8px; background: var(--ap-head); color: #111; font-weight: 400; line-height: 27px; text-align: center; }
.ap-forum-table thead .ap-board-head { padding-left: 10px; text-align: left; }
.ap-forum-table tbody tr:nth-child(odd) td { background: var(--ap-row-a); }
.ap-forum-table tbody tr:nth-child(even) td { background: var(--ap-row-b); }
.ap-forum-table tbody td { box-sizing: border-box; height: 71px; padding: 5px 8px; vertical-align: middle; }
.ap-forum-table .ap-icon-col { width: 76px; padding: 0; text-align: center; }
.ap-forum-table .ap-topic-col { width: 70px; text-align: center; }
.ap-forum-table .ap-post-col { width: 78px; text-align: center; }
.ap-forum-table .ap-last-col { width: 205px; }
.ap-forum-table .ap-mod-col { width: 118px; text-align: center; }
.ap-forum-icon { display: block; width: 44px; height: 44px; margin: 0 auto; color: #343A40; transition: color .18s ease, transform .18s ease; }
.ap-forum-icon:hover { color: #111; transform: translateY(-1px); }
.ap-forum-icon svg { display: block; width: 44px; height: 44px; overflow: visible; }
.ap-board-cell { padding-left: 16px !important; }
.ap-board-cell h2 { margin-bottom: 2px; font-size: 14px; font-weight: 700; line-height: 21px; }
.ap-board-cell h2 a { color: #111; }
.ap-board-cell h2 a:hover { color: #005AB4; }
.ap-board-cell h2.ap-has-new a { color: #E60012; }
.ap-board-cell h2 .xi1 { color: var(--ap-orange); font-weight: 400; }
.ap-board-cell p { color: #333; line-height: 19.5px; }
.ap-board-cell .ap-subforums { color: #333; }
.ap-count { color: #333; font-family: Arial, sans-serif; }
.ap-last-col { color: #555; line-height: 19px; }
.ap-last-col a { display: block; overflow: hidden; color: var(--ap-link); text-overflow: ellipsis; white-space: nowrap; }
.ap-last-col cite { display: block; color: #666; }
.ap-mod-col { color: #555; line-height: 19px; }
.ap-mod-col a { color: var(--ap-link); }

.bm { border-color: var(--ap-border); }
.bm_h { border-color: var(--ap-border); background: var(--ap-head); }
.lk { margin-bottom: 0 !important; }
#ft { margin-top: 0 !important; }
.pgsbtn, .pgsbtn.showmenu { background-color: #6666CC; background-image: none; }
.pgsbtn:hover, .pgsbtn.showmenu:hover { background-color: #5757B7; }

@media (max-width: 1000px) {
  .wp, .widthauto .wp { width: 98%; min-width: 0; }
  .ap-forum-table .ap-mod-col { display: none; }
  .ap-forum-table .ap-last-col { width: 170px; }
}

@media (max-width: 760px) {
  .hdc h2 img, #hd .boardlogo { width: 285px; height: auto; }
  .ap-forum-table thead { display: none; }
  .ap-forum-table .ap-topic-col, .ap-forum-table .ap-post-col, .ap-forum-table .ap-last-col { display: none; }
  .ap-forum-table .ap-icon-col { width: 58px; }
  .ap-forum-table tbody td { height: 62px; }
  .ap-forum-icon, .ap-forum-icon svg { width: 38px; height: 38px; }
  .ap-board-cell { padding-left: 10px !important; }
  #nv { overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
  #nv ul { width: max-content; }
}