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:200px; height:30px; text-align:center;font-size:12px;line-height:30px; float:left; overflow:hidden}

/* 使用明确的块级容器宽度，兼容 IE 的表格百分比宽度与自动居中。 */
.container { display: block; width: 1200px; max-width: 100%; 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; }
.home-status { padding: 24px; border: 1px solid #bd7b7b; border-top: 0; background: #fff; text-align: center; color: #777; }
.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-promo-trigger { display:none; width:24px; height:26px; padding:0; border:0; background:transparent; cursor:pointer; vertical-align:middle; }
.spider-promo-trigger img { display:block; width:24px; height:26px; }
.spider.col-eight tr:hover .spider-rank-cell .spider-rank { display:none; }
.spider.col-eight tr:hover .spider-rank-cell .spider-promo-trigger { display:inline-block; }
.spider-rank-cell { position:relative; }
.spider.col-eight tr:hover > .spider-rank-cell::before {
    position:absolute;
    left:-8px;
    top:0;
    bottom:0;
    width:29px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#c62828;
    color:#fff;
    font-size:13px;
    font-weight:700;
    line-height:1;
    clip-path:polygon(0 0, 100% 50%, 0 100%);
    pointer-events:none;
    z-index:2;
}
.spider.col-eight tr:hover > .spider-rank-cell::before { content:'榜'; }
.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;top:0;right:0;bottom:0;left:0;z-index:10000;background:#777;background:rgba(0,0,0,.55);overflow:auto;padding:16px;box-sizing:border-box;}
.contact-modal-overlay.is-open {display:block;}
.contact-modal {display:block;position:relative;width:440px;max-width:100%;margin:40px auto;overflow:auto;background:#fff;border-radius:4px;box-shadow:0 12px 40px rgba(0,0,0,.28);}
.contact-modal-header {display:block;position:relative;height:40px;line-height:40px;padding:0 10px 0 16px;background:#eee;}
.contact-modal-header h2 {margin:0;font-size:14px;font-weight:400;color:#333;}
.contact-modal-close {position:absolute;right:8px;top:3px;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;}
.spider-promo-modal {width:760px;}
.spider-promo-body {padding:12px;}
.spider-promo-body canvas {display:block;width:100%;max-width:720px;height:auto;margin:0 auto;}
body.spider-days-open {overflow:hidden;}
.contact-modal-body thead {background: #F0F0F0}
.contact-modal-body th,.contact-modal-body td {border: 1px solid #e4e4e4;}
.spider-days-domain {display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:1px solid #e4e4e4;border-bottom:0;background:#fff;font-size:13px;line-height:1.5;}
.spider-days-domain > span {flex:none;}
.spider-days-domain a {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1b61a8;}
.spider-days-domain-copy {flex:none;padding:2px 7px;border:1px solid #c9c9c9;border-radius:3px;background:#f5f5f5;color:#333;cursor:pointer;font-size:12px;}
.spider-days-domain-copy:hover {border-color:#999;background:#eee;}
.spider-days-promotion-count {text-align:center;background: #F0F0F0; border: 1px solid #e4e4e4;padding: 4px}
.spider-days-promotion-number {color:#c62828;font-size:22px;font-weight:bold;}
.spider-days-game-wrap {width:100%;text-align:center;margin-top:20px;}
.spider-days-game-link {display:inline-block;padding:10px 28px;background:#c62828;color:#fff!important;border-radius:3px;text-decoration:none;font-weight:bold;}
.spider-days-game-link:hover {background:#a91f1f;color:#fff!important;text-decoration: none !important;}
.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;}
/* IE8–10：不依赖 flex、inset、min()、vh 和 transform 的弹窗布局。 */
.legacy-ie section,.legacy-ie header,.legacy-ie footer {display:block;}
.legacy-ie .spider-days-domain {display:block;}
.legacy-ie .spider-days-domain a {display:inline-block;max-width:250px;vertical-align:middle;}
.legacy-ie .spider-days-domain-copy {margin-left:6px;}
.legacy-ie .contact-layout {display:block;overflow:hidden;}
.legacy-ie .contact-wechat {float:left;width:48%;}
.legacy-ie .contact-qq-list {float:right;width:48%;display:block;}
.legacy-ie .spider a.top-three {background:#d0efd0;color:#1d810d;padding:4px 8px;border:1px solid #9ed797;}
.legacy-ie .spider a.top-ten {background:#f8d7da;color:#b42332;padding:2px 8px;}
.legacy-ie .spider a.normal {color:#333;padding:2px 8px;}
@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;}