* {
	font-family: 'Microsoft YaHei';
}

img {
	margin: 0;
	padding: 0;
	width: 100%;
}

body {
	margin: 0;
}
.main-1{
	min-height: 1023px;
}
.bar-btn-l{
	display: none;
}

.bar-btn-r{
	display: none;
}
.bar-box{
	position:relative;
}

.bar-btn-l{
	position: absolute; 
	width:42%;
	left:8%;
	top:0;
	text-align: center;
	color:#fff;
	font-size:24px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bar-btn{
	cursor: pointer;
	line-height:100%;
	height:100%;
}
.bar-check-l,.bar-check-r{
	display: none;
}


.bar-btn-r{
	position: absolute; 
	width:42%;
	right:8%;
	top:0;
	text-align: center;
	color:#fff;
	font-size:24px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fixed-bar {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	background: white;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.main-2 {
	position: relative;
}

.main-2-btn {
	position: absolute;
	bottom: 4%;
	width: 100%;
	height: 32%;
}

.main-5 {
	position: relative;
	width: 100%;
}

.main-5-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75%;
	height: 80px;
	cursor: pointer;
}

.main-8 {
	position: relative;
	width: 100%;
}

.main-8-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75%;
	height: 100px;
	cursor: pointer;
}

.main-7 {
	position: relative;
}

.main-7-btn-1 {
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 36%;
	height: 80px;
	cursor: pointer;
}

.main-7-btn-1 img {
	width: 56.5vw;
	margin-top: 82px;
	transform: translate(-50%);
	margin-left: 50%;
	display: none;
}

.main-7-btn-2 {
	position: absolute;
	top: 66%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	height: 84px;
	cursor: pointer;
}

.main-7-btn-2 img {
	width: 56.5vw;
	margin-top: 92px;
	transform: translate(-50%);
	margin-left: 50%;
	display: none;
}