* { margin: 0; padding: 0; box-sizing: border-box; }
body { font: 13px/1.8 "Microsoft YaHei", "SimSun", Arial, sans-serif; color: #3a2e2e; }
.alogin { background: url("../img/h3.jpg") center/cover fixed; display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.alogin::before { content: ""; position: fixed; inset: 0; background: rgba(70, 15, 15, .55); }
.abox { width: 360px; background: rgba(255, 250, 247, .97); border-top: 4px solid #9d1f2c; padding: 28px 32px; position: relative; box-shadow: 0 12px 40px rgba(50, 10, 10, .4); }
.ah { font-size: 17px; color: #7a1520; border-bottom: 1px solid #e8d4c8; padding-bottom: 10px; margin-bottom: 14px; }
.abox label { display: block; font-size: 13px; color: #7a5a50; margin: 10px 0 4px; }
.abox input { width: 100%; border: 1px solid #d4b8a5; padding: 8px 10px; font-size: 14px; outline: none; border-radius: 3px; }
.abox button { width: 100%; height: 38px; margin-top: 18px; background: #9d1f2c; color: #fff; border: 0; font-size: 15px; letter-spacing: 6px; cursor: pointer; border-radius: 3px; }
.aft { margin-top: 14px; text-align: center; font-size: 11.5px; color: #a08c82; }
.aerr { background: #fdf3f2; border: 1px solid #f0c4bd; color: #c0392b; padding: 8px 10px; margin-bottom: 12px; font-size: 12.5px; border-radius: 3px; }

.abody { background: #f4ebe6; }
.abar { background: #5c1019; color: #fff; padding: 0 22px; height: 46px; display: flex; align-items: center; justify-content: space-between; }
.abar b { font-size: 15px; letter-spacing: 2px; }
.abar a { color: #e0c3b0; margin-left: 14px; font-size: 13px; }
.abar a:hover, .abar a.on { color: #ffd98a; }
.amain { width: 1240px; margin: 18px auto; }

.acards { display: flex; gap: 14px; margin-bottom: 16px; }
.ac { flex: 1; background: #fff; border: 1px solid #e8d4c8; border-top: 3px solid #9d1f2c; padding: 14px 18px; }
.ac b { font-size: 24px; color: #9d1f2c; display: block; }
.ac span { font-size: 12px; color: #a08c82; }

.ap { background: #fff; border: 1px solid #e8d4c8; margin-bottom: 16px; }
.aph { background: #f7ebe3; border-bottom: 1px solid #e8d4c8; padding: 8px 14px; font-weight: bold; color: #7a1520; }
.apb { padding: 12px 14px; }

.at { width: 100%; border-collapse: collapse; }
.at th { background: #f7ebe3; border: 1px solid #e8d4c8; padding: 8px 9px; text-align: left; font-size: 12.5px; color: #7a5a50; }
.at td { border: 1px solid #f0e2d6; padding: 8px 9px; vertical-align: top; }
.at tr:hover td { background: #fcf7f3; }
.tip { color: #a08c82; font-size: 12px; }
.tdw { max-width: 220px; }

.abtn { background: #9d1f2c; color: #fff; border: 0; padding: 5px 12px; font-size: 12px; cursor: pointer; border-radius: 3px; }
.abtn.r { background: #c0392b; }
.aflt { margin-bottom: 12px; display: flex; gap: 6px; align-items: center; }
.aflt select { border: 1px solid #d4b8a5; padding: 5px 8px; }
.tag { padding: 5px 16px; background: #fff; border: 1px solid #e8d4c8; color: #7a5a50; font-size: 13px; border-radius: 3px; cursor: pointer; }
.tag.on { background: #9d1f2c; color: #fff; border-color: #9d1f2c; }
.fm { display: flex; gap: 5px; }
.fm input { border: 1px solid #d4b8a5; padding: 4px 6px; font-size: 12px; width: 150px; }
.alg li { padding: 4px 0; border-bottom: 1px dashed #f0e2d6; font-size: 12.5px; color: #5c4a42; }
.aok { background: #e9f5ec; border: 1px solid #b7d4c1; color: #1e7a4c; padding: 8px 12px; margin-bottom: 12px; border-radius: 3px; }

.oa .abar { background: #f7f3ea; border-bottom: 3px double #9d1f2c; padding: 0; height: auto; display: block; }
.oa .abar-l { display: flex; align-items: baseline; gap: 12px; padding: 14px 24px 10px; border-bottom: 1px solid #e3d8c2; }
.oa .abar-l b { font-size: 21px; color: #9d1f2c; letter-spacing: 4px; font-family: "SimSun", serif; }
.oa .abar-l span { font-size: 11.5px; color: #b8a37a; letter-spacing: 2px; }
.oa .abar-r { padding: 8px 24px 10px; display: flex; }
.oa .abar-r a { color: #5c4a30; font-size: 13px; margin: 0 12px; padding: 2px 8px; }
.oa .abar-r a:hover { background: #9d1f2c; color: #fff; border-radius: 2px; }
.oa .abar-r a.on { background: #9d1f2c; color: #fff; }
.oa-crumbs { background: #fbf8f1; border-bottom: 1px solid #e3d8c2; padding: 7px 24px; font-size: 12px; color: #8a7a5c; }
.oa .amain { background: #fff; margin: 18px 24px; border: 1px solid #e3d8c2; padding: 18px 22px; }
.oa .acards { display: flex; gap: 0; border: 1px solid #e3d8c2; margin-bottom: 16px; }
.oa .ac { border: none; border-right: 1px solid #e3d8c2; border-top: none; background: #fdfaf4; }
.oa .ac b { color: #9d1f2c; }
.oa .aph { background: #f7f3ea; border-left: 4px solid #9d1f2c; color: #5c4a30; }
.oa .at th { background: #f7f3ea; color: #5c4a30; border-color: #e3d8c2; }
.oa .fm input { border-color: #d4c8a5; }
.oa .fm .abtn { background: #9d1f2c; }
.oa .fm .abtn.r { background: #b8860b; }
.oa .alg li { color: #5c4a30; }
.oa .tip { color: #8a7a5c; }
.oa .empty { color: #b8a37a; }

.alogin table.oa-table { width: 920px; margin: 110px auto 0; background: #fff; border: 1px solid #d8ccb2; box-shadow: 0 8px 30px rgba(60,40,10,.25); border-spacing: 0; }
.oa-left { width: 520px; background: #fdfaf4; vertical-align: top; padding: 40px 44px; }
.oa-brand { margin-bottom: 24px; }
.oa-seal { display: inline-block; border: 3px solid #9d1f2c; color: #9d1f2c; padding: 10px 18px; font-size: 19px; line-height: 1.7; letter-spacing: 3px; text-align: center; font-family: "SimSun", serif; border-radius: 4px; }
.oa-doc h2 { font-size: 18px; color: #3a2e1e; text-align: center; margin: 24px 0 6px; font-family: "SimSun", serif; letter-spacing: 2px; }
.oa-docno { text-align: center; font-size: 12px; color: #8a7a5c; margin-bottom: 4px; }
.oa-line { color: #c9b98a; letter-spacing: -2px; overflow: hidden; }
.oa-doc p { font-size: 13.5px; color: #4a3e28; line-height: 2.2; margin: 10px 0; text-indent: 2em; }
.oa-sign { text-align: right; text-indent: 0 !important; }
.oa-date { text-align: right; text-indent: 0 !important; color: #6a5a3e; }
.oa-tip { margin-top: 30px; font-size: 11px; color: #b8a37a; border-top: 1px dashed #d8ccb2; padding-top: 12px; }
.oa-right { width: 400px; vertical-align: top; background: linear-gradient(180deg, #fbf9f4, #f5f1e6); padding: 60px 46px; }
.oa-right h1 { font-size: 17px; color: #5c4a30; border-left: 4px solid #9d1f2c; padding-left: 12px; margin-bottom: 24px; }
.oa-right input { width: 100%; border: 1px solid #d4c8a5; padding: 11px 12px; font-size: 13.5px; margin-bottom: 16px; outline: none; background: #fffdf8; }
.oa-right input:focus { border-color: #9d1f2c; }
.oa-right button { width: 100%; height: 44px; background: #9d1f2c; color: #fff; border: 0; font-size: 15px; letter-spacing: 8px; cursor: pointer; }
.oa-right button:hover { background: #7a1520; }
.oa-help { margin-top: 20px; text-align: center; font-size: 11.5px; color: #8a7a5c; }
.oa-foot { text-align: center; color: #8a7a5c; font-size: 12px; padding: 14px 0; }