body {
	background-color: #000000;
	font-size: 14px;
	color: #999;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	line-height: 1.8;
	/* height: 100%; */
	font-family: "Microsoft YaHei", "Microsoft JhengHei", "SF UI Display", ".PingFang SC", "PingFang SC", "Neue Haas Grotesk Text Pro", "Arial Nova", "Segoe UI", "Helvetica Neue", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "Hiragino Sans GB", sans-serif;
	background-image: url(../static/footer.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
}

div,
dl,
dt,
dd,
ul,
li,
p {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

img {
	border: 0;
}

ul,
ol {
	list-style: none;
}

img {
	border: 0;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #ba9c6c;
}

input,
textarea,
select {
	vertical-align: middle;
}

*:focus {
	outline: none;
}

em,
i {
	font-style: normal;
}

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
::-webkit-scrollbar {
	width: .625rem
}

::-webkit-scrollbar:horizontal {
	height: .625rem;
	margin-bottom: .125rem
}

::-webkit-scrollbar-track {
	border-radius: .625rem
}

::-webkit-scrollbar-track-piece {
	background-color: #000;
	/* border-radius: .625rem */
}
/* 婊氬姩鏉� */
::-webkit-scrollbar-thumb {
	width: .625rem;
	/* border-radius: .3125rem; */
	background: #cecece
}

::-webkit-scrollbar-thumb:hover {
	background: #cecece
}

.bg {
	background: url(../static/bg.jpg) no-repeat;
	/* background-size: 50% auto; */
	background-position: center top ;
	/* width: 1383px; */
	min-height: 500px;
}
.page {
	width: 998px;
	margin: 0 auto;
	padding: 40px 0px;
}
.box a {
	color: #fff;
	text-decoration: underline;
}
.box a:before {
    content: "馃憠";
    height: .625rem;
    width: .8rem;
    font-size: .6rem;
    display: inline-block;
    margin: 0 .2rem;
    vertical-align: top;
    opacity: .45;
	color: #fff;
}
.logo {
	background: url(../static/logo.png)  no-repeat;
	width: 233px;
	height: 88px;
	display: inline-block;
	text-indent: -999em;
	overflow: hidden;
	/* float: left; */
}

.download{
	background: url(../static/download.png)  no-repeat;
	width: 180px;
	height: 81px;
	display: inline-block;
	text-indent: -999em;
	overflow: hidden;
	/* float: right; */
}
header {
	display:flex;
	height: 100px;
    justify-content: space-between;
    flex-wrap:wrap;
	align-items: center;
}
header a {
	/* align-self:center; */
}
.banner {
	margin: 30px 0 0 0;
}
nav {
	margin: 20px 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
nav .nav-links {
	display: flex;
	justify-content: center;
	align-items: center;
}
nav a {
	color: #fff;
	display: flex;
	align-items: center;
	text-shadow: 1px 1px   rgba(0,0,0,.8);
}
nav .nav-links a::after {
	content: "/";
	padding: 0 15px;
	color: #fff;
}
nav .nav-links a:last-child::after {
	content: "";
	padding: 0;
}
nav a.active {
	color: #ffc46b;
	text-shadow: 1px 1px   rgba(0,0,0,.8);
}
nav a.active::after {
	color: #fff;
	font-weight: normal;
}
nav .server-time {
	color: #ba9c6c;
	font-weight: bold;
	font-size: 12px;
}
nav .server-time #uptime {
	color: #fff;
}
.box {
	display: flex;
	width: 998px;
	margin: 0 auto;
	border-bottom: 1px solid #575757;
	padding-bottom: 40px;
	margin-bottom: 40px;
	justify-content: space-between;
    flex-wrap: wrap;
    /* align-items: center; */
}
.callMe {
	border-bottom: none;
}
.leftBox {
	/* float: left; */
}
.leftBox img {
	margin: 20px 20px 0 0;
	max-width: 660px;
	border:1px  solid #696969;
}
.leftBox h3 {
	color: #ba9c6c;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}
.rightBox {
	/* flex: 1; */
}
.infor .leftBox{
	width: 500px;
}
.infor .rightBox {
	text-align: right;
	margin-top: 25px;
}
.infor .rightBox img {
	margin-left: 20px;
	border: 1px solid #696969;
}
footer {
	text-align: center;
	padding: 50px 0;
	color: #fff;
}
footer a {
	color: #fff;
}
.details .rightBox {
	padding-top: 6px;
	
}
.details .leftBox{
	width: 800px;
}
.details .leftBox2{
	width: 998px;
	margin: 0 auto;
}
.details b {
	font-weight: bolder;
	color:red;
}
.equipment-gallery {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-top: 20px;
}
.equipment-gallery img {
	width: 100%;
	border: 1px solid #ba9c6c;
	border-radius: 0px;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
.update {
	background-image: none;
	/* width: 387px; */
	height: 130px;
	overflow: hidden;
	font-size: 12px;
	/* padding: 10px; */
	color: #fff;
	text-align: center;
}
.update .box {
	width: 386px;
}
.update h3 {
	font-size: 13px;
}
.update a {
	text-decoration: underline;
	color: yellow;
}
.update .box {
	border-bottom: none;
}
.update .box  span {
	color: yellow;
	font-weight: bold;
}
.update ol {
	margin: 0;
	padding: 0;
}
.update li {
	margin: 0;
	padding:0;
}
.update .box .leftBox {
	padding: 10px 15px;
}
.footer {
    text-align: center;
    font-size: 11px;
    line-height: 18px;
    margin: 30px auto 5px auto;
	text-shadow: 1px 1px   rgba(0,0,0,.8);
} 
.f_menu a {
    margin: 0 8px;
    color: #ffc46b;
}
.footer p{line-height: 25px;}

.footer a,
.footer {
    color: #ffc46b;
}
span.yellow {
	color: yellow;
}
span.red {
	color: red;
	text-decoration: underline;
}
span.green {
	color: green;
	text-decoration: underline;
}

p {
    text-indent: 2em; /* 强烈推荐使用 em 单位，它会根据当前字体大小自动缩进两个字 */
}
.blank {
	margin: 40px 0 0 0;
}

.zblist ul{
    /* padding: 10px 10px 10px 10px; */
	padding-left: 18px;
    height: 200px;
}
.zblist ul li{
    float: left;
    width: 160px;
    height: 200px;
}
.zblist2 ul{
    /* padding: 10px 10px 20px 10px; */
    height: 200px;
}
.zblist2 ul li:first-child{margin-left: 0;}
.zblist2 ul li{
    float: left;
    width: 221px;
    height: 178px;
    margin-left: 25px;
}
.zblist2 ul li p{
    font-size: 12px;
    color: #ffc46b;
    text-align: center;
}
.zblist2 ul{
    /* padding: 10px 10px 20px 10px; */
	padding-left: 18px;
    height: 200px;
}
.zblist2 ul li:first-child{margin-left: 0;}
.zblist2 ul li{
    float: left;
    width: 221px;
    height: 178px;
    margin-left: 25px;
}
.zblist2 ul li p{
    font-size: 12px;
    color: #ffc46b;
    text-align: center;
}
.imgBox {
     padding-left: 90px;
}
/* 升级经验表格样式 */
.exp-table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
    font-size: 14px;
}
.exp-table th,
.exp-table td {
    padding: 10px 20px;
    text-align: center;
    border: 1px solid #575757;
}
.exp-table th {
    background-color: #ba9c6c;
    color: #000;
    font-weight: bold;
}
.exp-table tbody tr:nth-child(even) {
    background-color: rgba(186, 156, 108, 0.1);
}
.exp-table tbody tr:hover {
    background-color: rgba(186, 156, 108, 0.2);
}
.exp-table td:first-child {
    color: #ffc46b;
    font-weight: bold;
}
.exp-table td:last-child {
    color: #fff;
}