/*- - - - - - - - -梦回金币合击 - - - - - - -*/

#Version{height:1206px;min-width:1280px;margin:0 auto;position:relative;overflow:hidden;font-size:0;line-height:0;}
#Header{width:1920px;height:1080px;position:absolute;left:50%;transform:translateX(-50%);font-size:0;line-height:0;}
#Header img{display:block;width:1920px;margin:0;padding:0;border:0;}

/*菜单*/
#menu{height:80px;box-shadow:0 0 14px rgba(0,0,0,0.5);background: linear-gradient(to bottom,#3a280b,#635237);border-bottom:1px solid #ecf8fc;}
#menu ul{width:1280px;margin:0 auto;}
#menu ul .logo{float:left;width:400px;margin-right:280px}
#menu ul .Rlogo{float:Right;width:600px;margin-right:0px}

/*下载按钮区*/
#quicklinks{width:1200px;height:100px;position:absolute;overflow:hidden;top:935px;left:50%;margin:0 auto;margin-left:-600px;z-index:3500;margin-top:0px;}
#quicklinks .down01_btn{cursor:pointer;width:300px;height:100px;position:absolute;margin-left:55px;margin-top:0px;background-size:100% 100%;text-indent:-9999rem;}
#quicklinks .down02_btn{cursor:pointer;width:300px;height:100px;position:absolute;margin-left:445px;margin-top:0px;background-size:100% 100%;text-indent:-9999rem;}
#quicklinks .down03_btn{cursor:pointer;width:300px;height:100px;position:absolute;margin-left:825px;margin-top:0px;background-size:100% 100%;text-indent:-9999rem;}

/*版本介绍区*/
#m1{height:598px;position:relative;min-width:1280px;margin:0 auto;padding-top:0px;margin-top:0;background:url("../images/bg_07.jpg") no-repeat center top;}
#m2{height:1975px;min-width:1280px;margin:0 auto;position:relative;overflow:hidden;}
#CENTER{width:1920px;height:1080px;position:absolute;left:50%;transform:translateX(-50%);font-size:0;line-height:0;}
#CENTER img{display:block;width:1920px;margin:0;padding:0;border:0;}

/*版本介绍列表*/
#news{
    position: relative;
    width: 1024px;
    height: 500px;
    margin: 0 auto;
    padding-top: 72px;
    overflow: hidden;
}
.NewsList{margin:0;list-style:none;}
.NewsList li{
    display:block;
    position:relative;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 10px 0 12px;
    border-bottom: 1px solid rgba(180,150,100,0.12);
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.NewsList li:last-child{border-bottom:none}
.NewsList li a{
    color:#e8dcc8;
    margin-left:8px;
    vertical-align:middle;
    transition:color 0.15s;
}
.NewsList li a:hover{color:#fff}
.NewsList li .note{
    color:#7ad99a;
    font-size:12px;
    margin-left:10px;
    opacity:0.85;
}
.NewsList li span.t{
    display:inline-block;
    width:100px;
    height:26px;
    line-height:26px;
    text-align:center;
    color:#1a1a0a;
    font-weight:bold;
    background:#d4a020;
    border-radius:3px;
    margin-left:0;
    font-size:14px;
}
.NewsList li span.time{
    display:inline-block;
    width:136px;
    height:26px;
    line-height:26px;
    text-align:center;
    color:#1a1a0a;
    font-weight:bold;
    background:#d4a020;
    border-radius:3px;
    font-size:14px;
}
.NewsList li.day0 .time{background:#6b8fa8;color:#fff;}
.NewsList li.day1 .time{background:#4da832;color:#fff;}
.NewsList li.day2 .time{background:#3d80dc;color:#fff;}
.NewsList li.day3 .time{background:#8e3dc8;color:#fff;}
.NewsList li .rgroup{
    position:absolute;
    left:480px;
    top:0;
    height:40px;
    line-height:40px;
    white-space:nowrap;
}

/*Slogan 文字覆盖层*/
#slogan{
	position:absolute;
	top:400px;
	left:50%;
	transform:translateX(-50%);
	z-index:100;
	text-align:center;
	pointer-events:none;
	width:1200px;
}
#slogan p{display:block;margin:0;padding:0;white-space:nowrap;overflow:visible;}
#slogan .s1{
	font-size:48px;
	font-weight:bold;
	color:#f5d78c;
	line-height:1.8;
	letter-spacing:3px;
	text-shadow:
		0 0 10px rgba(0,0,0,0.9),
		0 0 20px rgba(0,0,0,0.7),
		0 2px 4px rgba(0,0,0,0.8),
		0 0 40px rgba(220,170,60,0.3);
}
#slogan .s1 span{color:#ffaa2b;}
#slogan .s2{
	font-size:28px;
	font-weight:bold;
	color:#e8c659;
	line-height:2.2;
	letter-spacing:2px;
	text-shadow:
		0 0 8px rgba(0,0,0,0.9),
		0 2px 3px rgba(0,0,0,0.7),
		0 0 30px rgba(200,150,40,0.25);
}
#slogan .s3{
	font-size:20px;
	color:#d8c8a0;
	line-height:2.4;
	letter-spacing:1px;
	text-shadow:
		0 0 6px rgba(0,0,0,0.9),
		0 1px 2px rgba(0,0,0,0.7);
}
#slogan .s3b{
	display:inline-block;
	position:relative;
	z-index:1;
	color:#ffbe3d;
	font-weight:bold;
	text-shadow:
		0 0 6px rgba(0,0,0,0.9),
		0 1px 2px rgba(0,0,0,0.7),
		0 0 16px rgba(255,180,40,0.3);
}
#slogan .s3b::before{
	content:'';
	position:absolute;
	inset:-1px -14px;
	z-index:-1;
	background:rgba(200,90,20,0.45);
	border:1px solid rgba(255,160,50,0.5);
	transform:skewX(-12deg);
	border-radius:2px;
}
#slogan .s-link{
	display:block;
	margin-top:10px;
	pointer-events:auto;
}
#slogan .s-link a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    font-size: 14px;
    color: #fffffe;
    font-weight: bold;
    background: rgb(255 67 61 / 79%);
    border: 1px solid rgb(20 0 0 / 36%);
    border-radius: 3px;
    text-decoration: none;
    letter-spacing: 1px;
    text-shadow: none;
    white-space: nowrap;
    height: 32px;
    line-height: 1;
}
#slogan .s-link a:hover{color:#fff;background:rgba(255,60,50,0.4);border-color:rgba(255,100,90,0.7);}
#slogan .dot{
	display:inline-block;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#c9a234;
	margin:0 10px;
	vertical-align:middle;
}

/*右上角时间标签*/
#node1,#node2{
	position:absolute;
	right:0;
	width:310px;
	box-sizing:border-box;
	height:36px;
	line-height:36px;
	font-size:16px;
	font-weight:bold;
	border-radius:3px;
	background:rgba(0,0,0,0.75);
	border:1px solid rgba(255,210,100,0.25);
	box-shadow:0 0 12px rgba(0,0,0,0.5);
	font-size:15px;
}
#node1{color:#ffe8b0;top:65px;}
#node2{color:#8ef4ba;top:110px;}
#node1 i,#node2 i{
	color:#fff;
	float:left;
	padding:0 14px;
	display:block;
	line-height:36px;
	margin-right:14px;
	font-size:15px;
	border-radius:3px 0 0 3px;
	letter-spacing:1px;
}
#node1 i{background:#b8860b;box-shadow:inset 0 0 8px rgba(255,200,60,0.25);}
#node2 i{background:#2d8a28;box-shadow:inset 0 0 8px rgba(100,255,100,0.2);}
#node3{
	position:absolute;
	right:0;
	top:155px;
	width:310px;
	box-sizing:border-box;
	height:36px;
	line-height:36px;
	padding:0 16px;
	font-size:15px;
	font-weight:bold;
	color:#ffe8b0;
	background:rgb(225 7 0 / 53%);
	border:1px solid rgba(255,210,100,0.25);
	border-radius:3px;
	text-decoration:none;
	text-align:center;
	letter-spacing:2px;
	box-shadow:0 0 12px rgba(0,0,0,0.5);
	transition:all 0.15s;
}
#node3:hover{color:#fff;border-color:rgba(255,210,100,0.5);background:rgba(0,0,0,0.85)}

#dl-section{
	height:200px;
	min-width:1280px;
	margin:0 auto;
	position:relative;
	background:linear-gradient(to bottom,#0a0606 0%,#1a1208 50%,#0a0606 100%);
	display:flex;
	align-items:center;
	justify-content:center;
}
#dl-section .dl-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:360px;
	height:70px;
	font-size:28px;
	font-weight:bold;
	letter-spacing:6px;
	color:#1a0f04;
	background:linear-gradient(135deg,#f5d78c 0%,#d4a020 50%,#b8860b 100%);
	border:2px solid rgba(245,215,140,0.6);
	border-radius:6px;
	text-decoration:none;
	text-shadow:0 1px 2px rgba(255,255,255,0.3);
	box-shadow:0 0 30px rgba(212,160,32,0.5),0 4px 20px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.4);
	transition:all 0.25s;
}
#dl-section .dl-btn:hover{
	background:linear-gradient(135deg,#fff5d0 0%,#f5d78c 50%,#d4a020 100%);
	box-shadow:0 0 40px rgba(245,215,140,0.7),0 6px 28px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.5);
	transform:translateY(-3px);
}
