.position-middle-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.seven-index-window-mask {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.9);
	overflow: auto;
	display: block;
	z-index: 1024;
}

.seven-index-window-mask.active {
	display: none;
}

.seven-index-window {
	width: 845px;
	height: 516px;
	background: url(../images/seven-windows.png) no-repeat;
	background-size: contain;
}

.close-windows-btn7 {
	width: 43px;
	height: 43px;
	overflow: hidden;
	border-radius: 43px;
	background: url(../images/seven-windows02.png) no-repeat;
	background-size: contain;
	margin: 0 auto 0;
	position: absolute;
	top: 516px;
	right: 400px;
	cursor: pointer;
	z-index: 1025;
}

.details-btn {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bg-0f022d {
	background-color: #0f022d;
}

.seven-land-box {
	width: 1920px;
	overflow: hidden;
	margin: 0 auto;
}

.seven-land-banner {
	width: 1920px;
	height: 700px;
	background: url(../images/1920-banner.jpg) no-repeat;
	background-size: contain;
	margin: 0 auto;
	position: relative;
}

.seven-from-bg {
	width: 1920px;
	height: 386px;
	background: url(../images/1920-bg.jpg) no-repeat;
	background-size: cover;
	margin: 0 auto;
}

.seven-from-box {
	background: url(../images/1920bmbg.png);
	width: 917px;
	height: 386px;
	margin: 0 auto;
}

.cff {
	color: #ffffff;
}

.fz40 {
	font-size: 40px;
}

.seven-land-box h2 {
	color: #ffffff;
	font-size: 40px;
	text-align: center;
	padding-top: 40px;
}

.seven-from-info {
	color: #bc8ce0;
	font-size: 14px;
	text-align: center;
	margin: 10px 0 20px;
}

.seven-icon01 {
	display: inline-block;
	width: 20px;
	height: 24px;
	overflow: hidden;
	background: url(../images/seven-icon01.png) no-repeat;
	background-size: contain;
	margin-right: 10px;
	margin-top: 14px;
}

.seven-icon02 {
	display: inline-block;
	width: 20px;
	height: 24px;
	overflow: hidden;
	background: url(../images/seven-icon02.png) no-repeat;
	background-size: contain;
	margin-right: 10px;
	margin-top: 14px;
}

.lable-wrap {
	padding-left: 40px;
	width: 555px;
	height: 50px;
	border-radius: 25px;
	background-color: #6b2b9a;
	margin: 0 auto;
	overflow: hidden;
}

.error01,
.error02 {
	width: 555px;
	margin: 0 auto;
	color: red;
	opacity: 0;
}

.error01.active,
.error02.active {
	opacity: 1;
}

.lable-wrap input {
	position: relative;
	display: inline-block;
	width: 488px;
	height: 100%;
	background-color: #6b2b9a;
	margin-bottom: -11px;
	top: -10px;
	color: #bc8ce0;
	font-size: 16px;
}

:-moz-placeholder {
	color: #bc8ce0;
	font-size: 16px;
}

::-moz-placeholder {
	color: #bc8ce0;
	font-size: 16px;
}

input:-ms-input-placeholder {
	color: #bc8ce0;
	font-size: 16px;
}

input::-webkit-input-placeholder {
	color: #bc8ce0;
	font-size: 16px;
}

.six-submit {
	border-width: 2px;
	border-color: rgb(255, 251, 217);
	border-style: solid;
	background-color: rgb(255, 204, 0);
	box-shadow: 0px 7px 16px 0px rgba(255, 204, 0, 0.29);
	width: 277px;
	height: 56px;
	margin: 0 auto;
	border-radius: 30px;
	color: #7028bf;
	font-size: 16px;
	text-align: center;
	line-height: 56px;
}

.seven-rule-bg {
	background: url(../images/1920relu-bg02.png);
	width: 1920px;
	height: 248px;
	margin: 0 auto;
}

.seven-rule-box {
	background: url(../images/1920rule-bg.png);
	width: 903px;
	height: 248px;
	margin: 0 auto;
}

.rule-info-box {
	width: 555px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	color: #9962c2;
	font-size: 16px;
	padding-top: 40px;
}

.rule-info-box h3 {
	font-size: 24px;
	color: #bc8ce0;
	margin-bottom: 10px;
}

.rule-info-box p {
	margin-bottom: 10px;
}

.seven-detail-btn {
	width: 204px;
	height: 50px;
	position: absolute;
	bottom: 74px;
	left: 50%;
	margin-left: -107px;
}

@media screen and (max-width: 1366px) {
	.seven-land-box {
		width: 1366px;
		overflow: hidden;
		margin: 0 auto;
	}
	.seven-land-banner {
		width: 1366px;
		height: 498px;
		background: url(../images/1200-banner.jpg) no-repeat;
		background-size: cover;
		margin: 0 auto;
		position: relative;
	}
	.seven-from-bg {
		width: 1366px;
		height: 286px;
		background: url(../images/1200-bg.jpg) no-repeat;
		background-size: cover;
		margin: 0 auto;
	}
	.seven-from-box {
		background: url(../images/1200bmbg.png) no-repeat;
		background-size: contain;
		width: 564px;
		height: 286px;
		margin: 0 auto;
	}
	.seven-land-box h2 {
		color: #ffffff;
		font-size: 25px;
		text-align: center;
		padding-top: 20px;
	}
	.seven-from-info {
		color: #bc8ce0;
		font-size: 12px;
		text-align: center;
		margin: 0 0 10px;
	}
	.seven-icon01 {
		display: inline-block;
		width: 14px;
		height: 16px;
		overflow: hidden;
		background: url(../images/seven-icon01.png) no-repeat;
		background-size: contain;
		margin-right: 10px;
		margin-top: 8px;
	}
	.seven-icon02 {
		display: inline-block;
		width: 14px;
		height: 16px;
		overflow: hidden;
		background: url(../images/seven-icon02.png) no-repeat;
		background-size: contain;
		margin-right: 10px;
		margin-top: 8px;
	}
	.lable-wrap {
		padding-left: 40px;
		width: 348px;
		height: 32px;
		border-radius: 16px;
		background-color: #6b2b9a;
		margin: 0 auto;
		overflow: hidden;
	}
	.error01,
	.error02 {
		width: 348px;
		margin: 0 auto;
		color: red;
		opacity: 0;
		font-size: 12px;
	}
	.error01.active,
	.error02.active {
		opacity: 1;
	}
	.lable-wrap input {
		position: relative;
		display: inline-block;
		width: 300px;
		height: 100%;
		background-color: #6b2b9a;
		margin-bottom: -11px;
		top: -3px;
		color: #bc8ce0;
		font-size: 14px;
	}
	:-moz-placeholder {
		color: #bc8ce0;
		font-size: 14px;
	}
	::-moz-placeholder {
		color: #bc8ce0;
		font-size: 14px;
	}
	input:-ms-input-placeholder {
		color: #bc8ce0;
		font-size: 14px;
	}
	input::-webkit-input-placeholder {
		color: #bc8ce0;
		font-size: 14px;
	}
	.six-submit {
		border-width: 2px;
		border-color: rgb(255, 251, 217);
		border-style: solid;
		background-color: rgb(255, 204, 0);
		box-shadow: 0px 7px 16px 0px rgba(255, 204, 0, 0.29);
		width: 177px;
		height: 32px;
		margin: 0 auto;
		border-radius: 16px;
		color: #7028bf;
		font-size: 12px;
		text-align: center;
	line-height: 32px;
	}
	.seven-rule-bg {
		background: url(../images/1200rule-bg02.png) no-repeat;
		background-size: cover;
		width: 1366px;
		height: 213px;
		margin: 0 auto;
	}
	.seven-rule-box {
		background: url(../images/1200rule-bg.png) no-repeat;
		background-size: contain;
		width: 564px;
		height: 213px;
		margin: 0 auto;
	}
	.rule-info-box {
		width: 348px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		color: #9962c2;
		font-size: 12px;
		padding-top: 20px;
	}
	.rule-info-box h3 {
		font-size: 16px;
		color: #bc8ce0;
		margin-bottom: 10px;
	}
	.rule-info-box p {
		margin-bottom: 0px;
	}
	.seven-detail-btn {
		width: 128px;
		height: 32px;
		position: absolute;
		bottom: 45px;
		left: 50%;
		margin-left: -71px;
	}
}
.pointer{
	cursor: pointer;
}