@charset "utf-8";

.main-one {
    height: 300px;
}

.main-one .mid-banner {
    width: 590px;
    height: 300px;
    position: relative;
}

.main-one .banner-chunk {
    position: absolute;
    left: 0;
    top: 0;
}

.main-one .banner-img-box {
    width: 590px;
    height: 260px;
    overflow: hidden;
    position: relative;
}

.main-one .banner-item {
    height: 260px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none
}

.main-one .banner-item .img-item {
    height: 52px;
    position: relative;
    overflow: hidden;
}

.main-one .banner-item.active {
    z-index: 2;
    display: block;
}

.main-one .banner-item.active-back {
    z-index: 1;
    display: block;
}

.main-one .img-item img {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
}

.main-one .img-item1 img {
    top: 0;
}

.main-one .img-item2 img {
    top: -52px;
}

.main-one .img-item3 img {
    top: -104px;
}

.main-one .img-item4 img {
    top: -156px;
}

.main-one .img-item5 img {
    top: -208px;
}

.main-one .banner-bar span {
    display: block;
    width: 100px;
    color: #b2c2d5;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: left;
    cursor: pointer;
    background: #383c4b;
}

.main-one .banner-bar span:hover {
    color: #f24854
}

.main-one .banner-bar span.active {
    background: #f24854;
    color: #fff;
}









body {
	color:#4c4c4c;
	font-family:"微软雅黑", "宋体";
	font-size:14px;
	line-height:24px;
	padding:0;
	margin:0;
	background:#eceae4;
}
ul,li {
	padding:0;
	margin:0;
	list-style:none;
}
a {
	color:#4c4c4c;
	text-decoration:none;
}
a:hover {color:#1e8846;}
/*区域*/
.fengye {
	line-height:50px;
}
#HEAD {
	width:1220px;
	margin:0px auto;
	height:500px;
	text-align:center;
}
#layer-l1m2r1 {
	width:1220px;
	margin:0px auto;
}
	.zone-l {
		float:left;
		width:260px;
		color:#959595;
	}
	.zone-m {
		width:590px;
		float:left;
		margin:0px 10px;
	}
	.zone-r {
		float:right;
		width:350px;
	}

#layer-l1m3 {
	width:1070px;
	margin:0px auto;
}
	
	#layer-l1m3 .zone-m {
		width:800px;
		float:left;
		margin:0px 0px 0px 10px;
	}

#layer-m {
	width:1220px;
	margin:0px auto;
}
.iZfeng {clear:both; height:0px;}
#FOOT {
	width:100%;
	text-align:center;
	color:#7f7f7f;
	background:#141414;
}
	#FOOT .tip {
		color:#7f7f7f;
		padding:10px;
		background:#292929;
	}
/*模块*/
.box-left {
	margin-bottom:10px;
}
.box-mid {
	margin-bottom:10px;
}
.box-right {
	margin-bottom:10px;
	padding:10px 30px;
	background:#FFF;
}
	.box-right .title {
		border-bottom:2px #d3e1d1 solid;
		font-size:20px;
		line-height:45px;
	}
	.box-right .content {
		padding:10px 0px;
	}
#quick {
	background:#141414;
	height:300px;
}
#service {
	background: #141414 url("../img/title-1.jpg")/*tpa=http://www.v1000y.com/img/title-1.jpg*/ no-repeat;
	height:100px;
	padding:80px 20px 0px 20px;
}
#news {
	background:#ffffff;
}
	#news .nav {
		background:#d3e1d1;
		font-size:20px;
		padding:14px 20px;
	}
		#news .nav span {
			transition:all 0.5s;
			display:inline-block;
			padding:3px 20px;
			cursor:pointer;
			border-radius:2px;
		}
		#news .nav span:hover,#news .nav .hover {
			background:#1b3c29;
			color:#fff;
		}
		#news .list {
			padding:22px 30px 30px 30px;
			display:none;
			line-height:28px;
		}
		#news .list .topnew{
			padding-bottom:15px;
			border-bottom:1px #d3e1d1 dashed;
			margin-bottom:10px;
			font-size:24px;
			text-align:center;
		}
		#news .list .topnew a{
			color:#C00;
		}
	
	#news .classnav {
		background:#1b3c29;
		font-size:14px;
		padding:10px 20px;
		color:#FFF;
	}	
	#news .classnav a {
		color:#FFF;
	}	
		#news .classlist {
			padding:15px 30px;
			line-height:24px;
		}	
		#news .classlist li {
			line-height:34px;
			border-bottom:1px #d3e1d1 dashed;
		}		
		#news .classlist .classtitle {
			font-size:24px;
			font-weight:bold;
			color:#1b3c29;
			line-height:50px;
			margin-bottom:10px;
			border-bottom:1px #d3e1d1 dashed;
		}
	#news .new {
		padding:20px;
	}
		#news .new .title {
			font-size:20px;
			font-weight:bold;
			color:#1b3c29;
			text-align:center;
		}
		#news .new .date {
			font-size:12px;
			border-bottom:1px #d3e1d1 dashed;
			line-height:38px;
			margin-bottom:5px;
			text-align:center;
			color:#d3e1d1;
		}
		
		#news .new .content {
			padding:5px;
			border-bottom:1px #d3e1d1 dashed;
		}
		#news .new .fenye {
			text-align:center;
			padding-top:10px;
		}
#infor {
	background:#ffffff;
}
	#infor .nav {
		background:#d3e1d1;
		font-size:20px;
		padding:15px 20px;
	}
	#infor .content {
		padding:15px 30px 23px 30px;
		line-height:30px;
	}
	#infor .title {
		color:#357a68;
		font-size:16px;
		line-height:36px;
		font-weight:bold;
	}
#gamepic {
	background:#ffffff;
}
	#gamepic .nav {
		background:#d3e1d1;
		font-size:20px;
		padding:15px 20px;
	}
	#gamepic .title {
		color:#d9b766;
		font-size:20px;
		font-weight:bold;
	}
	#gamepic .imgList {
		padding:25px 30px;
	}
	#gamepic .imgList span {
		width:14%;
		text-align:center;
		display:inline-block;
		margin:0px 1%;
	}
#server {height:280px;}
#server .servername {
	color:#D00;
	font-size:18px;
	line-height:30px;
}
#server .servertext {
	border-bottom:1px #d3e1d1 dashed;
	height:65px;
}
#server .servertip{
	color:#aaa;
	line-height:36px;
}
#hd .img {
	float:left;
	width:60px;
	padding:0px 10px;
}
#hd .content {
	border-bottom:1px #d3e1d1 dashed;
	clear:both;
}
#hd .hd {
	font-size:18px;
	color:#E00;
	font-weight:bold;
	line-height:36px;
}
#guide .content {
	padding-bottom:12px;
	line-height:29px;
}

/* Shared semantic header, quick links and footer */
*, *::before, *::after {
	box-sizing:border-box;
}
img {
	max-width:100%;
	height:auto;
}
#HEAD.site-header {
	position:relative;
	z-index:50;
	width:100%;
	height:76px;
	margin:0;
	background:#121513;
	border-bottom:1px solid rgba(255,255,255,.1);
	text-align:left;
}
.site-header__inner {
	display:flex;
	align-items:center;
	width:min(1200px, calc(100% - 40px));
	height:100%;
	margin:0 auto;
}
.site-brand {
	display:flex;
	align-items:center;
	gap:12px;
	flex:0 0 auto;
	color:#fff;
}
.site-brand:hover {
	color:#fff;
}
.site-brand__seal {
	display:grid;
	place-items:center;
	width:40px;
	height:40px;
	color:#fff;
	font:700 20px/1 "KaiTi", serif;
	background:#9f211c;
	border:1px solid #c64a3f;
	border-radius:2px;
}
.site-brand__text {
	display:flex;
	flex-direction:column;
	line-height:1;
}
.site-brand__text strong {
	font:700 21px/1.15 "KaiTi", serif;
}
.site-brand__text small {
	margin-top:5px;
	color:#aaa99f;
	font:9px/1 Arial, sans-serif;
}
.main-navigation {
	display:flex;
	align-self:stretch;
	margin-left:auto;
}
.main-navigation a {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	min-width:98px;
	padding:0 14px;
	color:#deddd7;
	font-size:14px;
	line-height:1.2;
}
.main-navigation a::after {
	position:absolute;
	right:18px;
	bottom:0;
	left:18px;
	height:2px;
	background:#a42a23;
	content:"";
	transform:scaleX(0);
	transition:transform .2s ease;
}
.main-navigation a:hover,
.main-navigation a.is-current {
	color:#fff;
}
.main-navigation a:hover::after,
.main-navigation a.is-current::after {
	transform:scaleX(1);
}
.main-navigation small {
	margin-top:5px;
	color:#777c78;
	font:9px/1 Arial, sans-serif;
}
.header-download {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	width:132px;
	height:44px;
	margin-left:16px;
	color:#fff;
	background:#9f211c;
	border:1px solid #b13a32;
	border-radius:2px;
}
.header-download:hover {
	color:#fff;
	background:#b12c24;
}
.nav-toggle {
	display:none;
	width:42px;
	height:42px;
	margin-left:auto;
	padding:10px;
	background:transparent;
	border:1px solid rgba(255,255,255,.25);
	border-radius:2px;
}
.nav-toggle span {
	display:block;
	height:2px;
	margin:4px 0;
	background:#fff;
}
.quick-access {
	color:#ddd;
}
.quick-access__download {
	position:relative;
	display:block;
	min-height:168px;
	padding:28px 24px;
	overflow:hidden;
	color:#fff;
	background:#8f211d;
}
.quick-access__download:hover {
	color:#fff;
	background:#a62922;
}
.quick-access__download > span,
.quick-access__download > strong {
	display:block;
}
.quick-access__eyebrow {
	color:#e7aaa5;
	font:10px/1 Arial, sans-serif;
}
.quick-access__download strong {
	margin:12px 0 7px;
	font:700 28px/1 "KaiTi", serif;
}
.quick-access__download b {
	position:absolute;
	right:22px;
	bottom:22px;
	font-size:24px;
}
.quick-access__links {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	background:#171a18;
}
.quick-access__links a {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	min-height:88px;
	color:#ddd;
	border-right:1px solid #2a2e2b;
	border-bottom:1px solid #2a2e2b;
}
.quick-access__links a:last-child {
	grid-column:1 / -1;
}
.quick-access__links a:hover {
	color:#fff;
	background:#222622;
}
.quick-access__links strong {
	font-size:15px;
}
.quick-access__links span {
	margin-top:4px;
	color:#7f827e;
	font:9px/1 Arial, sans-serif;
}
.quick-access__service {
	display:flex;
	align-items:center;
	gap:10px;
	min-height:76px;
	padding:14px 16px;
	background:#242824;
}
.quick-access__service p {
	display:flex;
	flex:1;
	flex-direction:column;
	margin:0;
	line-height:1.2;
}
.quick-access__service small {
	color:#858985;
	font:9px/1 Arial, sans-serif;
}
.quick-access__service strong {
	margin-top:5px;
	color:#fff;
}
.quick-access__hours {
	color:#babdb8;
	font-size:11px;
}
.status-pulse {
	display:inline-block;
	width:8px;
	height:8px;
	background:#73a27b;
	border-radius:50%;
	box-shadow:0 0 0 4px rgba(115,162,123,.14);
}
.site-footer {
	clear:both;
	width:100%;
	padding:34px 0;
	color:#8f948f;
	background:#111411;
	border-top:1px solid #2c302c;
	text-align:left;
}
.site-footer__inner {
	display:grid;
	grid-template-columns:230px minmax(0,1fr) auto;
	align-items:center;
	gap:34px;
	width:min(1200px, calc(100% - 40px));
	margin:0 auto;
}
.site-footer__brand {
	display:flex;
	align-items:center;
	gap:12px;
}
.site-footer__brand div {
	display:flex;
	flex-direction:column;
}
.site-footer__brand strong {
	color:#fff;
	font:700 21px/1.2 "KaiTi", serif;
}
.site-footer__brand small {
	margin-top:5px;
	font-size:10px;
}
.site-footer__advice {
	margin:0;
	padding-left:28px;
	border-left:1px solid #303430;
	font-size:12px;
	line-height:1.8;
}
.site-footer__advice strong,
.site-footer__advice span {
	display:block;
}
.site-footer__advice strong {
	color:#c9cbc7;
}
.site-footer__links {
	display:grid;
	grid-template-columns:repeat(2, auto);
	gap:6px 20px;
}
.site-footer__links a {
	color:#969b96;
	font-size:12px;
}
.site-footer__links a:hover {
	color:#fff;
}

body.has-open-dialog {
	overflow:hidden;
}
.register-dialog {
	width:min(420px, calc(100% - 32px));
	margin:auto;
	padding:0;
	color:#20231f;
	background:#f4f1e8;
	border:1px solid #b9b3a7;
	border-radius:4px;
	box-shadow:0 28px 80px rgba(10,13,11,.36);
}
.register-dialog::backdrop {
	background:rgba(12,15,13,.72);
	backdrop-filter:blur(3px);
}
.register-dialog__inner {
	position:relative;
	padding:32px 30px 28px;
	border-top:3px solid #9f241e;
}
.register-dialog__close {
	position:absolute;
	top:14px;
	right:14px;
	display:grid;
	place-items:center;
	width:34px;
	height:34px;
	padding:0;
	color:#6d706a;
	background:transparent;
	border:1px solid transparent;
	border-radius:2px;
	cursor:pointer;
	font:24px/1 Arial,sans-serif;
}
.register-dialog__close:hover,
.register-dialog__close:focus-visible {
	color:#9f241e;
	border-color:#c9c3b8;
	outline:none;
}
.register-dialog small {
	color:#9f241e;
	font:700 10px/1 Arial,sans-serif;
}
.register-dialog h2 {
	margin:10px 42px 0 0;
	color:#20231f;
	font:700 28px/1.2 "STKaiti","KaiTi",serif;
}
.register-dialog p {
	margin:18px 0 0;
	color:#62655f;
	font-size:14px;
	line-height:1.75;
}
.register-dialog__actions {
	display:flex;
	justify-content:flex-end;
	margin-top:24px;
}
.register-dialog__confirm {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:120px;
	height:50px;
	padding:0 20px;
	color:#fff;
	background:#9f241e;
	border:1px solid #b53930;
	border-radius:2px;
	box-shadow:0 10px 28px rgba(109,27,22,.24);
	cursor:pointer;
	font:700 14px/1 Arial,sans-serif;
}
.register-dialog__confirm:hover,
.register-dialog__confirm:focus-visible {
	background:#b32c24;
	outline:none;
}

@media (max-width: 980px) {
	.main-navigation a {
		min-width:84px;
		padding:0 8px;
	}
	.header-download {
		display:none;
	}
	.site-footer__inner {
		grid-template-columns:200px 1fr;
	}
	.site-footer__links {
		display:none;
	}
}

@media (max-width: 760px) {
	.site-header__inner {
		width:calc(100% - 28px);
	}
	.nav-toggle {
		display:block;
	}
	.main-navigation {
		position:absolute;
		top:75px;
		right:0;
		left:0;
		display:none;
		align-self:auto;
		padding:8px 14px 16px;
		background:#121513;
		border-top:1px solid #2c302c;
		box-shadow:0 16px 28px rgba(0,0,0,.22);
	}
	.main-navigation.is-open {
		display:block;
	}
	.main-navigation a {
		align-items:flex-start;
		min-height:50px;
		padding:9px 12px;
		border-bottom:1px solid #242824;
	}
	.main-navigation a::after {
		display:none;
	}
	.site-footer__inner {
		grid-template-columns:1fr;
		gap:22px;
	}
	.site-footer__advice {
		padding-top:18px;
		padding-left:0;
		border-top:1px solid #303430;
		border-left:0;
	}
}