.logo-view {
	width: 10.96rem;
	height: 6.8rem;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0px;
	margin: auto;
	perspective: 6.8rem;
}

.logo-rotate-bg {
	width: 6rem;
	height: 6rem;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	/* transform: rotateX(0deg) translateZ(10px); */
	perspective: 800px;
}

.icon-dbtext {
	width: 7.3rem;
	height: 1.81rem;
	position: absolute;
	left: 0;
	right: 0;
	top: 1.8rem;
	margin: auto; 
}

.icon-dbeltext {
	width: 4.64rem;
	height: 0.4rem;
	position: absolute;
	left: 0;
	right: 0;
	top: 4.1rem;
	margin: auto;
}

.icon-subtext {
	width: 10.46rem;
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.logo-rotate-bg img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	animation-iteration-count: infinite;
	transform-origin: center;
	animation-timing-function: linear;
}

.logo-text1 {
	font-size: 1.8rem;
	width: 7.6rem;
	font-weight: bold;
	color: #FFF;
	position: absolute;
	top: 0.2rem;
	left: -1.1rem;
	right: 0;
	bottom: 0px;
	margin: auto;
}

.logo-rotate-bg .bg01 {
	transform: translateX(0) translateY(0) translateZ(20px);
	animation-name: rotate1;
	animation-duration: 5.5s;


}

.logo-rotate-bg .bg02 {
	/* transform: perspective(20px) translateZ(20px); */
	animation-name: rotate2;
	animation-duration: 3.5s;

}

.logo-rotate-bg .bg03 {
	transform: perspective(30px);
	animation-name: rotate1;
	animation-duration: 2.5s;
}

.logo-rotate-bg .bg04 {
	transform: perspective(40px);
	animation-name: rotate2;
	animation-duration: 7.5s;

}

.logo-rotate-bg .bg05 {
	transform: perspective(50px);
	animation-name: rotate1;
	animation-duration: 10.5s;

}

.logo-rotate-bg .bg06 {
	transform: perspective(60px);
	animation-name: rotate2;
	animation-duration: 7.5s;

}

.logo-rotate-bg .bg07 {
	transform: perspective(70px);
	animation-name: rotate2;
	animation-duration: 5.5s;

}


@keyframes rotate1 {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}


@keyframes rotate2 {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(-360deg);
	}
}
