@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body,td,th { font-size: 14px; }
body { color:#383838; font-size:14px; font-family:"微软雅黑",Microsoft YaHei,Arial,Verdana; overflow-y:scroll; background:url(bgbg.jpg) #f5eadb; margin:0px;}

a { font-size: 14px; color:#2b262b; }
a:link { text-decoration: none;}
a:visited { text-decoration: none; color:#2b262b; }
a:hover { text-decoration: none; color:#775145; text-decoration:none;}
a:active { text-decoration: none; color:#775145;}
ul {  margin:0 0 0 0; padding: 0; list-style: none; }
img{ border:0;}


#Version { width:100%; height:936px; position:relative; overflow:hidden;}/*页面总高度再次调整*/
#Flash { width:1920px; height:936px; position:absolute; left:50%; margin:0 auto 0 -960px; z-index:2;}/*FLASH*/
#Header { margin:0 auto 0 -960px; width:1920px; height:936px; position:absolute; left:50%; z-index:1;}/*BG*/
#Header_1 { margin:0 auto 0 -960px; width:1920px; overflow:hidden; position:absolute; left:50%; z-index:3;}/*BG*/

.head_1 { width:1200px; margin: 0 auto; position:absolute; left:50%; margin-left:-600px; z-index:6; overflow:hidden;}/*整体*/
.head_2 { width:1200px; height:936px; position:relative;}

.head_3 { background:url(btn.png); width:386px; height:187px; position:absolute; bottom:10px; left:420px; z-index:7; transition:0.5s;}
.head_3:hover { margin-bottom:-10px;}

.head_4 { background:url(btn1.png); width:276px; height:74px; position:absolute; bottom:30px; left:100px; z-index:7; transition:0.5s;}
.head_4:hover { margin-bottom:-10px;}

.head_5 { background:url(btn2.png); width:276px; height:74px; position:absolute; bottom:30px; right:90px; z-index:7; transition:0.5s;}
.head_5:hover { margin-bottom:-10px;}

.head_6 { background:url(m2.jpg) top center no-repeat;}
.head_7 { margin:0 auto; width:1200px; height:678px; position:relative;}

.head_8 { width:774px; overflow:hidden; position:absolute; top:100px; left:305px; z-index:7;}
.head_9 { width:774px; overflow:hidden; position:absolute; top:152px; left:305px; z-index:7;}

.head_10 { width:774px; height:404px;}
.head_11 { width:748px; overflow:visible;}

/* 非滚动标签页内容区 */
.tab-content-inner {
	width: 774px;
	height: 404px;
	overflow-y: auto;
	overflow-x: hidden;
}

/* 滚动条容器宽度修正 */
.head_9 .container1 {
	width: 774px !important;
}
.head_9 .div_scroll {
	width: 774px !important;
	overflow: hidden;
}
.head_9 .scroll_absolute {
	width: 774px !important;
}

/* 服务器列表表格 */
.server-table-wrap {
	width: 748px;
	overflow: visible;
}

.server-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	font-family: "微软雅黑", Microsoft YaHei, Arial, sans-serif;
	font-size: 14px;
	text-align: center;
}

.server-table th {
	background: #633111;
	color: #fff;
	font-weight: bold;
	padding: 8px 4px;
	border: 1px solid #3d1f0a;
	line-height: 1.4;
}

.server-table td {
	padding: 7px 4px;
	border: 1px solid #8b7355;
	line-height: 1.4;
	color: #333;
	background: #d9b487;
}

.server-table tr.highlight td {
	background: #ffff00;
	font-weight: bold;
}

.server-table .status-open,
.server-table .status-wait {
	color: #c00;
	font-weight: bold;
}

.server-table .tag-new {
	color: #c00;
	font-weight: bold;
	margin-left: 2px;
}

.server-table a.link-sponsor {
	color: #0066cc;
	font-weight: bold;
}

.server-table a.link-sponsor:hover {
	color: #004499;
	text-decoration: underline;
}

.server-table a.link-download {
	color: #c00;
	font-weight: bold;
	margin: 0 4px;
}

.server-table a.link-download:hover {
	color: #900;
	text-decoration: underline;
}

/* 充值套餐悬停预览 */
.package-table .package-preview-row {
	cursor: pointer;
}
.package-table .package-preview-row:hover td {
	background: #c9a06a;
}
#package-preview {
	display: none;
	position: fixed;
	z-index: 10000;
	pointer-events: none;
	padding: 4px;
	background: #fff;
	border: 2px solid #633111;
	border-radius: 4px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}
#package-preview img {
	display: block;
	width: 698px;
	height: 474px;
	object-fit: contain;
}

/* 信息表格（游戏更新/充值比例） */
.info-table-wrap {
	width: 748px;
	overflow: hidden;
}

.info-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	font-family: "微软雅黑", Microsoft YaHei, Arial, sans-serif;
	font-size: 13px;
}

.info-table th {
	background: #633111;
	color: #fff;
	font-weight: bold;
	padding: 8px 6px;
	border: 1px solid #3d1f0a;
	text-align: center;
}

.info-table td {
	padding: 7px 8px;
	border: 1px solid #8b7355;
	line-height: 1.5;
	color: #333;
	background: #d9b487;
	vertical-align: middle;
}

.info-table td.info-label {
	width: 120px;
	background: #c9a86c;
	color: #4a2810;
	font-weight: bold;
	text-align: center;
}

.info-table tr:nth-child(even) td.info-content {
	background: #e8d4b0;
}

.head_12 li { display:block; width:748px; overflow:hidden; line-height:28px; text-align:left; border:double 1px #b7b090; margin-bottom:5px; transition:0.5s; background:#a5323f; border-radius:1em;}
.head_12 li:hover { background:#370000; transition:0.5s; border-radius:2em;}
.head_12 li a { display:block; padding:0 0 0 40px; font-family:"微软雅黑"; font-weight:200; color:#FFC; font-size:14px;}
.head_12 li a:hover { color:#0F0; animation-name:bmyani; animation-duration:1s;}
.head_12 li span { display:block; background:url(hot.jpg) 10px center no-repeat;}

@keyframes bmyani {
	
	0%{ margin-left:50px;}
	
	}
	

.head_13 { background:url(m3.jpg) top center no-repeat;}
.head_14 { margin:0 auto; width:1200px; height:684px; position:relative;}

.head_15 { width:910px; height:480px; position:absolute; top:95px; left:143px; z-index:7;}

.head_16 { background:url(foot.jpg) bottom center no-repeat;}

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


.footer { margin:0 0 0 0; background:url(../foot_img/bg.html) top repeat-x #000;}
.footer_1 { margin:0 auto; width:1200px; overflow:hidden; font-size:12px; line-height:24px;}
.footer_1 img { border-radius:1em;}
.footer_1 a { font-size:12px;}
.footer_1 span { font-size:12px;}
.footer_1 p { font-size:12px;}

.kv-music{position:fixed;z-index:50;top:50px;left:50px; width:58px;height:100px;}

/*浮动条*/
#Floatingbar{width:170px;height:710px;position:fixed;top:50%;right:-20px;margin-top:-250px;margin-bottom:80px;padding-right:7px;padding-left:15px;background-color:#d7caba;z-index:12500;background:url(Floatingbar.png) no-repeat left top;padding-top:30px}
.kefuList{margin-bottom:11px;}
.kefuList li{width:143px;line-height:24px;font-size:15px;border-bottom:1px solid #706043;transition:all 0.2s linear;margin-bottom:10px}
.kefuList li:hover{position:relative;margin-right:-7px;margin-left:-7px;}
.kefuList li a{padding-top:6px;padding-bottom:8px;padding-left:11px;text-decoration:none;display:block;background-color:#3c1405;color:#bec3d5}
.kefuList li:hover a{background-color:#522212;}
.kefuList li  em{line-height:18px;overflow:hidden;font-size:12px;color:#d5b003;text-overflow:ellipsis;white-space:nowrap;display:block;}
.kefuList li .userphoto{float:left;width:39px;height:39px;overflow:hidden;margin-right:5px;border-radius:50%;}
.kefuList li .userphoto img{width:100%;height:100%;}
.kefuList li .userphoto .userphoto imgstrong{font-weight:bold;}

#Floatingbar .erweima{text-align:center;padding-bottom:12px;}
#Floatingbar .erweima .photo{width:120px;height:120px;position:relative;overflow:hidden;padding:10px;background-color:#001520;}
#Floatingbar .erweima .photo img{width:100%;height:100%;display:block;}
#Floatingbar .erweima strong{line-height:24px;font-size:16px;font-weight:500;display:block;font-family:'Microsoft YaHei';color:#fbcf00;margin-left:-20px;margin-top:10px}
#Floatingbar .btn_backtop{width:147px;height:53px;line-height:53px;text-align:center;position:absolute;font-size:14px;top:100%;left:15px;font-weight:bold;color:#04302a}
#Floatingbar .btn_backtop:hover{color:#e5f900;text-decoration:none;}
#Floatingbar .btn_openhide{width:16px;line-height:18px;text-align:center;position:absolute;font-size:13px;color:#fff;top:20px;right:100%;padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px;background-color:#001520;text-decoration:none;}
#Floatingbar .btn_openhide:hover{background-color:#001520;}
#Floatingbar .btn_retract:hover{background-color:#001520;}

	
/*滚动条相关*/
.container1 {width:100%;height:auto;margin:0 auto;}
.container1 .div_scroll{float:left;width:100%;height:289px;overflow:auto;}
.container1 .scroll_container{position:relative;overflow:hidden;}
.container1 .scroll_absolute{position:absolute;}
.container1 .scroll_vertical_bar{width:12px;height:100%;position:absolute;top:0;right:0;margin:0;padding:0;}
.container1 .scroll_track{position:relative;border-radius:10px;background:url(line_y.html) repeat-y center top;}
.container1 .scroll_drag{position:relative;top:0;left:0;border-top:none;border-bottom:none;cursor:pointer;background-color:#bc2f38;border-radius:20px;}
.container1 .scroll_arrow{text-indent:-20000px;cursor:pointer;display:block;}
.container1 .scroll_vertical_bar .scroll_arrow{height:16px;}
/*滚动条相关*/



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

.head_16a { background:url(zb02.html) repeat-y; width:1200px; overflow:hidden; margin-bottom:10px;}
.head_17a { background:url(zb01.html) top no-repeat; width:1200px; overflow:hidden;}
.head_18a { background:url(zb03.html) bottom no-repeat; width:1200px; overflow:hidden;}

.head_19a { background:url(zb05.html) repeat-y; width:1200px; overflow:hidden; margin-bottom:10px;}
.head_20a { background:url(zb04.html) top no-repeat; width:1200px; overflow:hidden;}
.head_21a { background:url(zb06.html) bottom no-repeat; width:1200px; overflow:hidden;}

.head_22a { background:url(zb08.jpg) repeat-y; width:1200px; overflow:hidden; margin-bottom:10px;}
.head_23a { background:url(zb07.jpg) top no-repeat; width:1200px; overflow:hidden;}
.head_24a { background:url(zb09.jpg) bottom no-repeat; width:1200px; overflow:hidden;}

.head_25a {}
.head_25a img { border:double 1px #0099FF; border-radius:0.5em;}

#tab1 { }
#tab1 ul { margin:0; padding:0; list-style:none; display:flex; gap:8px;}
#tab1 li {
	display: block;
	float:left;
	width:130px;
	height:40px;
	background:linear-gradient(180deg, #4a1a1a 0%, #310000 100%);
	border:2px solid #8b4513;
	border-radius:4px;
	box-shadow:0 2px 6px rgba(0,0,0,0.4);
	transition:all 0.25s;
	cursor:pointer;
}
#tab1 li:hover:not(.now) {
	background:linear-gradient(180deg, #6b2020 0%, #4a1010 100%);
	border-color:#c9a227;
	transform:translateY(-2px);
	box-shadow:0 4px 10px rgba(201,162,39,0.3);
}
#tab1 a {
	display: block;
	width:130px;
	height:40px;
	line-height:40px;
	padding:0;
	text-align: center;
	text-decoration:none;
	font-size:16px;
	font-family:"微软雅黑", Microsoft YaHei, sans-serif;
	color:#e8d4b0;
	font-weight:bold;
	letter-spacing:2px;
}
#tab1 .now {
	width:130px;
	background:linear-gradient(180deg, #ff3333 0%, #cc0000 50%, #990000 100%);
	border-color:#ffd700;
	box-shadow:0 4px 14px rgba(255,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.2);
	transform:translateY(-2px);
}
#tab1 .now a {
	display: block;
	background:none;
	font-size:16px;
	font-family:"微软雅黑", Microsoft YaHei, sans-serif;
	color:#fff9e6;
	font-weight:bold;
	letter-spacing:2px;
	text-shadow:0 1px 3px rgba(0,0,0,0.5);
}
#tab1 .now a:hover {
	background:none;
	color:#ffd700;
}

.tablist { display:none;}
.block{ display:block;}



.ding_3 { position:absolute; top:13px; left:0; z-index:6;}
.ding_3 a {border-radius:1em; background:#900; font-size:16px; font-weight:200; color:#FFC; border:double 1px #F00; display:block; padding:5px 15px; transition:0.5s;}
.ding_3 a:hover { background:#000; color:#F00;}

.ding_4 { position:absolute; top:13px; left:120px; z-index:6;}
.ding_4 a {border-radius:1em; background:#900; font-size:16px; font-weight:200; color:#FFC; border:double 1px #F00; display:block; padding:5px 15px; transition:0.5s;}
.ding_4 a:hover { background:#000; color:#F00;}

.ding_5 { position:absolute; top:13px; left:225px; z-index:6;}
.ding_5 a {border-radius:1em; background:#900; font-size:16px; font-weight:200; color:#FFC; border:double 1px #F00; display:block; padding:5px 15px; transition:0.5s;}
.ding_5 a:hover { background:#000; color:#F00;}

.ding_6 { position:absolute; top:13px; left:330px; z-index:6;}
.ding_6 a {border-radius:1em; background:#900; font-size:16px; font-weight:200; color:#FFC; border:double 1px #F00; display:block; padding:5px 15px; transition:0.5s;}
.ding_6 a:hover { background:#000; color:#F00;}

.ding_7 { position:absolute; top:13px; left:435px; z-index:6; border:double 1px #F00; border-radius:1em; background:#900; width:720px; height:30px;}

.ding_1 { position:absolute; top:14px; left:445px; width:700px; height:30px; line-height:30px; z-index:6;}
.ding_1 a { font-family:"微软雅黑"; font-weight:200; color:#FF9; font-size:18px; display:block;}

.ding_2 { position:absolute; top:13px; right:0; width:30px; height:30px;}
.ding_2 a img { width:30px; height:30px; opacity:0.5; transition:0.5s; border-radius:2em;}
.ding_2 a img:hover { opacity:1;}


	
/*图片列表*/

.PicList2{float:left;margin-top:10px}
.PicList2 li{float:left;width:70px;height:50px;position:relative;margin-right:0px;margin-bottom:40px;padding-top:10px;background:url(../logo50images/border11.html) no-repeat left top;}
.PicList2 li:nth-child(10n){margin-right:10px;}

.PicList2 strong
{
height:46px;
line-height:46px;
text-align:center;
overflow:hidden;
font-size:22px;
font-weight:normal;
color:#07393d;
margin-bottom:3px;
letter-spacing:4px;
display:block;
}

.PicList2 .photo
{
width:40px;
height:40px;
margin:0 auto;
display:block;
}
	

.m6piccon{height:auto;margin:1px 0 0 1px;margin-left:4px}
.m6piccon li{float:left;margin:2px 2px;border:#181b22 1px solid;}
.m6piccon li img {width:248px;}
#preview{position:absolute;border:1px solid #1c1f26;background:#0d1015;padding:5px;display:none;color:#fff;}


/* ============================================================ */
/* 移动端自适应（手机端）—— 仅在窄屏生效，不影响电脑端布局      */
/* ============================================================ */
@media screen and (max-width: 768px) {
	html, body { overflow-x: hidden; -webkit-text-size-adjust: 100%; background-size: cover; }

	/* ---------- 顶部主视觉（视频/背景图） ---------- */
	#Version { width: 100%; height: auto; overflow: visible; }
	#Flash { display: none; }                       /* 手机端不加载大视频，直接用背景图 */
	#Header { position: relative; left: 0; width: 100%; height: auto; margin: 0; z-index: 1; }
	#Header img { width: 100%; height: auto; display: block; }
	#Header_1 { position: absolute; top: 0; left: 0; width: 100%; height: auto; margin: 0; z-index: 3; }
	#Header_1 img { width: 100%; height: auto; display: block; }

	/* ---------- 顶部导航：绝对定位改为流式 ---------- */
	.head_1 {
		position: static; left: auto; width: 100%; margin: 0;
		overflow: visible; background: rgba(45, 10, 5, 0.88); padding: 6px 0;
	}
	.head_2 {
		width: 100%; height: auto;
		display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
		gap: 8px; padding: 8px; box-sizing: border-box;
	}

	/* 文字导航按钮：下载/注册/充值/攻略 */
	.ding_3, .ding_4, .ding_5, .ding_6 {
		position: static; top: auto; left: auto; right: auto; flex: 0 0 auto;
	}
	.ding_3 a, .ding_4 a, .ding_5 a, .ding_6 a { font-size: 14px; padding: 6px 12px; }

	/* 隐藏装饰长条与小图标 */
	.ding_2, .ding_7 { display: none !important; }

	/* 跑马灯文字条：整行显示 */
	.ding_1 {
		position: static; top: auto; left: auto;
		flex: 0 0 100%; width: 100%; height: 28px; line-height: 28px;
		background: #900; border: 1px solid #f00; border-radius: 6px;
		box-sizing: border-box; padding: 0 6px; overflow: hidden;
	}
	.ding_1 a { font-size: 14px; }

	/* 三个图片按钮：登录器/微端/补丁，按原始宽高比等比缩放并整行排列 */
	/* 注意：内部 img 是 1x1 占位图，不能用 height:auto，否则会被拉成正方形撑大 */
	.head_3, .head_4, .head_5 {
		position: static; top: auto; bottom: auto; left: auto; right: auto;
		flex: 0 0 100%; height: auto; margin: 8px auto;
		background-size: 100% 100%; background-repeat: no-repeat;
	}
	.head_3 { width: 80%; max-width: 330px; aspect-ratio: 386 / 187; }   /* 登录器 btn.png 386x187 */
	.head_4, .head_5 { width: 62%; max-width: 230px; aspect-ratio: 276 / 74; } /* 微端/补丁 276x74 */
	.head_3:hover, .head_4:hover, .head_5:hover { margin-bottom: 8px; }
	.head_3 img, .head_4 img, .head_5 img { width: 100%; height: 100%; display: block; }

	/* ---------- 版本介绍 / 合区 / 充值 区块 ---------- */
	.head_6 { background-size: cover; }
	.head_7 { width: 100%; height: auto; padding: 12px 8px 20px; box-sizing: border-box; }

	/* 选项卡按钮 */
	.head_8 { position: static; top: auto; left: auto; width: 100%; margin-bottom: 10px; }
	#tab1 ul { display: flex; gap: 6px; justify-content: center; }
	#tab1 li, #tab1 .now { width: auto; flex: 1 1 0; min-width: 0; }
	#tab1 a, #tab1 .now a {
		width: 100%; box-sizing: border-box;
		font-size: 13px; letter-spacing: 0; height: 38px; line-height: 38px;
	}

	/* 选项卡内容区 */
	.head_9 { position: static; top: auto; left: auto; width: 100%; }
	.head_10 { width: 100%; height: auto; }
	.head_11 { width: 100%; }
	.tab-content-inner { width: 100%; height: auto; max-height: 60vh; }

	/* 自定义滚动容器在手机端退化为原生滚动 */
	.Scroll_box { height: auto !important; max-height: 60vh; overflow-y: auto; overflow-x: hidden; }
	.container1, .container1 .div_scroll, .container1 .scroll_absolute,
	.head_9 .container1, .head_9 .div_scroll, .head_9 .scroll_absolute {
		width: 100% !important; height: auto !important; float: none !important; position: static !important;
	}
	.container1 .scroll_vertical_bar { display: none !important; }

	/* 表格自适应 */
	.server-table-wrap, .info-table-wrap { width: 100%; overflow-x: auto; }
	.server-table, .info-table { font-size: 12px; }
	.server-table th, .server-table td { padding: 6px 3px; word-break: break-all; }
	.server-table a.link-download { margin: 0 2px; display: inline-block; }

	/* ---------- 底部图片轮播 / 展示区 ---------- */
	.head_16 { background-size: cover; }
	.head_16 .head_17 { width: 100%; height: 20px !important; }
	.head_16 .head_17 img { height: 20px !important; }
	.head_15a, .head_22a, .head_23a, .head_24a { width: 100%; }
	.head_15a table { width: 100% !important; }
	.head_15a td { height: auto !important; }
	.head_15a td[width="50"], .head_15a td[width="27"] { width: 6px !important; }
	.head_25a iframe { width: 100% !important; height: 44vw !important; margin: 0 !important; border: 0 !important; }
	.head_25a img { width: 100% !important; height: auto !important; }

	/* 浮动客服条 / 音乐图标（若由脚本注入则一并隐藏，避免遮挡） */
	#Floatingbar { display: none !important; }
	.kv-music { width: 40px; height: auto; top: 8px; left: 8px; }

	/* 套餐悬停大图预览在手机端不显示（无鼠标悬停） */
	#package-preview { display: none !important; }
}

/* 更小屏幕（≤480px）进一步缩小字号 */
@media screen and (max-width: 480px) {
	.ding_3 a, .ding_4 a, .ding_5 a, .ding_6 a { font-size: 12px; padding: 5px 8px; }
	.ding_1 a { font-size: 12px; }
	#tab1 a, #tab1 .now a { font-size: 12px; }
	.server-table, .info-table { font-size: 11px; }
	.server-table th, .server-table td { padding: 5px 2px; }
}