body { margin: 0; padding: 0px; background: #f5f5f5; color: #333; font: 12px/1.0 Arial, "Microsoft YaHei", sans-serif;font-family: "宋体";  }
#head { width:1200px; height:62px; margin:0px auto;position:relative; background:url(/images/banner.jpg) no-repeat #ddd4d4;}

.menu{ position:absolute; width:100%; height:30px; line-height:30px; bottom:0; background-color:#FFF;font-size:13px; font-family:"Arial","宋体"; color:#333;}
.menu .leftbar{ width:200px; line-height:30px; font-size:12px; text-align:center; float:left; }
.leftbar a{ margin: 0 10px;}
.menu .centerbar{ float:left; overflow:hidden;}
.menu .centerbar a{ width:120px; text-align:center; margin-left:1px; background-color:#777 ; display: block; height:30px; color:#FFF; text-decoration:none; float:left;   }
.menu .centerbar a:hover{ background-color:#900}

.menu .rightbar{ width:300px; height:30px; text-align:center;font-size:12px;line-height:30px; float:left; overflow:hidden}

.container { max-width: 1200px; margin: 0px auto 20px auto; }
.container table { width: 100%; table-layout: fixed; border-collapse: collapse; background: #fff; }
.container table .table-heading { color: #fff; background-image: url(/images/bg.png);}
.container th, .container td { padding: 10px; border: 1px solid #bd7b7b; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.container table:not(:first-of-type) tr:first-child > * { border-top: 0; }
.container a { color: inherit; text-decoration: none; font-size: 13px;}
.container a:hover { color: #d00; text-decoration: underline; }
.section-title { background: #333; color: #fff; }
.col-eight tr:not(.section-title):hover > td:nth-child(n) { background: #fffF00; color: #333; }
.col-eight .table-heading th:first-child { padding: 10px; }

.col-eight td:nth-child(1) { width: 5%; padding: 6px; background: linear-gradient(135deg, #fff8f8 0%, #fceaea 100%); }
.col-eight td:nth-child(1) span {padding: 0 4px; font-weight: 700;}

table:not(.spider) td.rank-gradient-cell:first-child {
    background: rgba(220, 38, 38, var(--rank-gradient-alpha));
    color: var(--rank-gradient-color, inherit);
}

.col-eight td:nth-child(2) { width: 11%; }
.col-eight td:nth-child(3) { width: 11%; }
.col-eight td:nth-child(4) { width: 9%; }
.col-eight td:nth-child(5) { width: 28%; text-align: left; }
.col-eight td:nth-child(6) { width: 8%; text-align: left; }
.col-eight td:nth-child(7) { width: 8%;}
.col-eight td:nth-child(7) a { background: red; border-radius: 5px; color: #ffffff; padding: 4px 8px;}
.col-eight td:nth-child(8) { width: 5%; color: #cc1111; font-weight: bold;}
.col-eight col:nth-child(1) { width: 5%; }
.col-eight col:nth-child(2) { width: 11%; }
.col-eight col:nth-child(3) { width: 11%; }
.col-eight col:nth-child(4) { width: 9%; }
.col-eight col:nth-child(5) { width: 28%;}
.col-eight col:nth-child(6) { width: 8%; }
.col-eight col:nth-child(7) { width: 8%; }
.col-eight col:nth-child(8) { width: 6%; }

.spider-header {
    text-align: center;
    border-bottom: solid 2px #ad0000;
    color: #FF3955;
    padding: 0 7px;
    height: 60px;
    line-height: 70px;
    font-size: 28px;
    font-weight: 700;
}

.spider.col-eight td:nth-child(1),
.spider.col-eight tr:nth-child(3) td:nth-child(1),
.spider.col-eight tr:nth-child(4) td:nth-child(1),
.spider.col-eight tr:nth-child(5) td:nth-child(1),
.spider.col-eight tr:nth-child(6) td:nth-child(1),
.spider.col-eight tr:nth-child(7) td:nth-child(1),
.spider.col-eight tr:nth-child(8) td:nth-child(1),
.spider.col-eight tr:nth-child(n+9) td:nth-child(1),
.spider.col-eight tr:not(.section-title):hover > td:nth-child(1) {
    padding: 6px;
    background: transparent;
    color: inherit;
}
.spider.col-eight tr:not(.section-title):hover > td:nth-child(1) {
    background: #fffF00;
    color: #333;
}
.spider-rank { position: relative; display: inline-flex; width: 24px; height: 26px; align-items: center; justify-content: center; vertical-align: middle;}
.spider-rank img { display: block; width: 24px; height: 26px; }
.spider-rank > span { position: absolute; top: 60%; left: 52%; transform: translate(-50%, -50%); color: #333; font-weight: 700; line-height: 1; }
.spider.col-eight tr:nth-child(-n+4) .spider-rank > span { color: #b72626; }
.spider.col-eight td:nth-child(1) span {color: #727272;}
.spider.col-eight td:nth-child(7) a:hover {text-decoration: unset}
.spider.col-eight td:nth-child(7) a.top-three { background: #d0efd0; color: #1d810d; padding: 4px 8px; border-radius: 5px; border: 1px solid #9ed797; }
.spider.col-eight td:nth-child(7) a.top-ten { background: #f8d7da; color: #b42332; border: unset; padding: 2px 8px; border-radius: 2px; }
.spider.col-eight td:nth-child(7) a.normal { background: unset; color: #333; border: unset; padding: 2px 8px; border-radius: 2px; }

.qq { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; }
.qq img { flex: none; }
.qq span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }

.footer {width: 1200px;margin: 0 auto;height: 100px;overflow: hidden;}
.footer .copyright {overflow: hidden;line-height: 23px;text-align: center;color: #808080;padding: 10px 0 15px 0;font-size: 13px;}
.contact-modal-overlay {display:none;position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.55);align-items:center;justify-content:center;padding:16px;box-sizing:border-box;}
.contact-modal-overlay.is-open {display:flex;}
.contact-modal {width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:4px;box-shadow:0 12px 40px rgba(0,0,0,.28);}
.contact-modal-header {height:40px;padding:0 10px 0 16px;background:#eee;display:flex;align-items:center;justify-content:space-between;}
.contact-modal-header h2 {margin:0;font-size:14px;font-weight:400;color:#333;}
.contact-modal-close {border:0;background:none;color:#666;font-size:26px;line-height:1;cursor:pointer;padding:4px 8px;}
.contact-modal-body {padding:18px 20px 22px;text-align:center;}
.contact-warning {margin:0 0 18px;color:#c00;font-size:14px;line-height:1.6;}
.contact-layout {display:flex;justify-content:space-between;align-items:stretch;}
.contact-wechat {flex:0 0 48%;padding:8px 20px 4px 8px;border-right:1px solid #e5e5e5;box-sizing:border-box;}
.contact-wechat h3,.contact-qq-item h3 {margin:0 0 10px 0;font-size:14px;font-weight:400;color:#444;}
.contact-wechat h3 {color: red; font-weight: 700}
.contact-wechat > img {display:block;width:180px;height:180px;max-width:100%;object-fit:contain;margin:0 auto 12px;}
.contact-qq-list {flex:0 0 48%;display:flex;flex-direction:column;justify-content:center;}
.contact-qq-item {padding:12px 8px 12px 24px;text-align:left;}
.contact-qq-item + .contact-qq-item {border-top:1px solid #e5e5e5;}
.contact-qq {height: 22px;display: inline-block}
.contact-qq img {object-fit:contain;}
.contact-qq-item p,.contact-wechat p {margin:0;color:#888;line-height:1.6;}
body.contact-modal-open {overflow:hidden;}
@media (max-width: 768px) { body { padding: 8px; } }
@media (max-width: 480px) {
    .contact-modal-body {padding:16px;}
    .contact-wechat,.contact-qq-list {flex-basis:48%;min-width:0;}
    .contact-wechat {padding:8px 12px 4px 0;}
    .contact-wechat > img {width:150px;height:150px;}
    .contact-qq-item {padding:12px 0 12px 14px;}
    .contact-qq {gap:6px;font-size:14px;}
    .contact-qq img {width:34px;height:34px;}
}


.searchbox{ height:40px; width:1200px; line-height:40px; margin:0 auto; background-color:#36312D; z-index:100; color:#ff7f2c; font-size:14px; }
.searchbox td{ padding:0 5px; }
.txtbox{ padding:3px 5px; font-size:14px; font-weight:; width:150px; }
.schbtn{ height:30px; line-height:30px; background-color:#451405; padding:0 10px; border:none; color:#FFFF99; }
.nokey { display: none !important; }


/* logo 容器作为定位参照，尺寸与 logo 一致 */
.logo-wrap {
    position: relative;
    width: 1200px;
    height: 100px;
    margin: 0 auto;
}

.logo-wrap .logo {
    display: block;
    width: 1200px;
    height: 100px;
}

/* GIF 叠加在 logo 右上角，不占文档流 */
.logo-wrap .member {
    position: absolute;
    top: 28px;       /* 距顶部，可微调 */
    right: 1020px;     /* 距右侧，可微调 */
    width: 128px;
    height: 40px;
    cursor: pointer;
    z-index: 2;
}

.dlbox{ width:1200px; overflow:hidden; margin:0 auto; }


/* banner 滚动条：1200 宽、居中、底色、上下滚动 */
.banner-scroll {
    width: 1200px;
    margin: 0 auto;
    height: 28px;              /* 显示一行的高度，按需改 */
    line-height: 28px;
    overflow: hidden;
    background: #620c0c;       /* 底色，按你站点风格改 */
    box-sizing: border-box;
    position: relative;
}

.banner-scroll ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    will-change: transform;
}

.banner-scroll li {
    height: 28px;              /* 必须和容器高度一致 */
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}

.banner-scroll a,
.banner-scroll a:hover,
.banner-scroll a:focus,
.banner-scroll a:active {
    text-decoration: none;
}


/* ================== 通用-右下角浮动置顶 (已修复) ================== */
.toolbar { width: 70px; position: fixed; right: 50%; bottom: 68px; margin-right: -700px; z-index: 301; background: #fff; border-radius: 10px; }
.toolbar ul { margin: 0; padding: 0; list-style: none; }
.toolbar li { list-style: none; }
.toolbar li a { width: 100%; font-size: 12px; background: #fff; padding: 10px 0; border-bottom: 1px solid #ececec; display: block; text-align: center; position: relative; color: #777; text-decoration: none; white-space: nowrap; }
.toolbar li a:hover { color: #ff552e; }
.toolbar li a i { display: block; font-size: 30px; margin: 0 auto 5px auto; color: #ff552e; }
.wx_kefuhover { position: relative; }
.wx_kefu { display: none; position: absolute; right: 80px; top: 0px; width: 160px; padding: 10px; background: #fff; border-radius: 14px; text-align: center; }
.wx_kefu img { width: 100%; }
.wx_kefuhover:hover .wx_kefu { display: block; }
.icon-bar-top { background: url("/images/toolbar.png") -235px -0px no-repeat; height: 30px }
.icon-bar-qqyb { background: url("/images/toolbar.png") 20px -0px no-repeat; height: 30px }
.icon-bar-feed { background: url("/images/toolbar.png")  -175px -0px no-repeat; height: 30px }
.total{color: #da0000;}