* { margin: 0; padding: 0; box-sizing: border-box; }
body { font: 14px/1.8 "Microsoft YaHei", SimSun, Arial, sans-serif; color: #1e2d42; background: #f0f5fb; }
a { color: #1e2d42; text-decoration: none; }
a:hover { color: #1e56a0; }
ul { list-style: none; }
img { display: block; border: 0; }
.w { width: 1180px; margin: 0 auto; }
.empty { padding: 40px; text-align: center; color: #8296ad; }

.top { background: #0f2d55; color: #b8cbe2; font-size: 12px; }
.top .w { display: flex; justify-content: space-between; height: 30px; align-items: center; }
.top a { color: #b8cbe2; margin: 0 4px; }
.top i { font-style: normal; color: #2c4d77; }

.hd { background: #fff; border-bottom: 4px solid #1e56a0; }
.hd .w { padding: 16px 0; }
.brand { display: flex; align-items: center; gap: 14px; }
.logo { width: 54px; height: 54px; }
.bt b { display: block; font-size: 27px; color: #0f2d55; letter-spacing: 3px; }
.bt i { font-style: normal; font-size: 11px; color: #8296ad; letter-spacing: 1.5px; }

.nav { background: #1e56a0; }
.nav .w { display: flex; }
.nav a { flex: 1; text-align: center; color: #d6e5f5; line-height: 44px; font-size: 15px; }
.nav a:hover, .nav a.on { background: #16447f; color: #fff; }

.hero { position: relative; }
.hero img { width: 100%; height: 300px; object-fit: cover; }
.hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(10,35,70,.55), rgba(10,35,70,.1)); }
.card3d { position: absolute; right: 70px; top: 60px; z-index: 2; transform: rotate(3deg); }

.cbody { width: 340px; height: 200px; border-radius: 14px; background: linear-gradient(135deg, #1e56a0 0%, #2d74c4 55%, #4a93e0 100%); color: #fff; padding: 20px 24px; box-shadow: 0 14px 34px rgba(6,28,60,.45); display: flex; flex-direction: column; }
.cbody.s { width: 300px; height: 176px; }
.crow { display: flex; justify-content: space-between; font-size: 11px; opacity: .85; letter-spacing: 1px; }
.cnum { font-size: 21px; letter-spacing: 3px; margin: auto 0; font-family: Consolas, monospace; }
.cfoot { display: flex; justify-content: space-between; font-size: 12px; opacity: .85; }

.stats { display: flex; background: #fff; margin: -28px auto 0; position: relative; border: 1px solid #dbe6f2; padding: 18px 0; box-shadow: 0 6px 18px rgba(15,45,85,.08); }
.stats > div { flex: 1; text-align: center; border-right: 1px dashed #dbe6f2; }
.stats > div:last-child { border-right: 0; }
.stats b { display: block; font-size: 26px; color: #1e56a0; font-family: Arial, sans-serif; }
.stats span { font-size: 12px; color: #8296ad; }

.cols { display: flex; gap: 22px; margin: 26px 0 40px; }
.left { flex: 1.6; }
.right { flex: 1; }
.bh { display: flex; justify-content: space-between; align-items: center; background: #e4eef9; border-left: 5px solid #1e56a0; padding: 9px 14px; margin-bottom: 1px; }
.bh b { font-size: 16px; color: #0f2d55; }
.bh a { font-size: 12px; color: #8296ad; }

.nl { background: #fff; padding: 6px 14px; }
.nl li { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px dashed #e2ecf6; }
.nl li:last-child { border-bottom: 0; }
.nl li a { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nl li a::before { content: "▪"; color: #1e56a0; margin-right: 7px; }
.nl li span { color: #8296ad; font-size: 12px; margin-left: 8px; flex-shrink: 0; }

.ents { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; background: #fff; border: 1px solid #dbe6f2; padding: 12px; }
.ents a { background: #f2f7fd; border: 1px solid #dbe6f2; padding: 12px 14px; }
.ents a:hover { border-color: #1e56a0; }
.ents b { display: block; font-size: 14.5px; color: #0f2d55; }
.ents span { font-size: 12px; color: #8296ad; }

.qk { display: flex; margin-bottom: 12px; background: #fff; border: 1px solid #dbe6f2; padding: 10px; }
.qk input { flex: 1; border: 1px solid #b7c9de; padding: 9px 12px; font-size: 13.5px; outline: none; border-radius: 3px 0 0 3px; }
.qk button { width: 92px; background: #1e56a0; color: #fff; border: 0; font-size: 14px; cursor: pointer; border-radius: 0 3px 3px 0; }
.qk button.g { background: #0f8a5f; }

.tk { background: #fff; border: 1px solid #dbe6f2; padding: 8px 16px; }
.tk li { padding: 7px 0; border-bottom: 1px dashed #e2ecf6; font-size: 13px; color: #4a5d74; }
.tk li:last-child { border-bottom: 0; }

.crumb { background: #fff; border-bottom: 1px solid #dbe6f2; font-size: 13px; color: #8296ad; }
.crumb .w { padding: 9px 0; }
.page { padding: 26px 0 60px; }

.flt { display: flex; gap: 10px; margin-bottom: 16px; }
.flt input { flex: 1; max-width: 460px; border: 2px solid #1e56a0; padding: 10px 14px; font-size: 14px; outline: none; border-radius: 4px 0 0 4px; }
.flt button { background: #1e56a0; color: #fff; border: 0; padding: 0 28px; font-size: 15px; letter-spacing: 3px; border-radius: 0 4px 4px 0; cursor: pointer; }

.cardinfo { display: flex; gap: 24px; background: #fff; border: 1px solid #dbe6f2; padding: 24px; }
.ci-l { flex-shrink: 0; }
.ci-r { flex: 1; }
.bal { background: #e4eef9; padding: 12px 18px; margin-bottom: 14px; border-radius: 4px; }
.bal span { font-size: 13px; color: #4a5d74; }
.bal b { font-size: 30px; color: #1e56a0; margin-left: 10px; font-family: Arial, sans-serif; }
.it { width: 100%; border-collapse: collapse; }
.it th { text-align: left; background: #f2f7fd; border: 1px solid #dbe6f2; padding: 8px 12px; font-weight: normal; color: #4a5d74; }
.it td { border: 1px solid #dbe6f2; padding: 8px 12px; }
.btn { display: inline-block; margin: 14px 10px 0 0; background: #1e56a0; color: #fff; padding: 9px 26px; border-radius: 3px; }
.btn:hover { background: #16447f; color: #fff; }
.btn.warn { background: #c0392b; }
.btn.warn:hover { background: #a33025; }

.t1 { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid #dbe6f2; }
.t1 th { background: #e4eef9; color: #2c4d77; padding: 9px 10px; font-size: 13px; }
.t1 td { padding: 9px 10px; border-bottom: 1px solid #edf3fa; font-size: 13.5px; }
.t1 .out { color: #c0392b; }
.t1 .in { color: #0f8a5f; }
.balbar { background: #fff; border: 1px solid #dbe6f2; padding: 12px 16px; margin-bottom: 14px; font-size: 14px; }
.balbar .amount { font-size: 22px; color: #1e56a0; margin-left: 6px; }

.ls { display: flex; gap: 24px; align-items: flex-start; }
.form { flex: 1; background: #fff; border: 1px solid #dbe6f2; border-top: 3px solid #c0392b; padding: 22px 26px; }
.fh { font-size: 16px; color: #0f2d55; border-bottom: 1px dashed #dbe6f2; padding-bottom: 10px; margin-bottom: 12px; }
.form label { display: block; font-size: 13px; color: #2c4d77; margin: 12px 0 5px; }
.form label i { font-style: normal; color: #d04b3c; }
.form input, .form select { width: 100%; border: 1px solid #b7c9de; padding: 9px 10px; font-family: inherit; font-size: 13.5px; outline: none; border-radius: 3px; }
.form button { margin-top: 18px; width: 100%; height: 42px; background: #c0392b; color: #fff; border: 0; font-size: 16px; letter-spacing: 4px; cursor: pointer; border-radius: 3px; }
.warn-tip { margin-top: 12px; font-size: 12.5px; color: #8296ad; }
.side { flex: 1; }
.tip { padding: 10px 12px; margin: 12px 0; font-size: 13px; border-radius: 3px; }
.tip.ok { background: #e9f7f1; color: #0f8a5f; border: 1px solid #b7e0cd; }
.tip.err { background: #fdf3f2; color: #c0392b; border: 1px solid #f0c4bd; }
.bd { display: inline-block; padding: 1px 10px; border-radius: 9px; font-size: 12px; color: #fff; background: #8296ad; }
.bd.ok { background: #0f8a5f; }
.bd.no { background: #c0392b; }

.art { padding: 34px 100px 60px; background: #fff; border: 1px solid #dbe6f2; margin: 24px 0 50px; }
.art h1 { text-align: center; font-size: 24px; color: #0f2d55; margin-bottom: 10px; }
.am { text-align: center; color: #8296ad; font-size: 12.5px; border-bottom: 1px dashed #dbe6f2; padding-bottom: 12px; margin-bottom: 20px; }
.art p { text-indent: 2em; line-height: 2.1; margin-bottom: 12px; }
.bk { text-align: center; margin-top: 20px; }
.bk a { color: #1e56a0; }

.ft { background: #0a2445; color: #7f97b4; padding: 22px 0; margin-top: 30px; }
.ft p { text-align: center; font-size: 12.5px; line-height: 2.1; }
.ft a { color: #7f97b4; text-decoration: underline; }

.rc { display: flex; gap: 24px; align-items: flex-start; }
.rc .form { flex: 1.2; background: #fff; border: 1px solid #dbe6f2; border-top: 3px solid #1e56a0; padding: 22px 26px; }
.rc .side { flex: 1; }
.fh { font-size: 16px; color: #0f2d55; border-bottom: 1px dashed #dbe6f2; padding-bottom: 10px; margin-bottom: 12px; }
.rc label { display: block; font-size: 13px; color: #2c4d77; margin: 12px 0 5px; }
.rc label i { font-style: normal; color: #d04b3c; }
.rc input[type=text] { width: 100%; border: 1px solid #b7c9de; padding: 9px 10px; font-family: inherit; font-size: 13.5px; outline: none; border-radius: 3px; }
.chs, .amts { display: flex; flex-wrap: wrap; gap: 8px; }
.chs label, .amts label { display: flex; align-items: center; gap: 4px; background: #f2f7fd; border: 1px solid #dbe6f2; padding: 7px 14px; font-size: 13px; color: #1e2d42; margin: 0; border-radius: 3px; }
.chs input, .amts input { margin: 0; }
.rc button { margin-top: 18px; width: 100%; height: 42px; background: #1e56a0; color: #fff; border: 0; font-size: 16px; letter-spacing: 6px; cursor: pointer; border-radius: 3px; }
.rc .note { margin-top: 12px; font-size: 12px; color: #8296ad; }
.rc .side .fh { background: #fff; border: 1px solid #dbe6f2; border-left: 4px solid #1e56a0; padding: 10px 14px; margin-bottom: 0; }
.t1 { margin-bottom: 0; }
.bnk { display: flex; flex-wrap: wrap; gap: 8px; background: #fff; border: 1px solid #dbe6f2; padding: 10px; }
.bnk span { background: #f2f7fd; border: 1px solid #dbe6f2; padding: 6px 16px; font-size: 12.5px; color: #2c4d77; }
.lead { font-size: 13.5px; color: #4a5d74; margin-bottom: 14px; background: #e4eef9; padding: 10px 14px; border-radius: 3px; }
.brgrid { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 20px; }
.br { width: 376px; background: #fff; border: 1px solid #dbe6f2; border-top: 3px solid #1e56a0; padding: 14px 18px; }
.br h3 { font-size: 15.5px; color: #0f2d55; margin-bottom: 8px; }
.br p { font-size: 12.5px; color: #4a5d74; }
.br b { color: #1e56a0; }
.mapcard { background: #fff; border: 1px solid #dbe6f2; padding: 16px 20px; }
.faq details { background: #fff; border: 1px solid #dbe6f2; margin-bottom: 8px; }
.faq summary { display: flex; align-items: center; gap: 10px; padding: 12px 16px; cursor: pointer; font-size: 14px; color: #1e2d42; }
.faq summary i { font-style: normal; width: 22px; height: 22px; background: #1e56a0; color: #fff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 12px; flex-shrink: 0; }
.faq summary em { margin-left: auto; font-style: normal; font-size: 11.5px; color: #8296ad; }
.fa { display: flex; gap: 10px; padding: 0 16px 12px 48px; }
.fa i { font-style: normal; width: 22px; height: 22px; background: #0f8a5f; color: #fff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 12px; flex-shrink: 0; }
.fa p { font-size: 13.5px; color: #4a5d74; line-height: 2; }
.faq .more { text-align: center; color: #8296ad; font-size: 12.5px; margin-top: 16px; }
.tip { padding: 10px 12px; margin: 12px 0; font-size: 13px; border-radius: 3px; }
.tip.ok { background: #e9f7f1; color: #0f8a5f; border: 1px solid #b7e0cd; }
.tip.err { background: #fdf3f2; color: #c0392b; border: 1px solid #f0c4bd; }

.nav-right{float:right;font-size:13px;color:#fff}
.nav-right a{color:#ffe9b0;margin-left:8px}
.nav-login{background:#f5b31a;color:#1e56a0!important;padding:3px 12px;border-radius:3px;font-weight:700}
.hero-login{position:absolute;right:24px;bottom:18px;background:#f5b31a;color:#1e3a6e;font-weight:700;padding:9px 18px;border-radius:4px;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.login-box{display:flex;gap:0;border:1px solid #e3e9f2;border-radius:8px;overflow:hidden;max-width:860px;margin:0 auto;background:#fff;box-shadow:0 4px 18px rgba(30,86,160,.08)}
.lb-side{flex:1;background:linear-gradient(135deg,#1e56a0,#2d6fc4);color:#fff;padding:36px 30px;display:flex;flex-direction:column;justify-content:center;gap:22px}
.lbs-card{background:linear-gradient(135deg,#f5b31a,#e79c00);border-radius:10px;padding:20px;color:#23324d;box-shadow:0 6px 16px rgba(0,0,0,.28)}
.lbs-card .cnum{font-family:Consolas,monospace;font-size:22px;letter-spacing:3px;margin:10px 0}
.lbs-card .cfoot{display:flex;justify-content:space-between;font-size:12px;font-weight:700}
.lbs-card .crow{display:flex;justify-content:space-between;font-size:11px;font-weight:700}
.lbs-tip{font-size:13px;line-height:1.8;color:#dce8fa}
.lb-form{width:340px;padding:34px 34px 26px}
.lb-form h2{margin:0;font-size:20px;color:#173a66}
.lbf-sub{font-size:10px;letter-spacing:2px;color:#9db3cf;margin:2px 0 16px}
.lbf-err{background:#fdecec;color:#b23b3b;border:1px solid #f3c8c8;border-radius:4px;padding:8px 10px;font-size:13px;margin-bottom:12px}
.lb-form label{display:block;font-size:13px;color:#41546e;margin:10px 0 5px}
.lb-form input{width:100%;box-sizing:border-box;border:1px solid #ccd7e6;border-radius:4px;padding:9px 10px;font-size:14px}
.lb-form input:focus{outline:none;border-color:#1e56a0}
.lb-form button{width:100%;margin-top:18px;background:#1e56a0;color:#fff;border:0;border-radius:4px;padding:11px;font-size:15px;font-weight:700;cursor:pointer}
.lb-form button:hover{background:#173f77}
.lbf-help{font-size:12px;color:#8a9bb4;line-height:1.7;margin-top:14px}
.lbf-help a{color:#1e56a0}
.mytop{display:flex;justify-content:space-between;align-items:center;background:#f4f8fd;border:1px solid #e0eaf6;border-radius:6px;padding:14px 18px;margin-bottom:16px}
.mytop-hi{font-size:17px;font-weight:700;color:#173a66}
.mytop-sub{font-size:12px;color:#7c8ea6;margin-top:3px}
.mytop-sub a{color:#1e56a0}
.mytop-links{display:flex;gap:8px}
.sec-h{font-size:15px;color:#173a66;border-left:4px solid #1e56a0;padding-left:10px;margin:22px 0 10px}
.notice-warn{background:#fff8e8;border:1px solid #f0dfb2;color:#8a6a1f;border-radius:4px;padding:10px 14px;font-size:13px;margin-top:14px}
.notice-warn a{color:#1e56a0}
.msg{border-radius:4px;padding:10px 14px;font-size:13px;margin-bottom:14px}
.msg.ok{background:#eef9ee;border:1px solid #bfe5bf;color:#226b22}
.msg.no{background:#fdecec;border:1px solid #f3c8c8;color:#b23b3b}
.lost-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}
.panel{background:#fff;border:1px solid #e3e9f2;border-radius:6px;padding:18px}
.panel h3{margin:0 0 8px;font-size:15px;color:#173a66}
.p-tip{font-size:12px;color:#7c8ea6;line-height:1.7;margin:0 0 10px}
.panel label{display:block;font-size:13px;color:#41546e;margin:8px 0 5px}
.panel textarea,.panel input{width:100%;box-sizing:border-box;border:1px solid #ccd7e6;border-radius:4px;padding:8px 10px;font-size:13px}
.panel .btn{margin-top:12px}
.rc-form{max-width:520px}
.chs{display:flex;gap:18px}
.ch .ch{margin:0}
.lst{width:100%;border-collapse:collapse;font-size:13px}
.lst th{background:#f4f8fd;color:#41546e;text-align:left;padding:8px 10px;border-bottom:1px solid #e0eaf6}
.lst td{padding:8px 10px;border-bottom:1px dashed #edf2f8}
.lst .empty{text-align:center;color:#9aa9bd;padding:18px}

.lb-sso-logo{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #eef2f8;margin-bottom:14px}
.lb-sso-logo b{display:block;font-size:18px;color:#173a66}
.lb-sso-logo span{display:block;font-size:9.5px;letter-spacing:1.5px;color:#9db3cf;margin-top:2px}
.lbf-sub2{font-size:12.5px;color:#7c8ea6;line-height:1.8;margin:0 0 16px}
.lb-sso-btn{display:flex;align-items:center;justify-content:center;gap:9px;height:48px;background:linear-gradient(140deg,#3d7bf2,#2f5fd8);color:#fff;border-radius:10px;font-size:15.5px;font-weight:700;box-shadow:0 6px 16px rgba(47,95,216,.28)}
.lb-sso-btn:active{opacity:.88}