/* 汽车进入部分 */
.emblem {
	margin: 0 auto;
	width: 33vw;
	height: 33vw;
	border-radius: 50%;
	/* font-weight: bold; */
	/* color: #0B9064; */
	/* animation: spinZ 20s linear infinite; */
	animation: spinZ 3s linear;
	text-align: center;
	background-image: url("../img/圆环@2x.png");
	background-size: 100%;
	background-clip: content-box;
	background-repeat: no-repeat;
	/* padding: 26px; */
}

.emblem span {
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-transform: uppercase;
	font-size: 13px;
	transition: all 0.5s cubic-bezier(0, 0, 0, 1);
}

@keyframes spinZ {
	0% {
		transform: rotateZ(0deg);
	}

	100% {
		transform: rotateZ(360deg);
	}
}

@keyframes car {
	0% {
		right: -20vw;
		top: 5vw;
		width: 5vw;
		height: 3vw;
	}

	100% {
		top: 5vw;
		width: 46vw;
	}
}

#car {
	position: absolute;
	margin: 0 auto;
	right: -5vw;
	top: 5vw;
	width: 46vw;
	height: 26.1vw;
	animation: car 1.3s;
	background-image: url("../img/Image@2x.png");
	background-clip: content-box;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.left {
	height: 100%;
	display: flex;
	align-items: center;
}

.left-son p {
	font-size: 3vw;
	font-weight: 700;
	letter-spacing: 1.33px;
	margin: 0;
	padding: 0;
	margin-bottom: 1vw;
}

.left-son span {
	letter-spacing: 0.37px;
	font-size: 1vw;
}

#car-enter {
	height: 100%;
	display: flex;
	align-items: center;
}


/* 手机端汽车进入部分 */
#mobile-car-enter {
	height: 100%;
}

.mobile-emblem {
	margin: 0 auto;
	width: 16rem;
	height: 16rem;
	border-radius: 50%;
	/* font-weight: bold; */
	/* color: #0B9064; */
	animation: spinZ 20s linear infinite;
	text-align: center;
	background-image: url("../img/圆环@2x.png");
	background-size: 100%;
	background-clip: content-box;
	background-repeat: no-repeat;
	/* padding: 26px; */
}

#mobile-car {
	position: absolute;
	margin: 0 auto;
	right: 1.6rem;
	top: 16rem;
	width: 21rem;
	height: 11.9rem;
	animation: moile_car 1.5s;
	background-image: url("../img/Image@2x.png");
	background-clip: content-box;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

@keyframes moile_car {
	0% {
		right: 1.5rem;
		top: 16rem;
		width: 5rem;
		height: 3rem;
	}

	100% {
		top: 16rem;
		width: 21rem;
	}
}

#mobile-home p {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 1.33px;
	margin: 1rem;
}

#mobile-home span {
	display: block;
	letter-spacing: 0.37px;
	font-size: 1rem;
	margin: 1rem;
	margin-top: 2rem;
}