html,
body {
	padding: 0;
	margin: 0;
	overflow: initial;
}

.blur-up {
	filter: blur(20px);
	transition: filter 0.2s;
}

.blur-up.lazyloaded {
	filter: blur(0);
}

.honormagic5pro div,
.honormagic5pro h2,
.honormagic5pro h3,
.honormagic5pro h4,
.honormagic5pro h5,
.honormagic5pro ul,
.honormagic5pro ol,
.honormagic5pro li,
.honormagic5pro p,
.honormagic5pro form,
.honormagic5pro table,
.honormagic5pro th,
.honormagic5pro td,
.honormagic5pro figure,
.honormagic5pro button {
	border: none;
	margin: 0px;
	padding: 0px;
	color: inherit;
}

.honormagic5pro h2,
.honormagic5pro h3,
.honormagic5pro h4,
.honormagic5pro h5 {
	line-height: 1.25;
}

.honormagic5pro p {
	line-height: 1.4;
}

.honormagic5pro button {
	background-color: transparent;
}

.honormagic5pro sup {
	position: relative !important;
	font-size: 50% !important;
	line-height: 0 !important;
	vertical-align: super !important;
	top: 0 !important;
}

.honormagic5pro img,
.honormagic5pro video,
.honormagic5pro canvas {
	display: block;
	width: 100%;
	max-width: none;
}

.honormagic5pro a {
	color: inherit;
	text-decoration: none;
}

.honormagic5pro *,
.honormagic5pro *::before,
.honormagic5pro *::after {
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
}

.honormagic5pro *:focus,
.honormagic5pro *:active {
	outline: none;
}

.honormagic5pro section {
	position: relative;
}

.honormagic5pro .honormagic5pro-nowrap {
	white-space: nowrap;
}

.honormagic5pro .object-fit {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.honormagic5pro {
	font-family: 'HONOR Sans World Regular';
	color: #fff;
	background: #000;
}
.honormagic5pro.is-hidden {
	opacity: 0;
}
.honormagic5pro section {
	transition: opacity 0.3s ease;
}
.honormagic5pro.is-scrolling section {
	opacity: 0 !important;
	transition: none;
}
.honormagic5pro .section-title-demiBold {
	font-family: 'HONOR Sans World DemiBold';
}
.honormagic5pro .section-title-medium {
	font-family: 'HONOR Sans World Medium';
}
.honormagic5pro .fz120 {
	font-size: 6.25vw;
}
.honormagic5pro .fz90 {
	font-size: 4.6875vw;
}
.honormagic5pro .fz80 {
	font-size: 4.1666666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .fz80 {
		font-size: 10.6666666667vw;
	}
}
.honormagic5pro .fz64 {
	font-size: 3.3333333333vw;
}
.honormagic5pro .fz56 {
	font-size: 2.9166666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .fz56 {
		font-size: 8.5333333333vw;
	}
}
.honormagic5pro .fz48 {
	font-size: 2.5vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .fz48 {
		font-size: 8.5333333333vw;
	}
}
.honormagic5pro .fz40 {
	font-size: 2.0833333333vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .fz40 {
		font-size: 8.5333333333vw;
	}
}
.honormagic5pro .fz32 {
	font-size: 1.6666666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .fz32 {
		font-size: 4.3333333333vw;
	}
}
.honormagic5pro .fz24 {
	font-size: 1.25vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .fz24 {
		font-size: 5.3333333333vw;
	}
}
.honormagic5pro .fz20 {
	font-size: 1.0416666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .fz20 {
		font-size: 3.7333333333vw;
	}
}
.honormagic5pro .fz18 {
	font-size: 0.9375vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .fz18 {
		font-size: 3.2vw;
	}
}
.honormagic5pro .fz16 {
	font-size: 0.8333333333vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .fz16 {
		font-size: 3.7333333333vw;
	}
}
.honormagic5pro .fz12 {
	font-size: 0.625vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .fz12 {
		font-size: 2.6666666667vw;
	}
}
.honormagic5pro .mt30 {
	margin-top: 1.5625vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .mt30 {
		margin-top: 5.3333333333vw;
	}
}
.honormagic5pro .mt20 {
	margin-top: 1.0416666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .mt20 {
		margin-top: 2.6666666667vw;
	}
}
.honormagic5pro .mt10 {
	margin-top: 1.0416666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .mt10 {
		margin-top: 2.6666666667vw;
	}
}
.honormagic5pro .sticky-container {
	position: sticky;
	top: 52px;
	height: calc(100vh - 52px);
	overflow: hidden;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .sticky-container {
		top: 52px;
		height: calc(100vh - 52px);
	}
}
.honormagic5pro .honormagic5pro-note {
	font-size: 0.625vw;
	opacity: 0.4;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .honormagic5pro-note {
		font-size: 1.6vw;
	}
}
.honormagic5pro .kvAndTvc {
	position: relative;
}
.honormagic5pro .kvAndTvc #trigger-tvc {
	position: absolute;
	top: 150vh;
}
.honormagic5pro .section-kv {
	height: 200vh;
	z-index: 2;
	background: #fff;
	color: #000;
}
@media (max-aspect-ratio: 660/758) {
	.honormagic5pro .section-kv {
		height: 170vh;
	}
}
.honormagic5pro .section-kv #trigger-kv {
	position: absolute;
	top: 50vh;
}
@media (max-aspect-ratio: 660/758) {
	.honormagic5pro .section-kv #trigger-kv {
		top: 35vh;
	}
}
.honormagic5pro .section-kv.active1 .front {
	transform: translate(calc(-100% + 4.4270833333vw), -52.5%) scale(0.9);
}
.honormagic5pro .section-kv.active1 .back {
	transform: translate(-26.5625vw, calc(-50% + 4.6875vw)) scale(1.795);
}
.honormagic5pro .section-kv.active1 .shadow {
	opacity: 1;
	transition-delay: 1s;
}
.honormagic5pro .section-kv.active1 .textWrapper {
	transform: translateY(-50%);
	transition-delay: 1s;
	opacity: 1;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-kv.active1 .textWrapper {
		transform: translateY(20%);
	}
}
.honormagic5pro .section-kv.active1 .dxoWrapper {
	opacity: 1;
	transition-delay: 1.5s;
}
.honormagic5pro .section-kv.active1 .magicosWrapper {
	opacity: 1;
	transition-delay: 1s;
}
.honormagic5pro .section-kv.active2 .textWrapper {
	transform: translateY(-50%);
}
@media (max-aspect-ratio: 660/758) {
	.honormagic5pro .section-kv.active2 .textWrapper {
		transform: translateY(20%);
	}
}
.honormagic5pro .section-kv.active2 .dxoWrapper {
	opacity: 1;
	transition-delay: 1s;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-kv .sticky-container {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
}
.honormagic5pro .section-kv .front {
	position: absolute;
	width: 14.5833333333vw;
	top: 50%;
	left: 50%;
	transform: translate(calc(-100% + 1.0416666667vw), -52.5%) scale(0.9);
	transition: transform 1s ease;
	transform-origin: 100% 50%;
}
.honormagic5pro .section-kv .back {
	position: absolute;
	width: 14.5833333333vw;
	top: 50%;
	left: 50%;
	transform: translate(0vw, calc(-50% + 2.34375vw)) scale(1.05);
	transition: transform 1s ease;
	transform-origin: 100% 0;
}
.honormagic5pro .section-kv .shadow {
	position: absolute;
	top: 5.7291666667vw;
	left: -2.0833333333vw;
	width: 47.9166666667vw;
	z-index: -1;
	opacity: 0;
	transition: opacity 1s ease;
}
.honormagic5pro .section-kv .textWrapper {
	position: absolute;
	left: 60.15625vw;
	top: 50%;
	transform: translateY(-15%);
	text-align: center;
	opacity: 0;
	transition: opacity 1s ease 1s, transform 1s ease;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-kv .textWrapper {
		position: relative;
		left: auto;
		top: auto;
		transform: none;
		margin-bottom: 16vw;
		transform: translateY(60%);
		transition: opacity 1s ease, transform 1s ease;
	}
}
.honormagic5pro .section-kv .pdtname {
	width: auto;
	margin: 0 auto;
	height: 3.2291666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-kv .pdtname {
		height: 8vw;
	}
}
.honormagic5pro .section-kv .slogan {
	text-align: center;
	font-size: 1.6666666667vw;
	margin-top: 1.0416666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-kv .slogan {
		font-size: 3.7333333333vw;
		margin-top: 2.6666666667vw;
	}
}
.honormagic5pro .section-kv .dxoWrapper {
	margin-top: 1.3020833333vw;
	text-align: center;
	opacity: 0;
	transition: opacity 1s ease;
}
@media (max-aspect-ratio: 660/758) {
	.honormagic5pro .section-kv .dxoWrapper {
		margin-top: 4vw;
	}
}
.honormagic5pro .section-kv .dxoWrapper p {
	font-size: 1.25vw;
	margin-top: 0.5208333333vw;
}
@media (max-aspect-ratio: 660/758) {
	.honormagic5pro .section-kv .dxoWrapper p {
		font-size: 2.9333333333vw;
		margin-top: 0.8vw;
	}
}
.honormagic5pro .section-kv .iconWrapper {
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.honormagic5pro .section-kv .iconWrapper .icon {
	width: 5.7291666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-kv .iconWrapper .icon {
		width: 13.3333333333vw;
	}
}
.honormagic5pro .section-kv .iconWrapper .icon2 {
	margin-left: 2.8645833333vw;
}
@media (max-aspect-ratio: 660/758) {
	.honormagic5pro .section-kv .iconWrapper .icon2 {
		margin-left: 5.3333333333vw;
	}
}
.honormagic5pro .section-kv .magicosWrapper {
	position: absolute;
	right: 2.34375vw;
	bottom: 2.34375vw;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	opacity: 0;
	transition: opacity 1s ease;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-kv .magicosWrapper {
		right: 2.6666666667vw;
		bottom: 2.6666666667vw;
		transition-delay: 0s;
	}
}
.honormagic5pro .section-kv .magicosWrapper .magicos {
	width: 7.03125vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-kv .magicosWrapper .magicos {
		width: 14.6666666667vw;
	}
}
.honormagic5pro .section-kv .magicosWrapper p {
	font-size: 0.3645833333vw;
	text-align: right;
	margin-top: 0.625vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-kv .magicosWrapper p {
		font-size: 1.0666666667vw;
		margin-top: 1.3333333333vw;
		transform: scale(0.7);
		width: 110vw;
		transform-origin: right;
	}
}
.honormagic5pro .section-tvc {
	margin-top: -150vh;
	height: 350vh;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-tvc .playBtn {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 24vw;
	}
}
.honormagic5pro .designAndProtectAndIP68AndCmf {
	position: relative;
}
.honormagic5pro .section-design {
	height: 1060vh;
	z-index: 4;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design {
		height: 750vh;
	}
}
.honormagic5pro .section-design #trigger-design-1 {
	position: absolute;
	top: 50vh;
}
.honormagic5pro .section-design #trigger-design-2 {
	position: absolute;
	top: 400vh;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design #trigger-design-2 {
		top: 200vh;
	}
}
.honormagic5pro .section-design #trigger-design-3 {
	position: absolute;
	top: 600vh;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design #trigger-design-3 {
		top: 350vh;
	}
}
.honormagic5pro .section-design #trigger-design-4 {
	position: absolute;
	bottom: 0;
}
.honormagic5pro .section-design .mainTitle1 {
	position: absolute;
	top: 50%;
	left: 10%;
	width: 80%;
	text-align: center;
	transform: translateY(-50%);
}
.honormagic5pro .section-design .universeWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.honormagic5pro .section-design .universeWrapper .universe {
	height: 100%;
}
.honormagic5pro .section-design .universeWrapper .blackhole {
	position: absolute;
	top: calc(50% - 2.6041666667vw);
	left: 50%;
	transform: translate(-50%, -50%);
	width: 77.34375vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .universeWrapper .blackhole {
		top: 50%;
		width: 105.3333333333vw;
	}
}
.honormagic5pro .section-design .bgVideoWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.honormagic5pro .section-design .cameraWrapper {
	position: absolute;
	top: calc(50% - 2.6041666667vw);
	left: 34.375vw;
	width: 31.25vw;
	transform-origin: 50% 35%;
	z-index: 4;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .cameraWrapper {
		top: 50%;
		left: 4vw;
		width: 93.3333333333vw;
	}
}
.honormagic5pro .section-design .cameraWrapper .triangle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.honormagic5pro .section-design .cameraTextWrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, calc(-100% - 5.7291666667vw));
	width: 58.3333333333vw;
	text-align: center;
	opacity: 0;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .cameraTextWrapper {
		transform: translate(-50%, calc(-100% - 16vw));
		width: 84vw;
	}
}
.honormagic5pro .section-design .mainTitle2 {
	position: absolute;
	top: 50%;
	left: 10%;
	width: 80%;
	text-align: center;
	transform: translateY(-50%);
	transition: opacity 0.5s ease 1s;
	opacity: 0;
}
.honormagic5pro .section-design .mainTitle2.active1 {
	transition-delay: 0s;
}
.honormagic5pro .section-design .mainTitle2.active2 {
	opacity: 0 !important;
	transition: opacity 0.5s ease 0s;
}
.honormagic5pro .section-design .screenWrapper {
	position: absolute;
	top: -8%;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 1s ease;
}
.honormagic5pro .section-design .screenWrapper.active1 .screen {
	opacity: 1;
	transform: none;
	transition-delay: 0.5s;
}
.honormagic5pro .section-design .screenWrapper.active1 .textWrapper {
	opacity: 1;
	transform: none;
	transition-delay: 1s;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .screenWrapper.active1 .textWrapper {
		transform: translate(-50%, 26.6666666667vw);
	}
}
.honormagic5pro .section-design .screenWrapper.active2 {
	transform: translateY(-100%);
}
.honormagic5pro .section-design .screenWrapper.active2 .screen {
	opacity: 1;
	transform: none;
	transition-delay: 0.5s;
}
.honormagic5pro .section-design .screenWrapper.active2 .textWrapper {
	opacity: 1;
	transform: none;
	transition-delay: 1s;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .screenWrapper.active2 .textWrapper {
		transform: translate(-50%, 26.6666666667vw);
	}
}
.honormagic5pro .section-design .screenWrapper .screen {
	position: absolute;
	top: 0;
	right: 0;
	width: 87.5vw;
	opacity: 0;
	transform: translateY(-50%);
	transition: all 1s ease;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .screenWrapper .screen {
		width: 100%;
	}
}
.honormagic5pro .section-design .screenWrapper .textWrapper {
	position: absolute;
	top: 70%;
	left: 60.4166666667vw;
	opacity: 0;
	transform: translateY(1.5625vw);
	transition: all 1s ease;
	width: 33.8541666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .screenWrapper .textWrapper {
		top: 50%;
		left: 50%;
		transform: translate(-50%, 32vw);
		width: 84vw;
		text-align: center;
	}
}
.honormagic5pro .section-design .nitWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 1s ease;
	text-align: center;
	transform: translateY(100%);
}
.honormagic5pro .section-design .nitWrapper.active1 {
	transform: none;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .nitWrapper.active1 .phone {
		transform: translate(-50%, -50%) scale(2.22);
		transition-delay: 1s;
	}
}
.honormagic5pro .section-design .nitWrapper.active1 .title h2 {
	transform: none;
	transition-delay: 1s;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .nitWrapper.active1 .title h2 {
		transition-delay: 1.5s;
		opacity: 1;
	}
}
.honormagic5pro .section-design .nitWrapper.active1 .section-desc {
	opacity: 1;
	transition-delay: 1.5s;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .nitWrapper.active1 .section-desc {
		transition-delay: 1.5s;
	}
}
.honormagic5pro .section-design .nitWrapper.active2 {
	transform: translateY(-100%);
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .nitWrapper.active2 .phone {
		transform: translate(-50%, -50%) scale(2.22);
		transition-delay: 1s;
	}
}
.honormagic5pro .section-design .nitWrapper.active2 .title h2 {
	transform: none;
	transition-delay: 1s;
}
.honormagic5pro .section-design .nitWrapper.active2 .section-desc {
	opacity: 1;
	transition-delay: 1.5s;
}
.honormagic5pro .section-design .nitWrapper .phone {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 76.0416666667vw;
	z-index: 3;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .nitWrapper .phone {
		width: 88vw;
		transition: transform 0.5s ease;
		transform-origin: 40% 35%;
	}
}
.honormagic5pro .section-design .nitWrapper .light {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -55%);
	width: 76.0416666667vw;
	opacity: 0;
	transition: opacity 1s ease;
	z-index: 1;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .nitWrapper .light {
		transform: translate(-50%, -60%);
		width: 100vw;
	}
}
.honormagic5pro .section-design .nitWrapper .light.active {
	opacity: 1;
	transition-delay: 2s;
}
.honormagic5pro .section-design .nitWrapper .title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, calc(-100% - 2.34375vw));
	width: 76.0416666667vw;
	overflow: hidden;
	z-index: 2;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .nitWrapper .title {
		transform: translate(-50%, calc(-100% - 29.3333333333vw));
		width: 69.3333333333vw;
	}
}
.honormagic5pro .section-design .nitWrapper .title h2 {
	transform: translateY(100%);
	transition: transform 1s ease;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .nitWrapper .title h2 {
		text-align: right;
		transform: none;
		opacity: 0;
		transition: opacity 1s ease;
	}
}
.honormagic5pro .section-design .nitWrapper .title span {
	font-size: 9.375vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .nitWrapper .title span {
		font-size: 24vw;
		display: block;
		margin-bottom: -6.6666666667vw;
	}
}
.honormagic5pro .section-design .nitWrapper .section-desc {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 6.7708333333vw);
	width: 76.0416666667vw;
	opacity: 0;
	transition: opacity 1s ease;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .nitWrapper .section-desc {
		left: 22.6666666667vw;
		transform: translateY(32vw);
		width: 46.6666666667vw;
		text-align: left;
	}
}
.honormagic5pro .section-design .funcWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: transform 1s ease;
	transform: translateY(100%);
}
.honormagic5pro .section-design .funcWrapper.active1 {
	transform: translateY(8.8541666667vw);
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .funcWrapper.active1 {
		transform: none;
	}
	.honormagic5pro .section-design .funcWrapper.active1 .fz20.honormagic5pro-mobShow {
		opacity: 1;
		transition-delay: 1s;
	}
}
.honormagic5pro .section-design .funcWrapper.active1 .textWrapper h2 span {
	transform: none;
	transition-delay: 0.8s;
}
.honormagic5pro .section-design .funcWrapper.active1 .textWrapper p {
	opacity: 1;
	transition-delay: 1.5s;
}
.honormagic5pro .section-design .funcWrapper.active1 .detailWrapper {
	opacity: 1;
	transition-delay: 1.5s;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .funcWrapper.active1 .detailWrapper {
		opacity: 0;
		transition-delay: 0s;
	}
}
.honormagic5pro .section-design .funcWrapper.active2 {
	transform: translateY(-5.2083333333vw);
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .funcWrapper.active2 {
		transform: translateY(-26.6666666667vw);
	}
	.honormagic5pro .section-design .funcWrapper.active2 .fz20.honormagic5pro-mobShow {
		opacity: 0;
		transition-delay: 0s;
	}
}
.honormagic5pro .section-design .funcWrapper.active2 .textWrapper h2 {
	transform: translateY(14.0625vw);
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .funcWrapper.active2 .textWrapper h2 {
		transform: translateY(26.6666666667vw);
		opacity: 0;
	}
}
.honormagic5pro .section-design .funcWrapper.active2 .textWrapper p {
	opacity: 0;
	transition-delay: 0s;
}
.honormagic5pro .section-design .funcWrapper.active2 .phoneWrapper {
	transform: scale(1);
}
.honormagic5pro .section-design .funcWrapper.active2 .detailWrapper {
	opacity: 1;
	transition-delay: 0.5s;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .funcWrapper.active2 .detailWrapper {
		transition-delay: 1s;
	}
}
.honormagic5pro .section-design .funcWrapper .textWrapper {
	width: 72.9166666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .funcWrapper .textWrapper {
		width: 94.6666666667vw;
	}
}
.honormagic5pro .section-design .funcWrapper .textWrapper h2 {
	overflow: hidden;
	transition: all 1s ease;
}
.honormagic5pro .section-design .funcWrapper .textWrapper h2 span {
	display: block;
	transform: translateY(100%);
	transition: all 1s ease;
}
.honormagic5pro .section-design .funcWrapper .textWrapper p {
	margin-top: 0;
	margin-bottom: 2.0833333333vw;
	opacity: 0;
	transition: opacity 1s ease;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .funcWrapper .fz20.honormagic5pro-mobShow {
		margin-top: 10.6666666667vw;
		width: 84vw;
		opacity: 0;
		transition: opacity 0.5s ease;
	}
}
.honormagic5pro .section-design .funcWrapper .phoneWrapper {
	position: relative;
	width: 67.5vw;
	margin-top: -0.5208333333vw;
	transform: scale(1.08);
	transition: transform 1s ease;
	transform-origin: 50% 0;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .funcWrapper .phoneWrapper {
		width: 93.3333333333vw;
		transform: none;
	}
}
.honormagic5pro .section-design .funcWrapper .phoneWrapper .desktop {
	position: absolute;
	top: 2%;
	left: 1%;
	width: 98%;
	height: 96%;
	border-radius: 4.1666666667vw;
	overflow: hidden;
	transform: rotate(0);
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .funcWrapper .phoneWrapper .desktop {
		border-radius: 8vw;
	}
}
.honormagic5pro .section-design .funcWrapper .phoneWrapper .border {
	position: relative;
}
.honormagic5pro .section-design .funcWrapper .detailWrapper {
	display: flex;
	justify-content: center;
	margin-top: 3.6458333333vw;
	opacity: 0;
	transition: opacity 1s ease;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .funcWrapper .detailWrapper {
		margin-top: 0;
		flex-wrap: wrap;
		position: absolute;
		top: 74%;
		left: 0;
		width: 100%;
	}
}
.honormagic5pro .section-design .funcWrapper .detail {
	padding: 0 1.0416666667vw;
	border-right: 1px solid #d0d0d0;
	max-width: 11.9791666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .funcWrapper .detail {
		padding: 0 2.6666666667vw;
		width: 29.3333333333vw;
		max-width: none;
		margin-bottom: 5.3333333333vw;
	}
	.honormagic5pro .section-design .funcWrapper .detail h5 {
		font-size: 2.9333333333vw;
	}
}
.honormagic5pro .section-design .funcWrapper .detail p {
	margin-top: 0.2604166667vw;
	color: #d0d0d0;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .funcWrapper .detail p {
		margin-top: 1.3333333333vw;
	}
}
.honormagic5pro .section-design .funcWrapper .detail6 {
	border-right: none;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-design .funcWrapper .detail3 {
		border-right: none;
	}
}
.honormagic5pro .section-protect {
	height: 300vh;
	margin-top: -100vh;
	z-index: 3;
	background: #000;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-protect {
		height: 250vh;
	}
}
.honormagic5pro .section-protect .bgWrapper {
	height: 100%;
}
.honormagic5pro .section-protect .textWrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 62.5vw;
	text-align: center;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-protect .textWrapper {
		width: 84vw;
		top: 13.3333333333vw;
		transform: translateX(-50%);
	}
}
.honormagic5pro .section-protect .iconWrapper {
	display: flex;
	justify-content: center;
	margin-top: 4.1666666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-protect .iconWrapper {
		margin-top: 8vw;
	}
}
.honormagic5pro .section-protect .icon {
	width: 7.7083333333vw;
	margin: 0 0.78125vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-protect .icon {
		width: 16.8vw;
		margin: 0 1.6vw;
	}
	.honormagic5pro .section-protect .icon img {
		transform: scale(0.95);
	}
}
.honormagic5pro .section-protect .playBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	color: #00b1ff;
}
.honormagic5pro .section-protect .playBtn img {
	width: 1.5625vw;
	margin-right: 0.5208333333vw;
}
.honormagic5pro .section-protect .icon-rhine {
	position: absolute;
	right: 4.4270833333vw;
	bottom: 3.90625vw;
	width: 6.25vw;
}
@media (max-aspect-ratio: 660/758) {
	.honormagic5pro .section-protect .icon-rhine {
		right: 12vw;
		bottom: 12vw;
		width: 21.3333333333vw;
	}
}
.honormagic5pro .section-ip68 {
	height: 300vh;
	margin-top: -100vh;
	z-index: 2;
	background: #000;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-ip68 {
		height: 250vh;
	}
	.honormagic5pro .section-ip68 .sticky-container {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		justify-content: center;
	}
}
.honormagic5pro .section-ip68 #trigger-ip68 {
	position: absolute;
	top: 50vh;
}
.honormagic5pro .section-ip68 .bgWrapper {
	height: 100%;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-ip68 .bgWrapper {
		height: auto;
		margin-top: -10.6666666667vw;
	}
}
.honormagic5pro .section-ip68 .bgWrapper picture {
	height: 100%;
}
.honormagic5pro .section-ip68 .bgWrapper img {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-ip68 .bgWrapper img {
		height: auto;
	}
}
.honormagic5pro .section-ip68 .textWrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	left: 63.5416666667vw;
	width: 30.2083333333vw;
	transform: translateY(-100%);
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-ip68 .textWrapper {
		top: 13.3333333333vw;
		left: 8vw;
		width: 84vw;
		transform: none;
		position: relative;
		top: auto;
		left: auto;
		margin: 0 auto;
	}
}
.honormagic5pro .section-cmf {
	height: 400vh;
	margin-top: -100vh;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-cmf {
		height: 350vh;
	}
}
.honormagic5pro .section-cmf #trigger-cmf {
	position: absolute;
	top: 100vh;
}
.honormagic5pro .section-cmf .cmf-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow {
	top: 0;
	height: 100vh;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .bgWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .bg {
	opacity: 0;
	transform: translateY(1%);
	transition: all 1s ease;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .bg.active {
	opacity: 1;
	transform: none;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .bg1,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .bg2,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .bg3,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .bg4,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .bg5 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 101%;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .phoneWrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10.4166666667vw;
	transform: translate(-50%, -50%);
	z-index: 3;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .phone {
	opacity: 0;
	transition: opacity 0.5s ease;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .phone.active {
	opacity: 1;
	transform: none;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .phone2,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .phone3,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .phone4,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .phone5 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .detailWrapper {
	position: absolute;
	top: 50%;
	right: 1.3020833333vw;
	transform: translateY(-50%);
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .detailWrapper > div {
	position: relative;
	width: 13.0208333333vw;
	height: 13.0208333333vw;
	margin: 0.5729166667vw 0;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .topWrapper,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .midWrapper,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .botWrapper {
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 1.1458333333vw;
	overflow: hidden;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .top {
	opacity: 0;
	transition: opacity 0.5s ease;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .top.active {
	opacity: 1;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .top2,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .top3,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .top4,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .top5 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .mid {
	opacity: 0;
	transition: opacity 0.5s ease;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .mid.active {
	opacity: 1;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .mid2,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .mid3,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .mid4,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .mid5 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .bot {
	position: relative;
	opacity: 0;
	transition: opacity 0.5s ease;
	cursor: pointer;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .bot.active {
	opacity: 1;
	z-index: 3;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .bot2,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .bot3,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .bot4,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .bot5 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .playBtn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3.6458333333vw;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .textWrapper {
	position: absolute;
	top: 50%;
	left: 18.75vw;
	width: 15.625vw;
	transform: translateY(-50%);
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .text {
	position: relative;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .text.active {
	opacity: 1;
	z-index: 4;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .text2,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .text3,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .text4,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .text5 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .buttonWrapper {
	position: absolute;
	left: 50%;
	bottom: 2.6041666667vw;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .colorBtn {
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin: 0 8px;
	font-size: 0.9375vw;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .colorBtn.active {
	width: 38px;
	height: 38px;
	padding: 6px;
	background-size: 29px 29px !important;
	background-repeat: no-repeat;
	background-position: center;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .colorBtn.active span {
	opacity: 1;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .colorBtn.start .round1 {
	animation: round 7.9s linear forwards;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .colorBtn span {
	position: absolute;
	top: -1.0416666667vw;
	left: 50%;
	transform: translate(-50%, -100%);
	white-space: nowrap;
	opacity: 0;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .colorBtn[data-color='blue'] {
	background-image: url('/content/dam/honor/common/products/honor-magic5-pro/imgs/section-cmf/cmf-btn-blue.png');
	background-size: 100% 100%;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .colorBtn[data-color='green'] {
	background-image: url('/content/dam/honor/common/products/honor-magic5-pro/imgs/section-cmf/cmf-btn-green.png');
	background-size: 100% 100%;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .colorBtn[data-color='purple'] {
	background-image: url('/content/dam/honor/common/products/honor-magic5-pro/imgs/section-cmf/cmf-btn-purple.png');
	background-size: 100% 100%;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .colorBtn[data-color='orange'] {
	background-image: url('/content/dam/honor/common/products/honor-magic5-pro/imgs/section-cmf/cmf-btn-orange.png');
	background-size: 100% 100%;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .colorBtn[data-color='black'] {
	background-image: url('/content/dam/honor/common/products/honor-magic5-pro/imgs/section-cmf/cmf-btn-black.png');
	background-size: 100% 100%;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .round1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	stroke-dasharray: 315;
	stroke-dashoffset: 315;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-pcShow .round2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0.4;
}
@keyframes round {
	0% {
		stroke-dashoffset: 315;
	}
	100% {
		stroke-dashoffset: 0;
	}
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow {
	display: flex !important;
	align-items: center;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .titleWrapper {
	position: absolute;
	top: 50%;
	left: 8vw;
	width: 84vw;
	transform: translateY(calc(-100% - 58.6666666667vw));
	text-align: center;
	z-index: 4;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .titleWrapper h3 {
	opacity: 0;
	transition: opacity 0.5s ease;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .titleWrapper h3.active {
	opacity: 1;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .titleWrapper h3:not(:first-of-type) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .colorWrapper {
	width: 100%;
	margin: 0 auto;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .colorWrapper.active {
	z-index: 3;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .colorWrapper.active .swiper-container {
	opacity: 1;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .colorWrapper.active .bg {
	opacity: 1;
	transform: none;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .swiper-container {
	height: 106.6666666667vw;
	opacity: 0;
	transition: opacity 0.1s ease;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .swiper-container-black {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .swiper-pagination {
	position: absolute;
	top: calc(50% + 53.3333333333vw);
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 5.3333333333vw;
	z-index: 5;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .swiper-pagination-bullet {
	width: 3.7333333333vw;
	height: 1.0666666667vw;
	border-radius: 0.5333333333vw;
	background: #fff;
	opacity: 0.6;
	margin: 0 0.5333333333vw;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .swiper-pagination-bullet-active {
	width: 6.6666666667vw;
	opacity: 1;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .content {
	width: 84vw;
	margin: 0 auto;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	text-align: center;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 101%;
	opacity: 0;
	transform: translateY(1%);
	transition: all 0.5s ease;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .mask {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.41) 50%);
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .mask.spec {
	position: absolute;
	top: 0%;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.41), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.41));
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .phone {
	width: 31.7333333333vw;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .top,
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .mid {
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 3.2vw;
	overflow: hidden;
	width: 65.3333333333vw;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .bot {
	width: 65.3333333333vw;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .playBtn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 24vw;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .buttonWrapper {
	position: absolute;
	bottom: 8vw;
	left: 50%;
	transform: translateX(-50%);
	padding: 2.6666666667vw 4.8vw;
	background: #fff;
	border-radius: 10.6666666667vw;
	z-index: 4;
	display: flex;
	justify-content: center;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .colorBtn {
	width: 6.4vw;
	height: 6.4vw;
	border-radius: 50%;
	border: 1px solid transparent;
	position: relative;
	margin: 0 1.0666666667vw;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .colorBtn::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 4.8vw;
	height: 4.8vw;
	border-radius: 50%;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .colorBtn[data-color='blue'].active {
	border-color: #d2e8fa;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .colorBtn[data-color='blue']::before {
	background: linear-gradient(180deg, #d2e8fa, #a2c7e3);
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .colorBtn[data-color='green'].active {
	border-color: #c8e7e1;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .colorBtn[data-color='green']::before {
	background: linear-gradient(180deg, #c8e7e1, #a6c8c2);
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .colorBtn[data-color='purple'].active {
	border-color: #f4ddfd;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .colorBtn[data-color='purple']::before {
	background: linear-gradient(180deg, #f4ddfd, #cfc3f1);
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .colorBtn[data-color='orange'].active {
	border-color: #ffcda9;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .colorBtn[data-color='orange']::before {
	background: linear-gradient(180deg, #ffcda9, #f79766);
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .colorBtn[data-color='black'].active {
	border-color: #797979;
}
.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .colorBtn[data-color='black']::before {
	background: linear-gradient(180deg, #797979, #000);
}
.honormagic5pro .section-cmf .viewMoreBtn {
	display: flex;
	align-items: center;
	color: #00b1ff;
}
@media (max-aspect-ratio: 660/758) {
	.honormagic5pro .section-cmf .viewMoreBtn {
		margin-left: auto;
		margin-right: auto;
	}
}
.honormagic5pro .section-cmf .viewMoreBtn img {
	width: 1.5625vw;
	margin-right: 0.5208333333vw;
}
@media (max-aspect-ratio: 660/758) {
	.honormagic5pro .section-cmf .viewMoreBtn img {
		width: 4vw;
		margin-right: 1.3333333333vw;
	}
}
.honormagic5pro .camera {
	margin-top: -100vh;
}
.honormagic5pro .section-camera {
	height: 950vh;
	background: #bad9d3;
	color: #000;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-camera {
		height: 650vh;
	}
}
.honormagic5pro .section-camera #trigger-camera-2 {
	position: absolute;
	top: 50vh;
}
.honormagic5pro .section-camera #trigger-camera-3 {
	position: absolute;
	top: 150vh;
}
.honormagic5pro .section-camera #trigger-camera-4 {
	position: absolute;
	top: 550vh;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-camera #trigger-camera-4 {
		top: 300vh;
	}
}
.honormagic5pro .section-camera .wrapper1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.5s ease 0.5s;
	z-index: 2;
}
.honormagic5pro .section-camera .wrapper1.active {
	opacity: 0;
	transition-delay: 0s;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity 0.5s ease;
	opacity: 0;
	z-index: 3;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active1 {
	transform: none;
	opacity: 1;
	transition-delay: 0.5s;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active2 .mainTitle {
	transform: translateY(calc(-50vh - 10.4166666667vw));
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active2 .phoneWrapper {
	transform: translateY(-31.25vw) scale(0.71);
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active3 .phoneWrapper {
	transform: translateY(-19.2708333333vw) rotate(120deg);
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active3 .phoneWrapper .text {
	opacity: 0;
	transition-delay: 0s;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active3 .phoneWrapper .text1 {
	opacity: 1;
	transition-delay: 1s;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active4 .phoneWrapper {
	transform: translateY(-19.2708333333vw) rotate(240deg);
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active4 .phoneWrapper .text {
	opacity: 0;
	transition-delay: 0s;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active4 .phoneWrapper .text2 {
	opacity: 1;
	transition-delay: 1s;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active5 .phoneWrapper {
	transform: translateY(-7.8125vw) rotate(360deg);
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active5 .phoneWrapper .text {
	opacity: 0;
	transition-delay: 0s;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active5 .phoneWrapper .text3 {
	opacity: 1;
	transition-delay: 1s;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active6 .phoneWrapper {
	transform: translate(26.0416666667vw, -22.9166666667vw) rotate(270deg);
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active6 .phoneWrapper .text {
	opacity: 0;
	transition-delay: 0s;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active6 .phoneWrapper .text4 {
	opacity: 1;
	transition-delay: 1s;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active7 .phoneWrapper {
	transform: translateY(-52.0833333333vw) rotate(360deg);
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active7 .phoneWrapper .text {
	opacity: 0;
	transition-delay: 0s;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active7 .phoneWrapper .text5 {
	opacity: 1;
	transition-delay: 1s;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active8 {
	transition: none;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active8 .phoneWrapper .text {
	opacity: 0;
	transition-delay: 0s;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow.active8 .rightWrapper {
	opacity: 0;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper {
	position: absolute;
	top: 50%;
	left: 13.5416666667vw;
	width: 72.9166666667vw;
	transform-origin: 50% 25%;
	transform: translateY(50vh);
	transition: transform 1s ease;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text {
	position: absolute;
	width: 52.0833333333vw;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text p {
	line-height: 1.667;
	min-width: 15.625vw;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text1 {
	top: 38.0208333333vw;
	left: 13.3854166667vw;
	transform: rotate(-120deg);
	display: flex;
	justify-content: flex-end;
	width: 0;
	height: 18.8020833333vw;
	border-left: 0.0520833333vw solid #707070;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text1 > div {
	position: absolute;
	top: 0;
	left: -2.0833333333vw;
	transform: translateX(-100%);
	display: flex;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text1 h3 {
	min-width: 15.625vw;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text1 p {
	margin-left: 1.5625vw;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text2 {
	top: 38.125vw;
	right: 13.0208333333vw;
	transform: rotate(-240deg);
	display: flex;
	width: 0;
	height: 18.2291666667vw;
	border-left: 0.0520833333vw solid #707070;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text2 > div {
	position: absolute;
	top: 0;
	right: -2.0833333333vw;
	transform: translateX(100%);
	display: flex;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text2 h3 {
	min-width: 8.8541666667vw;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text2 p {
	margin-left: 1.5625vw;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text3 {
	top: -12.1875vw;
	left: calc(50% + 0.2604166667vw);
	display: flex;
	width: 0;
	height: 26.4583333333vw;
	border-left: 0.0520833333vw solid #707070;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text3 > div {
	position: absolute;
	top: 0;
	right: -2.0833333333vw;
	transform: translateX(100%);
	display: flex;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text3 h3 {
	min-width: 8.8541666667vw;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text3 p {
	margin-left: 1.5625vw;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text4 {
	top: -2.6041666667vw;
	left: 27.1875vw;
	transform: rotate(90deg);
	width: 41.6666666667vw;
	height: 0;
	border-top: 0.0520833333vw solid #707070;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text4 > div {
	position: absolute;
	top: 2.0833333333vw;
	left: 0;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text5 {
	top: 50.7291666667vw;
	left: calc(50% + -0.9375vw);
	width: 0;
	height: 16.8229166667vw;
	border-left: 0.0520833333vw solid #707070;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .phoneWrapper .text5 > div {
	position: absolute;
	bottom: 0;
	left: 2.0833333333vw;
	width: 26.0416666667vw;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .rightWrapper {
	position: absolute;
	top: 50%;
	right: 4.1666666667vw;
	transform: translateY(-50%);
	width: 6.40625vw;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .rightWrapper.active1 .right1 {
	opacity: 1;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .rightWrapper.active2 .right2 {
	opacity: 1;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .rightWrapper.active3 .right3 {
	opacity: 1;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .rightWrapper.active4 .right4 {
	opacity: 1;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .rightWrapper.active5 .right5 {
	opacity: 1;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .right {
	opacity: 0;
	transition: opacity 0.5s ease;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .right2,
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .right3,
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .right4,
.honormagic5pro .section-camera .wrapper2.honormagic5pro-pcShow .right5 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.5s ease;
	opacity: 0;
	z-index: 3;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow.active1 {
	transform: none;
	opacity: 1;
	transition: opacity 0.5s ease 0.5s, transform 0.5s ease;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow.active1 .text1 {
	opacity: 1;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow.active2 .text1 {
	opacity: 0;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow.active2 .text2 {
	opacity: 1;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow.active3 .text1 {
	opacity: 0;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow.active3 .text3 {
	opacity: 1;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow.active4 .text1 {
	opacity: 0;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow.active4 .text4 {
	opacity: 1;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow.active8 {
	transition: none;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow .textWrapper {
	position: relative;
	height: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow .text {
	opacity: 0;
	transition: opacity 0.3s ease;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow .text2,
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow .text3,
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow .text4,
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow .text5 {
	position: absolute;
	top: 50%;
	left: 8vw;
	transform: translateY(-50%);
	width: 84vw;
	text-align: left;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow .text2 h3,
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow .text3 h3,
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow .text4 h3,
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow .text5 h3 {
	margin-bottom: 1.3333333333vw;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow .mainTitle {
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	width: 80%;
	margin: 0 auto;
}
.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow .phoneWrapper {
	height: 50%;
	width: 85.3333333333vw;
	margin: 0 auto;
}
.honormagic5pro .section-camera .wrapper3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.honormagic5pro .section-camera .wrapper3 .photoWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.honormagic5pro .section-camera .wrapper3 .photo {
	position: absolute;
	top: 50%;
}
.honormagic5pro .section-camera .wrapper3 .photo1 {
	left: -9.8958333333vw;
	transform: translateY(-19.7916666667vw);
	width: 16.6666666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-camera .wrapper3 .photo1 {
		left: 80vw;
		transform: translateY(26.6666666667vw);
		width: 21.0666666667vw;
	}
}
.honormagic5pro .section-camera .wrapper3 .photo2 {
	left: 16.6666666667vw;
	transform: translateY(-25.5208333333vw);
	width: 20.3125vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-camera .wrapper3 .photo2 {
		left: -12vw;
		transform: translateY(-66.6666666667vw);
		width: 35.7333333333vw;
	}
}
.honormagic5pro .section-camera .wrapper3 .photo3 {
	left: 35.7552083333vw;
	transform: translateY(-50%);
	width: 28.4895833333vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-camera .wrapper3 .photo3 {
		left: 15.3333333333vw;
		width: 69.3333333333vw;
	}
}
.honormagic5pro .section-camera .wrapper3 .photo4 {
	left: 68.59375vw;
	transform: translateY(-20.0520833333vw);
	width: 21.9791666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-camera .wrapper3 .photo4 {
		left: 62.9333333333vw;
		transform: translateY(-61.3333333333vw);
		width: 51.4666666667vw;
	}
}
.honormagic5pro .section-camera .wrapper3 .photo5 {
	left: 90.3645833333vw;
	transform: translateY(-1.5625vw);
	width: 15.1041666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-camera .wrapper3 .photo5 {
		display: none;
	}
}
.honormagic5pro .section-camera .wrapper3 .photo6 {
	left: 6.5104166667vw;
	transform: translateY(6.7708333333vw);
	width: 25.7291666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-camera .wrapper3 .photo6 {
		left: 0;
		transform: translateY(45.3333333333vw);
		width: 54.9333333333vw;
	}
}
.honormagic5pro .section-camera .wrapper3 .textWrapper {
	position: absolute;
	top: 50%;
	left: 13.5416666667vw;
	width: 72.9166666667vw;
	transform: translateY(-50%);
	text-align: center;
}
.honormagic5pro .section-camera .wrapper3 .textWrapper .section-desc20 {
	margin-top: 1.0416666667vw;
}
.honormagic5pro .section-camera .bgWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.honormagic5pro .section-camera .mainTitle {
	position: absolute;
	top: 50%;
	left: 10%;
	width: 80%;
	transform: translateY(-50%);
	text-align: center;
	transition: all 1s ease;
}
.honormagic5pro .section-shot {
	height: 500vh;
	margin-top: -100vh;
	z-index: 3;
	background: #000;
	color: #fff;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-shot {
		height: 350vh;
	}
}
.honormagic5pro .section-shot #trigger-shot-2 {
	position: absolute;
	top: 50vh;
}
.honormagic5pro .section-shot #trigger-shot-3 {
	position: absolute;
	top: 150vh;
}
.honormagic5pro .section-shot #trigger-shot-4 {
	position: absolute;
	top: 350vh;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-shot #trigger-shot-4 {
		top: auto;
		bottom: 0;
	}
}
.honormagic5pro .section-shot #trigger-shot-5 {
	position: absolute;
	top: 140vh;
}
.honormagic5pro .section-shot .skiing-wrapper {
	height: 100%;
}
.honormagic5pro .section-shot .skiing-wrapper.active1 .bgWrapper {
	opacity: 1 !important;
	transition-delay: 1s;
}
.honormagic5pro .section-shot .skiing-wrapper.active1 .photoWrapper {
	transform: translateX(100%) !important;
}
.honormagic5pro .section-shot .skiing-wrapper.active1 .photoWrapper .border {
	opacity: 0 !important;
	transition-delay: 0s;
}
.honormagic5pro .section-shot .skiing-wrapper.active1 .textWrapper,
.honormagic5pro .section-shot .skiing-wrapper.active1 .honormagic5pro-note {
	opacity: 0 !important;
	transition-delay: 0s;
}
.honormagic5pro .section-shot .skiing-wrapper.active2 .photoWrapper {
	transition: none !important;
}
.honormagic5pro .section-shot .skiing-wrapper.active2 .photoWrapper .border {
	transition: none !important;
}
.honormagic5pro .section-shot .skiing-wrapper.active2 .textWrapper,
.honormagic5pro .section-shot .skiing-wrapper.active2 .honormagic5pro-note {
	transition: none !important;
}
.honormagic5pro .section-shot .skiing-wrapper .bgWrapper {
	height: 100%;
	opacity: 0;
	transition: opacity 0.5s ease;
}
.honormagic5pro .section-shot .skiing-wrapper .wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
}
.honormagic5pro .section-shot .skiing-wrapper .textWrapper {
	width: 62.5vw;
	transition: opacity 0.5s ease 1.5s;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-shot .skiing-wrapper .textWrapper {
		width: 84vw;
	}
}
.honormagic5pro .section-shot .skiing-wrapper .photoWrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: -moz-max-content;
	width: max-content;
	height: 30.0520833333vw;
	margin-top: 3.125vw;
	transition: transform 1s cubic-bezier(0.05, 0.56, 0.15, 0.92) 0.4s;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-shot .skiing-wrapper .photoWrapper {
		height: 74.6666666667vw;
		margin-top: 10.6666666667vw;
	}
}
.honormagic5pro .section-shot .skiing-wrapper .photoWrapper > div {
	height: 100%;
}
.honormagic5pro .section-shot .skiing-wrapper .photoWrapper img {
	height: 100%;
	width: auto;
}
.honormagic5pro .section-shot .skiing-wrapper .photoWrapper .mid {
	position: relative;
	margin: 0 1.5625vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-shot .skiing-wrapper .photoWrapper .mid {
		margin: 0 4vw;
	}
}
.honormagic5pro .section-shot .skiing-wrapper .photoWrapper .desktop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.honormagic5pro .section-shot .skiing-wrapper .photoWrapper .border {
	position: relative;
	transition: opacity 0.5s ease 1.5s;
}
.honormagic5pro .section-shot .skiing-wrapper .honormagic5pro-note {
	text-align: right;
	width: 100%;
	padding-right: 2.34375vw;
	margin-top: 1.0416666667vw;
	transition: opacity 0.5s ease 1.5s;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-shot .skiing-wrapper .honormagic5pro-note {
		margin-top: 2.6666666667vw;
		margin-right: 2.6666666667vw;
	}
}
.honormagic5pro .section-shot .aperture-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-shot .aperture-wrapper {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}
}
.honormagic5pro .section-shot .aperture-wrapper .textWrapper {
	position: absolute;
	top: 50%;
	left: 58.8541666667vw;
	width: 29.6875vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-shot .aperture-wrapper .textWrapper {
		width: 84vw;
		text-align: center;
		margin-bottom: 13.3333333333vw;
		position: relative;
		top: auto;
		left: auto;
		z-index: 2;
	}
}
.honormagic5pro .section-shot .aperture-wrapper .honormagic5pro-note {
	position: absolute;
	bottom: 1.8229166667vw;
	right: 2.34375vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-shot .aperture-wrapper .honormagic5pro-note {
		right: 2.6666666667vw;
		bottom: 8vw;
	}
}
.honormagic5pro .section-shot .aperture-wrapper .bgWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-shot .aperture-wrapper .bgWrapper {
		position: relative;
		top: auto;
		left: auto;
		height: auto;
	}
}
.honormagic5pro .section-night {
	height: 150vh;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-night {
		margin-top: -100vh;
		height: 270vh;
	}
	.honormagic5pro .section-night #trigger-night {
		position: absolute;
		top: 100vh;
	}
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-pcShow {
	display: flex;
	align-items: center;
	justify-content: center;
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-pcShow .leftWrapper .bgWrapper {
	width: 44.765625vw;
	height: 31.921875vw;
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-pcShow .leftWrapper .textWrapper {
	width: 23.4375vw;
	margin-top: 2.34375vw;
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-pcShow .rightWrapper {
	width: 33.421875vw;
	margin-left: -10.640625vw;
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-pcShow .rightWrapper .textWrapper {
	padding-left: 16.40625vw;
	margin-bottom: 2.34375vw;
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow {
	display: flex;
	align-items: center;
	justify-content: center;
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow > div {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-35%);
	transition: transform 1s ease;
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow > div.active {
	transform: translateY(-65%);
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow > div.active .textWrapper.wrapper1 {
	opacity: 0;
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow > div.active .textWrapper.wrapper2 {
	opacity: 1;
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow > div.active .bg1 {
	opacity: 0.3;
	transform: scale(0.79);
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow > div.active .bg2 {
	opacity: 1;
	z-index: 2;
	transform: scale(1.26);
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow .textWrapper {
	transition: opacity 1s ease;
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow .textWrapper.wrapper1 {
	width: 84vw;
	margin: 10.6666666667vw auto 0;
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow .textWrapper.wrapper2 {
	width: 84vw;
	margin: 0 auto;
	opacity: 0;
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow .bgWrapper {
	position: relative;
	width: 84vw;
	margin: 10.6666666667vw auto;
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow .bg {
	transition: all 1s ease;
	position: relative;
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow .bg1 {
	width: 69.3333333333vw;
	z-index: 2;
	transform-origin: 0% 0%;
}
.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow .bg2 {
	width: 54.9333333333vw;
	margin-top: -20vw;
	margin-left: 29.0666666667vw;
	opacity: 0.3;
	transform-origin: 100% 100%;
}
.honormagic5pro .section-portrait {
	height: 150vh;
	margin-top: 10.4166666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-portrait {
		margin-top: 26.6666666667vw;
		height: 190vh;
	}
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-pcShow {
	display: flex;
	align-items: center;
	justify-content: center;
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-pcShow .leftWrapper {
	width: 19.40625vw;
	transform: translateY(-7.8125vw);
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-pcShow .midWrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-left: -2.34375vw;
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-pcShow .midWrapper .bgWrapper {
	width: 42.890625vw;
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-pcShow .midWrapper .textWrapper {
	width: 32.8125vw;
	margin-bottom: 3.125vw;
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-pcShow .rightWrapper {
	width: 19.40625vw;
	margin-left: -11.25vw;
	transform: translateY(-13.0208333333vw);
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow {
	display: flex !important;
	justify-content: center;
	flex-direction: column;
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .bgWrapper {
	position: relative;
	width: 100%;
	height: 106.6666666667vw;
	overflow: hidden;
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .bgWrapper.active1 .bg1 {
	transform: scale(0.57);
	opacity: 0.3;
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .bgWrapper.active1 .bg2 {
	transform: scale(1.73);
	opacity: 1;
	z-index: 2;
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .bgWrapper.active2 .bg1 {
	transform: scale(0.57) translateX(-84.2105263158vw);
	opacity: 0.3;
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .bgWrapper.active2 .bg2 {
	transform: translateX(-44vw);
	opacity: 0.3;
	z-index: 2;
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .bgWrapper.active2 .bg3 {
	right: 8vw;
	width: 40vw;
	transform: scale(1.73);
	opacity: 1;
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .bg {
	position: absolute;
	transition: transform 1s ease, opacity 0.5s ease;
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .bg1 {
	top: 0;
	left: 8vw;
	width: 69.3333333333vw;
	transform-origin: 0 0;
	z-index: 2;
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .bg2 {
	bottom: 0;
	right: 8vw;
	width: 40vw;
	transform-origin: 100% 100%;
	opacity: 0.3;
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .bg3 {
	top: 0;
	right: 8vw;
	width: 40vw;
	transform: translateX(calc(100% + 8vw));
	transform-origin: 100% 0%;
	z-index: 3;
	opacity: 0.3;
}
.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .textWrapper {
	width: 84vw;
	margin: 10.6666666667vw auto 0;
}
.honormagic5pro .section-ability {
	height: 350vh;
	z-index: 2;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-ability {
		height: auto;
		margin-top: 26.6666666667vw;
		background: #000;
		z-index: 4;
		overflow: hidden;
	}
}
.honormagic5pro .section-ability #trigger-ability-2 {
	position: absolute;
	top: 50vh;
}
.honormagic5pro .section-ability .sticky-container {
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.honormagic5pro .section-ability .sticky-container .bgWrapper {
	position: relative;
	width: 67.5vw;
	height: 32.8125vw;
	margin: 0 auto;
	overflow: hidden;
	-webkit-clip-path: inset(0 1px);
	clip-path: inset(0 1px);
}
.honormagic5pro .section-ability .sticky-container .bgWrapper.active1 .bg2,
.honormagic5pro .section-ability .sticky-container .bgWrapper.active1 .bg3 {
	transform: translateX(100%);
}
.honormagic5pro .section-ability .sticky-container .bgWrapper.active2 .bg1 {
	transform: translateX(-100%);
}
.honormagic5pro .section-ability .sticky-container .bgWrapper.active2 .bg3 {
	transform: translateX(100%);
}
.honormagic5pro .section-ability .sticky-container .bgWrapper.active3 .bg1,
.honormagic5pro .section-ability .sticky-container .bgWrapper.active3 .bg2 {
	transform: translateX(-100%);
}
.honormagic5pro .section-ability .sticky-container .bg {
	height: 100%;
	transition: transform 1s ease;
}
.honormagic5pro .section-ability .sticky-container .bg2,
.honormagic5pro .section-ability .sticky-container .bg3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.honormagic5pro .section-ability .sticky-container .bg3.active2 .detail2 {
	opacity: 1;
}
.honormagic5pro .section-ability .sticky-container .bg3.active3 .detail3 {
	opacity: 1;
}
.honormagic5pro .section-ability .sticky-container .bg3.active4 .detail4 {
	opacity: 1;
}
.honormagic5pro .section-ability .sticky-container .detail {
	transition: opacity 0.5s ease;
	height: 100%;
}
.honormagic5pro .section-ability .sticky-container .detail2,
.honormagic5pro .section-ability .sticky-container .detail3,
.honormagic5pro .section-ability .sticky-container .detail4 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
}
.honormagic5pro .section-ability .sticky-container .textWrapper {
	position: relative;
	width: 67.5vw;
	margin: 1.5625vw auto 0;
}
.honormagic5pro .section-ability .sticky-container .textWrapper.active1 .text1 {
	opacity: 1;
}
.honormagic5pro .section-ability .sticky-container .textWrapper.active2 .text2 {
	opacity: 1;
}
.honormagic5pro .section-ability .sticky-container .textWrapper.active3 .text3 {
	opacity: 1;
}
.honormagic5pro .section-ability .sticky-container .text {
	opacity: 0;
	transition: opacity 1s ease;
}
.honormagic5pro .section-ability .sticky-container .text2,
.honormagic5pro .section-ability .sticky-container .text3 {
	position: absolute;
	top: 0;
	left: 0;
}
.honormagic5pro .section-ability .sticky-container .text3 {
	display: flex;
}
.honormagic5pro .section-ability .sticky-container .text3 h2 {
	max-width: 28.1770833333vw;
}
.honormagic5pro .section-ability .sticky-container .text3 p {
	margin-top: 0;
	margin-left: 2.34375vw;
	width: 36.9791666667vw;
}
.honormagic5pro .section-ability .container .bg {
	position: relative;
	overflow: hidden;
}
.honormagic5pro .section-ability .container .bg3.active2 .detail2 {
	opacity: 1;
}
.honormagic5pro .section-ability .container .bg3.active3 .detail3 {
	opacity: 1;
}
.honormagic5pro .section-ability .container .bg3.active4 .detail4 {
	opacity: 1;
}
.honormagic5pro .section-ability .container .detail {
	transition: opacity 0.5s ease;
}
.honormagic5pro .section-ability .container .detail2,
.honormagic5pro .section-ability .container .detail3,
.honormagic5pro .section-ability .container .detail4 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
}
.honormagic5pro .section-ability .container .text {
	padding: 13.3333333333vw 8vw 18.6666666667vw;
}
.honormagic5pro .section-ability .buttonWrapper {
	position: absolute;
	bottom: 2.6041666667vw;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	font-size: 0;
	padding: 3.125vw 1.8229166667vw 1.5625vw;
	-webkit-backdrop-filter: saturate(180%) blur(5px);
	backdrop-filter: saturate(180%) blur(5px);
	background-color: rgba(172, 172, 172, 0.2);
	border-radius: 0.3125vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-ability .buttonWrapper {
		padding: 14.6666666667vw 8vw 6.6666666667vw;
		bottom: 5.3333333333vw;
		transform: translateX(-50%) scale(0.75);
		border-radius: 1.6vw;
	}
}
.honormagic5pro .section-ability .zoomBtn {
	position: relative;
	margin-right: 0.3645833333vw;
	line-height: 1;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-ability .zoomBtn {
		margin-right: 1.8666666667vw;
	}
}
.honormagic5pro .section-ability .zoomBtn::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: -1.0416666667vw;
	width: 2.0833333333vw;
	height: 2.0833333333vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-ability .zoomBtn::before {
		left: -5.3333333333vw;
		width: 10.6666666667vw;
		height: 10.6666666667vw;
	}
}
.honormagic5pro .section-ability .zoomBtn .desc {
	font-family: 'HONOR Sans World Medium';
	display: block;
	position: absolute;
	top: calc(-100% - 0.8333333333vw);
	left: 50%;
	transform: translateX(-50%);
	opacity: 0.7;
	font-size: 1.0416666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-ability .zoomBtn .desc {
		top: calc(-100% - 4.2666666667vw);
		font-size: 5.3333333333vw;
	}
}
.honormagic5pro .section-ability .zoomBtn .line {
	display: inline-block;
	width: 2px;
	height: 1.1458333333vw;
	background: #fff;
	transition: transform 0.5s ease;
	transform-origin: 50% 0;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-ability .zoomBtn .line {
		height: 5.8666666667vw;
	}
}
.honormagic5pro .section-ability .zoomBtn.active .desc {
	color: #e6b658;
	opacity: 1;
}
.honormagic5pro .section-ability .zoomBtn.active .line {
	background: #e6b658;
	transform: scaleY(1.6);
}
.honormagic5pro .section-ability .lineWrapper {
	display: flex;
}
.honormagic5pro .section-ability .lineWrapper span {
	display: inline-block;
	width: 2px;
	height: 1.1458333333vw;
	background: #fff;
	opacity: 0.3;
	margin-right: 0.3645833333vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-ability .lineWrapper span {
		height: 5.8666666667vw;
		margin-right: 1.8666666667vw;
	}
}
.honormagic5pro .section-frontCamera {
	height: 460vh;
	margin-top: -100vh;
	z-index: 3;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-frontCamera {
		height: 350vh;
	}
}
.honormagic5pro .section-frontCamera #trigger-frontCamera-1 {
	position: absolute;
	top: 100vh;
}
.honormagic5pro .section-frontCamera #trigger-frontCamera-2 {
	position: absolute;
	top: 100vh;
}
.honormagic5pro .section-frontCamera #trigger-frontCamera-3 {
	position: absolute;
	top: 230vh;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-frontCamera #trigger-frontCamera-3 {
		top: 190vh;
	}
}
.honormagic5pro .section-frontCamera #trigger-frontCamera-4 {
	position: absolute;
	top: 330vh;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-frontCamera #trigger-frontCamera-4 {
		top: 230vh;
	}
}
.honormagic5pro .section-frontCamera #trigger-frontCamera-5 {
	position: absolute;
	bottom: 50vh;
}
@media (max-aspect-ratio: 660/758) {
	.honormagic5pro .section-frontCamera #trigger-frontCamera-5 {
		bottom: 10vh;
	}
}
.honormagic5pro .section-frontCamera .sticky-container {
	top: 0;
	height: 100vh;
}
.honormagic5pro .section-frontCamera .bgWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #bad9d3;
}
.honormagic5pro .section-frontCamera .wrapper1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #000;
}
.honormagic5pro .section-frontCamera .wrapper1 .phoneWrapper {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 72.9166666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-frontCamera .wrapper1 .phoneWrapper {
		width: 126.6666666667vw;
	}
}
.honormagic5pro .section-frontCamera .wrapper1 h2.honormagic5pro-pcShow {
	position: absolute;
	top: 0;
	left: -21.3541666667vw;
	width: 20.8333333333vw;
	transform: translateY(-80%);
}
.honormagic5pro .section-frontCamera .wrapper1 .textWrapper {
	position: absolute;
	left: -21.3541666667vw;
}
.honormagic5pro .section-frontCamera .wrapper1 .textWrapper h3 {
	display: inline-block;
	background: #bad9d3;
	padding-right: 1.0416666667vw;
	white-space: nowrap;
}
.honormagic5pro .section-frontCamera .wrapper1 .textWrapper > div {
	position: absolute;
	left: 0;
	width: 19.7916666667vw;
}
.honormagic5pro .section-frontCamera .wrapper1 .textWrapper1 {
	top: 7.03125vw;
	width: 31.7708333333vw;
	height: 0;
	border-top: 0.0520833333vw solid #707070;
}
.honormagic5pro .section-frontCamera .wrapper1 .textWrapper1 > div {
	top: -1.0416666667vw;
}
.honormagic5pro .section-frontCamera .wrapper1 .textWrapper2 {
	top: 8.1770833333vw;
	width: 42.5520833333vw;
	height: 8.3333333333vw;
	border-bottom: 0.0520833333vw solid #707070;
	border-right: 0.0520833333vw solid #707070;
}
.honormagic5pro .section-frontCamera .wrapper1 .textWrapper2 > div {
	bottom: 1.0416666667vw;
	transform: translateY(100%);
}
.honormagic5pro .section-frontCamera .wrapper1 .text1 {
	position: absolute;
	top: 50%;
	left: 8vw;
	width: 84vw;
	min-height: 53.3333333333vw;
	transform: translateY(calc(-100% - 13.3333333333vw));
}
.honormagic5pro .section-frontCamera .wrapper1 .text2 {
	position: absolute;
	top: 50%;
	left: 8vw;
	width: 84vw;
	min-height: 53.3333333333vw;
	transform: translateY(calc(-100% - 13.3333333333vw));
	display: flex !important;
	justify-content: space-between;
}
.honormagic5pro .section-frontCamera .wrapper1 .text2 > div {
	width: 45%;
}
.honormagic5pro .section-frontCamera .wrapper2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}
.honormagic5pro .section-frontCamera .wrapper2 .textWrapper {
	width: 72.9166666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-frontCamera .wrapper2 .textWrapper {
		width: 84vw;
		text-align: left;
	}
}
.honormagic5pro .section-frontCamera .wrapper2 .photoWrapper {
	display: flex;
	width: -moz-max-content;
	width: max-content;
	height: 31.921875vw;
	margin-top: 2.8645833333vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-frontCamera .wrapper2 .photoWrapper {
		margin-top: 8vw;
		height: 79.52vw;
	}
}
.honormagic5pro .section-frontCamera .wrapper2 .photo1 {
	width: 21.984375vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-frontCamera .wrapper2 .photo1 {
		width: 43.68vw;
	}
}
.honormagic5pro .section-frontCamera .wrapper2 .photo2 {
	width: 44.8125vw;
	margin: 0 0.8333333333vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-frontCamera .wrapper2 .photo2 {
		width: 52.8vw;
		margin: 0 4vw;
	}
}
.honormagic5pro .section-frontCamera .wrapper2 .photo3 {
	width: 21.984375vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-frontCamera .wrapper2 .photo3 {
		width: 43.68vw;
	}
}
.honormagic5pro .section-magiclog {
	margin-top: -60vh;
	margin-bottom: 10.4166666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magiclog {
		margin-top: 0;
		margin-bottom: 26.6666666667vw;
	}
	.honormagic5pro .section-magiclog h2 {
		order: 1;
		width: 84vw;
	}
	.honormagic5pro .section-magiclog p {
		order: 3;
		width: 84vw;
	}
}
.honormagic5pro .section-magiclog .sticky-container {
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}
.honormagic5pro .section-magiclog .phoneWrapper {
	margin-top: 2.8645833333vw;
	position: relative;
	width: 65.625vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magiclog .phoneWrapper {
		order: 2;
		width: 93.3333333333vw;
		margin: 10.6666666667vw 0;
	}
}
.honormagic5pro .section-magiclog .desktop {
	position: absolute;
	top: 2%;
	left: 1%;
	width: 98%;
	height: 96%;
	border-radius: 4.1666666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magiclog .desktop {
		border-radius: 8vw;
	}
}
.honormagic5pro .section-magiclog .border {
	position: relative;
}
.honormagic5pro .section-performance {
	margin-top: -150vh;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-performance {
		margin-top: 0;
	}
}
.honormagic5pro .section-performance #trigger-performance {
	position: absolute;
	top: 100vh;
}
.honormagic5pro .section-performance .wrapper1 {
	position: relative;
	z-index: 2;
	height: 150vh;
	background: #000;
}
.honormagic5pro .section-performance .wrapper1 .bg {
	height: 100%;
	opacity: 0.7;
}
.honormagic5pro .section-performance .wrapper1 .mainTitle {
	position: absolute;
	top: 50%;
	left: 10%;
	width: 80%;
	transform: translateY(-50%);
	text-align: center;
}
.honormagic5pro .section-performance .wrapper2AndWrapper3 {
	margin-top: -150vh;
	height: 450vh;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-performance .wrapper2AndWrapper3 {
		height: 400vh;
	}
}
.honormagic5pro .section-performance .wrapper2AndWrapper3 .bg {
	height: 100%;
}
.honormagic5pro .section-performance .wrapper2AndWrapper3 .wrapper2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.honormagic5pro .section-performance .wrapper2AndWrapper3 .wrapper2 .textWrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-performance .wrapper2AndWrapper3 .wrapper2 .textWrapper {
		width: 84vw;
	}
}
.honormagic5pro .section-performance .wrapper2AndWrapper3 .wrapper2 .iconWrapper {
	display: flex;
	justify-content: space-between;
	width: 54.6875vw;
	margin: 4.1666666667vw auto 0;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-performance .wrapper2AndWrapper3 .wrapper2 .iconWrapper {
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 17.3333333333vw;
	}
}
.honormagic5pro .section-performance .wrapper2AndWrapper3 .wrapper2 .iconWrapper .icon {
	width: 11.875vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-performance .wrapper2AndWrapper3 .wrapper2 .iconWrapper .icon {
		width: 29.0666666667vw;
		margin: 1.6vw;
	}
}
.honormagic5pro .section-performance .wrapper2AndWrapper3 .wrapper3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-performance .wrapper2AndWrapper3 .wrapper3 {
		flex-direction: column-reverse;
	}
	.honormagic5pro .section-performance .wrapper2AndWrapper3 .wrapper3 .bg {
		height: auto;
		margin-top: -10.6666666667vw;
	}
}
.honormagic5pro .section-performance .wrapper2AndWrapper3 .wrapper3 .textWrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-34.8958333333vw, -100%);
	width: 27.0833333333vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-performance .wrapper2AndWrapper3 .wrapper3 .textWrapper {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		width: 84vw;
		text-align: center;
	}
}
.honormagic5pro .section-3in1 {
	height: 220vh;
	margin: 10.4166666667vw 0;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-3in1 {
		height: auto;
		margin: 26.6666666667vw 0;
	}
}
.honormagic5pro .section-3in1 .sticky-container {
	display: flex;
	align-items: center;
	justify-content: center;
}
.honormagic5pro .section-3in1 .sticky-container .wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #16171a;
	border-radius: 0.5208333333vw;
	overflow: hidden;
	transform: rotate(0);
}
.honormagic5pro .section-3in1 .sticky-container .bgWrapper {
	position: relative;
	width: 56.25vw;
	height: 41.7708333333vw;
	overflow: hidden;
}
.honormagic5pro .section-3in1 .sticky-container .bgWrapper.active1 .bg2,
.honormagic5pro .section-3in1 .sticky-container .bgWrapper.active1 .bg3 {
	transform: translateX(100%);
}
.honormagic5pro .section-3in1 .sticky-container .bgWrapper.active2 .bg1 {
	transform: translateX(-100%);
}
.honormagic5pro .section-3in1 .sticky-container .bgWrapper.active2 .bg3 {
	transform: translateX(100%);
}
.honormagic5pro .section-3in1 .sticky-container .bgWrapper.active3 .bg1,
.honormagic5pro .section-3in1 .sticky-container .bgWrapper.active3 .bg2 {
	transform: translateX(-100%);
}
.honormagic5pro .section-3in1 .sticky-container .bg {
	transition: transform 1s ease;
}
.honormagic5pro .section-3in1 .sticky-container .bg2,
.honormagic5pro .section-3in1 .sticky-container .bg3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.honormagic5pro .section-3in1 .sticky-container .textWrapper {
	position: relative;
	width: 18.75vw;
}
.honormagic5pro .section-3in1 .sticky-container .textWrapper p {
	color: #d0d0d0;
}
.honormagic5pro .section-3in1 .sticky-container .text {
	opacity: 0;
	transition: opacity 1s ease;
	padding: 0 1.0416666667vw;
}
.honormagic5pro .section-3in1 .sticky-container .text.active {
	opacity: 1;
}
.honormagic5pro .section-3in1 .sticky-container .text .ph {
	display: block;
	height: 0.5208333333vw;
}
.honormagic5pro .section-3in1 .sticky-container .text2,
.honormagic5pro .section-3in1 .sticky-container .text3 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}
.honormagic5pro .section-3in1 .container {
	width: 84vw;
	margin: 0 auto;
}
.honormagic5pro .section-3in1 .container .wrapper {
	background: #16171a;
	margin-bottom: 10.6666666667vw;
}
.honormagic5pro .section-3in1 .container .text {
	padding: 9.3333333333vw 6.6666666667vw;
	text-align: center;
}
.honormagic5pro .section-3in1 .container .ph {
	display: block;
	height: 2.1333333333vw;
}
.honormagic5pro .section-2in1 {
	margin-top: 10.4166666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-2in1 {
		height: 170vh;
		margin-top: 0;
	}
}
.honormagic5pro .section-2in1 .sticky-container {
	height: auto;
	position: relative;
	top: auto;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-2in1 .sticky-container {
		height: calc(100vh - 52px);
		position: sticky;
		top: 52px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}
.honormagic5pro .section-2in1 .detailWrapper {
	display: flex;
	justify-content: center;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-2in1 .detailWrapper {
		width: -moz-max-content;
		width: max-content;
		margin-left: 8vw;
	}
}
.honormagic5pro .section-2in1 .detail {
	width: 37.1354166667vw;
	margin: 0 0.4166666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-2in1 .detail {
		width: 72.5333333333vw;
		margin: 0;
	}
	.honormagic5pro .section-2in1 .detail.detail2 {
		margin-left: 3.2vw;
	}
}
.honormagic5pro .section-2in1 .text {
	padding: 3.6458333333vw 2.6041666667vw;
	background: #16171a;
	text-align: center;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-2in1 .text {
		padding: 8vw 7.4666666667vw;
	}
}
.honormagic5pro .section-2in1 .honormagic5pro-note {
	width: 75vw;
	margin: 1.0416666667vw auto 0;
	text-align: right;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-2in1 .honormagic5pro-note {
		text-align: center;
		width: 100%;
		margin-top: 5.3333333333vw;
	}
}
.honormagic5pro .section-battery {
	height: 250vh;
	margin-top: 5.2083333333vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-battery {
		height: 140vh;
		margin-top: 0;
	}
}
.honormagic5pro .section-battery .sticky-container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.honormagic5pro .section-battery .bgWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.honormagic5pro .section-battery .phoneWrapper {
	position: relative;
	width: 74.7395833333vw;
	margin-top: 4.1666666667vw;
}
.honormagic5pro .section-battery .topWrapper {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 62.5vw;
}
.honormagic5pro .section-battery .textWrapper {
	width: 62.5vw;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-battery .textWrapper {
		display: block;
		width: 84vw;
	}
}
.honormagic5pro .section-battery .textWrapper h2 {
	width: 31.25vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-battery .textWrapper h2 {
		width: 100%;
	}
}
.honormagic5pro .section-battery .textWrapper p {
	width: 26.0416666667vw;
	margin-top: 0;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-battery .textWrapper p {
		width: 100%;
		margin-top: 2.6666666667vw;
	}
}
.honormagic5pro .section-battery .videoWrapper {
	display: flex;
	justify-content: space-between;
	width: 30.9895833333vw;
}
.honormagic5pro .section-battery .video {
	position: relative;
	width: 9.6354166667vw;
	border-radius: 0.3645833333vw;
	overflow: hidden;
	transform: rotate(0);
	cursor: pointer;
}
.honormagic5pro .section-battery .playBtn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 2.2395833333vw;
}
.honormagic5pro .section-battery .honormagic5pro-note {
	position: absolute;
	left: 0;
	bottom: -2.6041666667vw;
	width: 100%;
	text-align: center;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-battery .honormagic5pro-note {
		bottom: 8vw;
	}
}
.honormagic5pro .section-cooling {
	padding: 10.4166666667vw 0 0;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-cooling {
		padding: 26.6666666667vw 0 0;
	}
}
.honormagic5pro .section-cooling .container {
	margin: 0 auto;
}
.honormagic5pro .section-cooling .textWrapper {
	position: relative;
	text-align: center;
	z-index: 2;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-cooling .textWrapper {
		width: 84vw;
		margin: 0 auto;
	}
}
.honormagic5pro .section-cooling .bg {
	position: relative;
	margin: -5.2083333333vw auto 0;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-cooling .bg {
		margin-top: 9.3333333333vw;
	}
}
.honormagic5pro .section-cooling .honormagic5pro-note {
	position: absolute;
	left: 0;
	bottom: 1.8229166667vw;
	width: 100%;
	text-align: center;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-cooling .honormagic5pro-note {
		bottom: 2.6666666667vw;
	}
}
.honormagic5pro .section-experience .titleWrapper {
	position: relative;
	height: calc(100vh - 52px);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.honormagic5pro .section-experience .titleWrapper .mainTitle {
	width: 80%;
	position: relative;
	z-index: 2;
}
.honormagic5pro .section-experience .titleWrapper .bgWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.7;
}
.honormagic5pro .section-experience .topWrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #16171a;
	width: 75vw;
	margin: 0 auto;
}
.honormagic5pro .section-experience .topWrapper .textWrapper {
	width: 25.2604166667vw;
	padding: 0 5.8333333333vw;
}
.honormagic5pro .section-experience .topWrapper .bgWrapper {
	width: 49.7395833333vw;
}
.honormagic5pro .section-experience .botWrapper {
	display: flex;
	justify-content: space-between;
	width: 75vw;
	margin: 0 auto;
	text-align: center;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-experience .botWrapper {
		width: 100%;
		display: block;
	}
}
.honormagic5pro .section-experience .botWrapper > div {
	width: 37.0833333333vw;
	background: #16171a;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-experience .botWrapper > div {
		width: 100%;
		background: #000;
	}
}
.honormagic5pro .section-experience .botWrapper .textWrapper {
	padding: 3.6458333333vw 2.6041666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-experience .botWrapper .textWrapper {
		padding: 12vw 8vw 21.3333333333vw;
		text-align: left;
	}
}
.honormagic5pro .section-magicos {
	margin-top: 10.4166666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magicos {
		margin-top: 5.3333333333vw;
	}
}
.honormagic5pro .section-magicos .wrapper1AndWrapper2 {
	position: relative;
	height: 200vh;
}
.honormagic5pro .section-magicos .wrapper1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.honormagic5pro .section-magicos .wrapper1 .bg {
	height: 100%;
}
.honormagic5pro .section-magicos .wrapper1 video {
	opacity: 0.4;
}
.honormagic5pro .section-magicos .wrapper1 .mainTitle {
	position: absolute;
	top: 50%;
	left: 10%;
	width: 80%;
	text-align: center;
	transform: translateY(-50%);
}
.honormagic5pro .section-magicos .wrapper1 .text {
	display: inline-block;
	width: 18.2291666667vw;
	margin: 0 0.2604166667vw 0 0.5208333333vw;
	transform: translateY(1.0416666667vw);
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magicos .wrapper1 .text {
		width: 45.3333333333vw;
		margin: 0;
		transform: translateY(1.3333333333vw);
	}
}
.honormagic5pro .section-magicos .wrapper2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000;
}
.honormagic5pro .section-magicos .wrapper2 .textWrapper {
	width: 42.7083333333vw;
	text-align: center;
	transform: translateY(-5.2083333333vw);
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magicos .wrapper2 .textWrapper {
		width: 84vw;
	}
}
.honormagic5pro .section-magicos .wrapper2 .os71 {
	width: 20.8333333333vw;
	margin: 0 auto;
	margin-top: -7.8125vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magicos .wrapper2 .os71 {
		width: 53.3333333333vw;
		margin-top: -13.3333333333vw;
	}
}
.honormagic5pro .section-magicos .wrapper2 p {
	font-size: 1.6666666667vw;
	color: #d0d0d0;
	margin-top: 0.2604166667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magicos .wrapper2 p {
		margin-top: 2.6666666667vw;
		font-size: 3.7333333333vw;
	}
}
.honormagic5pro .section-magicos .wrapper2 .learnMoreBtn {
	display: inline-block;
	color: #00b1ff;
	margin-top: 2.6041666667vw;
	font-size: 1.0416666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magicos .wrapper2 .learnMoreBtn {
		font-size: 3.2vw;
		margin-top: 10.6666666667vw;
	}
}
.honormagic5pro .section-magicos .wrapper3 {
	width: 71.875vw;
	margin: 10.4166666667vw auto 0;
	text-align: center;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magicos .wrapper3 {
		width: 84vw;
		margin-top: 26.6666666667vw;
	}
}
.honormagic5pro .section-magicos .wrapper3 h2 {
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magicos .wrapper3 h2 {
		flex-direction: column;
	}
}
.honormagic5pro .section-magicos .wrapper3 h2 img {
	width: 18.2291666667vw;
	margin-left: 0.78125vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magicos .wrapper3 h2 img {
		width: 50.6666666667vw;
		margin: 0;
	}
}
.honormagic5pro .section-magicos .wrapper3 .learnMoreBtn {
	display: inline-block;
	color: #00b1ff;
	margin-top: 1.3020833333vw;
	font-size: 1.0416666667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magicos .wrapper3 .learnMoreBtn {
		font-size: 3.2vw;
		margin-top: 5.3333333333vw;
	}
}
.honormagic5pro .section-magicos .wrapper3 .detailWrapper {
	margin-top: 3.125vw;
	display: flex;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magicos .wrapper3 .detailWrapper {
		margin-top: 12vw;
		display: block;
	}
}
.honormagic5pro .section-magicos .wrapper3 .detail {
	width: 25%;
	padding-bottom: 0.2604166667vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magicos .wrapper3 .detail {
		width: 100%;
		margin-bottom: 23.4666666667vw;
	}
}
.honormagic5pro .section-magicos .wrapper3 .detail img {
	width: 5.2083333333vw;
	margin: 0 auto;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magicos .wrapper3 .detail img {
		width: 25.8666666667vw;
	}
}
.honormagic5pro .section-magicos .wrapper3 .detail p {
	color: #d0d0d0;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magicos .wrapper3 .detail p {
		width: 100%;
	}
}
.honormagic5pro .section-magicos .wrapper3 .detail1,
.honormagic5pro .section-magicos .wrapper3 .detail2,
.honormagic5pro .section-magicos .wrapper3 .detail3 {
	border-right: 0.0520833333vw solid #d0d0d0;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-magicos .wrapper3 .detail1,
	.honormagic5pro .section-magicos .wrapper3 .detail2,
	.honormagic5pro .section-magicos .wrapper3 .detail3 {
		border: none;
	}
}
.honormagic5pro .section-note {
	padding: 10.4166666667vw 0;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-note {
		padding: 26.6666666667vw 0;
	}
}
.honormagic5pro .section-note p {
	width: 62.5vw;
	margin: 0 auto;
	font-size: 0.625vw;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .section-note p {
		width: 84vw;
		font-size: 3.2vw;
	}
}
.honormagic5pro .honormagic5pro-mobShow {
	display: none !important;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .honormagic5pro-mobShow {
		display: block !important;
	}
	.honormagic5pro .honormagic5pro-pcShow {
		display: none !important;
	}
}
.honormagic5pro .tvc-cursor {
	width: 6.25vw;
	height: 6.25vw;
	border-radius: 50%;
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	background-color: rgba(255, 255, 255, 0.221);
	box-shadow: none;
	position: fixed;
	cursor: none;
	z-index: 13;
	display: none;
}
.honormagic5pro .tvc-cursor.active {
	display: block;
}
.honormagic5pro .tvc-cursor::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-45%, -50%);
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 0.5208333333vw solid transparent;
	border-left: 1.0416666667vw solid #fff;
	border-bottom: 0.5208333333vw solid transparent;
}
.honormagic5pro .popup {
	position: fixed;
	top: 52px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgb(0, 0, 0);
	display: none;
	z-index: 12;
}
.honormagic5pro .popup.active {
	display: block;
}
.honormagic5pro .popup .popupcloseBtn {
	position: absolute;
	top: 2.34375vw;
	right: 2.34375vw;
	width: 2.2916666667vw;
	height: 2.2916666667vw;
	display: block;
	cursor: pointer;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .popup .popupcloseBtn {
		top: 26.6666666667vw;
		right: 8vw;
		width: 5.3333333333vw;
		height: 5.3333333333vw;
	}
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (min-width: 500px) {
	.honormagic5pro .popup .popupcloseBtn {
		top: 24vw;
	}
}
.honormagic5pro .popup .popupcloseBtn::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 3.2291666667vw;
	height: 1px;
	background-color: #fff;
	transform: rotate(45deg);
	transform-origin: 0% 0%;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .popup .popupcloseBtn::before {
		width: 7.2vw;
	}
}
.honormagic5pro .popup .popupcloseBtn::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 3.2291666667vw;
	height: 1px;
	background-color: #fff;
	transform: rotate(-45deg);
	transform-origin: 0% 0%;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .popup .popupcloseBtn::after {
		width: 7.2vw;
	}
}
.honormagic5pro .popup .popup-container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.honormagic5pro .popup .popup-container.is-video .videoWrapper {
	display: block;
}
.honormagic5pro .popup .popup-container.is-rotate .rotateWrapper {
	display: flex;
}
.honormagic5pro .popup .videoWrapper {
	display: none;
	height: 100%;
}
@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honormagic5pro .popup .videoWrapper.spec {
		height: auto;
	}
}
.honormagic5pro .popup .rotateWrapper {
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}
.honormagic5pro .popup .rotateWrapper.active .loading {
	display: none;
}
.honormagic5pro .popup .rotateWrapper.active .noteWrapper {
	opacity: 1;
}
.honormagic5pro .popup .rotateWrapper.is-blue #swiper-popup-blue {
	display: block;
}
.honormagic5pro .popup .rotateWrapper.is-green #swiper-popup-green {
	display: block;
}
.honormagic5pro .popup .rotateWrapper.is-purple #swiper-popup-purple {
	display: block;
}
.honormagic5pro .popup .rotateWrapper.is-orange #swiper-popup-orange {
	display: block;
}
.honormagic5pro .popup .rotateWrapper.is-black #swiper-popup-black {
	display: block;
}
.honormagic5pro .popup .rotateWrapper .loading {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	white-space: nowrap;
	font-size: 1.5625vw;
}
@media (max-aspect-ratio: 660/758) {
	.honormagic5pro .popup .rotateWrapper .loading {
		font-size: 5.3333333333vw;
	}
}
.honormagic5pro .popup .rotateWrapper .noteWrapper {
	text-align: center;
	opacity: 0;
}
.honormagic5pro .popup .rotateWrapper .icon-rotate {
	width: 3.125vw;
	margin: 0 auto;
}
@media (max-aspect-ratio: 660/758) {
	.honormagic5pro .popup .rotateWrapper .icon-rotate {
		width: 8vw;
	}
}
.honormagic5pro .popup .swiper-popup {
	width: 15.625vw;
	display: none;
}
@media (max-aspect-ratio: 660/758) {
	.honormagic5pro .popup .swiper-popup {
		width: 53.3333333333vw;
	}
}
.honormagic5pro .popup .swiper-slide {
	opacity: 0 !important;
	transition: none !important;
}
.honormagic5pro .popup .swiper-slide-active {
	opacity: 1 !important;
}

.honormagic5pro-slideNav-container {
	position: relative;
}

#honormagic5pro-slideNavWrapper {
	display: none;
}

@media (min-aspect-ratio: 679/669) {
	@supports (mix-blend-mode: difference) {
		#honormagic5pro-slideNavWrapper {
			position: absolute;
			top: calc(100vh - 51px - 180px);
			left: 0;
			width: 0;
			z-index: 7;
			display: block;
			height: calc(100% - (100vh - 51px) - 180px);
			mix-blend-mode: difference;
		}
		#honormagic5pro-slideNavWrapper > div {
			position: sticky;
			top: calc(100vh - 51px - 180px);
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			left: 0;
			width: 135px;
			height: 0;
			white-space: nowrap;
			z-index: 8;
		}
	}
}
#honormagic5pro-slideNavWrapper svg {
	position: absolute;
	left: 30px;
	top: 0;
	width: 18px;
	height: 18px;
	transition: all 0.5s ease;
	opacity: 0;
}

#honormagic5pro-slideNavWrapper svg circle {
	stroke: #211d1e;
	stroke-width: 2px;
	fill: none;
	stroke-linecap: butt;
	stroke-dasharray: 49.9416;
	stroke-dashoffset: 49.9416;
	transition: stroke 0.5s ease;
}

#honormagic5pro-slideNavWrapper a:link,
#honormagic5pro-slideNavWrapper a:visited {
	display: block;
	width: 100%;
	height: 18px;
	position: relative;
	box-sizing: content-box;
	color: #fff;
	text-decoration: none;
	margin-top: 15px;
}

#honormagic5pro-slideNavWrapper a:link span,
#honormagic5pro-slideNavWrapper a:visited span {
	position: relative;
	display: block;
	line-height: 18px;
	opacity: 0;
	transition: all 0.5s ease;
	margin-left: 60px;
	font-size: 14px;
}

#honormagic5pro-slideNavWrapper a:link::before,
#honormagic5pro-slideNavWrapper a:visited::before {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	left: 38px;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background: #fff;
}

#honormagic5pro-slideNavWrapper a:link::after,
#honormagic5pro-slideNavWrapper a:visited::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 30px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px rgba(255, 255, 245, 0.25);
	opacity: 0;
	transition: all 0.5s ease;
}

#honormagic5pro-slideNavWrapper a:link.honormagic5pro-slideNav-active span,
#honormagic5pro-slideNavWrapper a:visited.honormagic5pro-slideNav-active span {
	opacity: 1;
}

#honormagic5pro-slideNavWrapper a:link.honormagic5pro-slideNav-active svg,
#honormagic5pro-slideNavWrapper a:visited.honormagic5pro-slideNav-active svg {
	opacity: 1;
	transform: rotate(-90deg);
}

#honormagic5pro-slideNavWrapper a:link.honormagic5pro-slideNav-active::after,
#honormagic5pro-slideNavWrapper a:visited.honormagic5pro-slideNav-active::after {
	opacity: 1;
}

#honormagic5pro-slideNavWrapper a:hover span {
	opacity: 1;
	transform: translateX(8px);
}

#honormagic5pro-slideNavWrapper a:hover svg {
	opacity: 1;
	transform: rotate(-90deg);
}

#honormagic5pro-slideNavWrapper a:hover::after {
	opacity: 1;
}

#honormagic5pro-slideNavWrapper circle {
	stroke: #fff !important;
}

@media (max-aspect-ratio: 660/758) {
	.honormagic5pro .section-battery .textWrapper {
		width: 84vw;
		text-align: center;
	}
	.honormagic5pro .section-battery .topWrapper {
		position: relative;
		display: block;
		width: 84vw;
	}
	.honormagic5pro .section-battery .videoWrapper {
		display: none;
		justify-content: space-between;
		width: 84vw;
	}
	.honormagic5pro .section-battery .phoneWrapper {
		position: relative;
		width: 150vw;
		margin-top: 36.166667vw;
		margin-left: 8vw;
		transform: translateX(25%);
		transition: all 1s ease;
	}
	.honormagic5pro .section-battery .phoneWrapper.active {
		transform: translateX(-25%);
	}
	.honormagic5pro .section-battery .phoneWrapper.active2 {
		transform: translateX(-90%);
		transition: all 0.6s ease;
	}
	.honormagic5pro .section-battery .video {
		position: relative;
		width: 84vw;
		border-radius: 4.364583vw;
		overflow: hidden;
		transform: rotate(0);
		cursor: pointer;
		margin-top: 5vw;
	}
	.honormagic5pro .section-battery .videoWrapper-mob {
		position: absolute;
		top: 78vw;
		transform: translate(100vw, 0);
		transition: all 1s ease;
	}
	.honormagic5pro .section-battery .videoWrapper-mob.active {
		transform: translate(0%, 0);
		transition: all 1s ease;
	}
	.honormagic5pro .section-battery .playBtn {
		width: 10vw;
	}
	.honormagic5pro .section-battery .sticky-container .swiper-pagination-battery {
		width: 84vw;
	}
	.honormagic5pro .section-battery .sticky-container .swiper-pagination-bullet {
		width: 2.1333333333vw;
		height: 0.8vw;
		border-radius: 0.5333333333vw;
		background: #fff;
		opacity: 0.4;
		margin: 0 0.5333333333vw;
	}
	.honormagic5pro .section-battery .sticky-container .swiper-pagination-bullet-active {
		width: 5.3333333333vw;
		opacity: 1;
	}
}
@media (min-aspect-ratio: 1024/1367) and (max-aspect-ratio: 768/900) {
	.honormagic5pro .section-kv .textWrapper {
		margin-bottom: 6vw;
	}
	.honormagic5pro .section-kv .bgWrapper {
		width: 70%;
	}
	.honormagic5pro .section-kv .magicosWrapper {
		bottom: 2.666667vw;
	}
	.honormagic5pro .fz56 {
		font-size: 6.533333vw;
	}
	.honormagic5pro .fz20 {
		font-size: 2.8vw;
	}
	.honormagic5pro .section-design .nitWrapper .title span {
		font-size: 18vw;
		display: block;
		margin-bottom: -3.666667vw;
	}
	.honormagic5pro .fz80 {
		font-size: 6.666667vw;
	}
	.honormagic5pro .section-ip68 .bgWrapper {
		height: auto;
		margin-top: -10.6666666667vw;
		width: 73%;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .phone {
		width: 30vw;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .titleWrapper {
		top: 61%;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow {
		display: flex !important;
		align-items: end;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .content {
		width: 84vw;
		margin: 0 auto;
		height: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: start;
		text-align: center;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .phone {
		width: 29vw;
		margin-top: 2vw;
	}
	.honormagic5pro .section-shot .aperture-wrapper .bgWrapper {
		width: 80%;
	}
	.honormagic5pro .section-shot .aperture-wrapper .textWrapper {
		margin-bottom: 0;
	}
	.honormagic5pro .fz16 {
		font-size: 3vw;
	}
	.honormagic5pro .fz40 {
		font-size: 6.533333vw;
	}
	.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow .bg1 {
		width: 55.333333vw;
		z-index: 2;
		transform-origin: 0% 0%;
	}
	.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow .bg2 {
		width: 47.933333vw;
	}
	.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow > div.active .textWrapper.wrapper2 {
		opacity: 1;
		transform: translateY(0vw);
	}
	.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .bg1 {
		top: 0;
		left: 8vw;
		width: 63.333333vw;
		transform-origin: 0 0;
		z-index: 2;
	}
	.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .bg2 {
		bottom: 2vw;
		right: 8vw;
		width: 38vw;
		transform-origin: 100% 100%;
		opacity: 0.3;
	}
	.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .textWrapper {
		width: 84vw;
		transform: translateY(-9vw);
		margin: 10.6666666667vw auto 0;
	}
	.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .bg3 {
		width: 37vw;
	}
	.container {
		width: 100%;
	}
	.honormagic5pro .section-frontCamera .wrapper1 .phoneWrapper {
		width: 96.666667vw;
	}
	.honormagic5pro .section-frontCamera .wrapper1 .text1 {
		top: 61%;
	}
	.honormagic5pro .section-frontCamera .wrapper1 .text2 {
		top: 61%;
	}
	.honormagic5pro .section-performance .wrapper2AndWrapper3 .wrapper3 .textWrapper {
		transform: translateY(9vw);
	}
	.honormagic5pro .section-battery .phoneWrapper {
		margin-left: 8vw;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .swiper-container-black {
		top: 58%;
	}
	.honormagic5pro .section-magicos .wrapper1 .text {
		width: 43.333333vw;
		margin: 0;
		transform: translateY(1.3333333333vw);
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .top,
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .mid {
		width: 50vw;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .mid {
		margin-top: 3vw;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .bot {
		width: 50vw;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .content {
		height: auto;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .phone {
		width: 25vw;
	}
}
/* @media (min-aspect-ratio: 662/758) and (max-aspect-ratio: 662/660) and (max-width: 700px) and (min-width: 650px) {
	.honormagic5pro .section-kv .textWrapper {
		margin-bottom: 6vw;
	}
	.honormagic5pro .section-kv .bgWrapper {
		width: 56%;
	}
	.honormagic5pro .section-kv .pdtname {
		height: 7vw;
	}
	.honormagic5pro .section-kv .magicosWrapper {
		bottom: 5.666667vw;
	}
	.honormagic5pro .section-tvc .playBtn {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 14vw;
	}
	.honormagic5pro .section-design .cameraWrapper {
		top: 50%;
		left: 10vw;
		width: 80.333333vw;
	}
	.honormagic5pro .section-design .cameraTextWrapper {
		transform: translate(-50%, calc(-100% - 7vw));
		width: 84vw;
	}
	.honormagic5pro .section-design .screenWrapper .screen {
		width: 100%;
		top: -15%;
	}
	.honormagic5pro .fz56 {
		font-size: 6vw;
	}
	.honormagic5pro .fz20 {
		font-size: 2.5vw;
	}
	.honormagic5pro .section-design .nitWrapper .title span {
		font-size: 18vw;
		display: block;
		margin-bottom: -3.666667vw;
	}
	.honormagic5pro .fz80 {
		font-size: 6.666667vw;
	}
	.honormagic5pro .section-ip68 .bgWrapper {
		height: auto;
		margin-top: -10.6666666667vw;
		width: 73%;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .phone {
		width: 30vw;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .titleWrapper {
		top: 61%;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow {
		display: flex !important;
		align-items: end;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .content {
		width: 84vw;
		margin: 0 auto;
		height: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: start;
		text-align: center;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .phone {
		width: 29vw;
		margin-top: 2vw;
	}
	.honormagic5pro .section-shot .aperture-wrapper .bgWrapper {
		width: 80%;
	}
	.honormagic5pro .section-shot .aperture-wrapper .textWrapper {
		margin-bottom: 0;
	}
	.honormagic5pro .fz16 {
		font-size: 3vw;
	}
	.honormagic5pro .fz40 {
		font-size: 6.533333vw;
	}
	.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow .bg1 {
		width: 55.333333vw;
		z-index: 2;
		transform-origin: 0% 0%;
	}
	.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow .bg2 {
		width: 47.933333vw;
	}
	.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow > div.active .textWrapper.wrapper2 {
		opacity: 1;
		transform: translateY(-9vw);
	}
	.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .bg1 {
		top: 0;
		left: 8vw;
		width: 63.333333vw;
		transform-origin: 0 0;
		z-index: 2;
	}
	.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .bg2 {
		bottom: 2vw;
		right: 8vw;
		width: 38vw;
		transform-origin: 100% 100%;
		opacity: 0.3;
	}
	.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .textWrapper {
		width: 84vw;
		transform: translateY(-9vw);
		margin: 10.6666666667vw auto 0;
	}
	.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .bg3 {
		width: 37vw;
	}
	.container {
		width: 100%;
	}
	.honormagic5pro .section-frontCamera .wrapper1 .phoneWrapper {
		width: 96.666667vw;
	}
	.honormagic5pro .section-frontCamera .wrapper1 .text1 {
		top: 61%;
	}
	.honormagic5pro .section-frontCamera .wrapper1 .text2 {
		top: 61%;
	}
	.honormagic5pro .section-performance .wrapper2AndWrapper3 .wrapper3 .textWrapper {
		transform: translateY(9vw);
	}
	.honormagic5pro .section-battery .phoneWrapper {
		margin-left: 8vw;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .swiper-container-black {
		top: 52.7%;
	}
	.honormagic5pro .section-design .nitWrapper .phone {
		width: 70vw;
		transition: transform 0.5s ease;
		transform-origin: 40% 35%;
	}
	.honormagic5pro .section-design .nitWrapper .title {
		transform: translate(-58%, calc(-100% - 21.333333vw));
		width: 69.3333333333vw;
	}
	.honormagic5pro .section-design .nitWrapper .title span {
		font-size: 15vw;
		display: block;
		margin-bottom: -3.666667vw;
	}
	.honormagic5pro .section-design .nitWrapper .section-desc {
		left: 9.666667vw;
		transform: translateY(29vw);
		width: 46.6666666667vw;
		text-align: left;
	}
	.honormagic5pro .section-design .funcWrapper.active2 {
		transform: translateY(-14.666667vw);
	}
	.honormagic5pro .section-ip68 .textWrapper {
		transform: translateY(9vw);
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .buttonWrapper {
		position: absolute;
		bottom: 4vw;
		left: 50%;
		transform: translateX(-50%) scale(0.5);
		padding: 2.6666666667vw 4.8vw;
		background: #fff;
		border-radius: 10.6666666667vw;
		font-size: 0;
		z-index: 4;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .titleWrapper {
		top: 77%;
	}
	.honormagic5pro .fz48 {
		font-size: 6.533333vw;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .swiper-pagination {
		position: absolute;
		top: calc(50% + 27.333333vw);
		left: 0;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 5.3333333333vw;
		z-index: 5;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .content {
		width: 84vw;
		margin: 0 auto;
		height: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .phone {
		width: 21vw;
		margin-top: 2vw;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .top,
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .mid {
		-webkit-backdrop-filter: saturate(180%) blur(10px);
		backdrop-filter: saturate(180%) blur(10px);
		background-color: rgba(255, 255, 255, 0.2);
		border-radius: 3.2vw;
		overflow: hidden;
		width: 36.333333vw;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .bot {
		width: 36.333333vw;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .playBtn {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 9vw;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .swiper-pagination-bullet {
		width: 3.7333333333vw;
		height: 0.6vw;
		border-radius: 0.5333333333vw;
		background: #fff;
		opacity: 0.6;
		margin: 0 0.5333333333vw;
	}
	.honormagic5pro .section-camera .wrapper2.honormagic5pro-mobShow .phoneWrapper {
		height: 50%;
		width: 61.333333vw;
		margin: 0 auto;
	}
	.honormagic5pro .fz18 {
		font-size: 2.2vw;
	}
	.honormagic5pro .fz32 {
		font-size: 4.5vw;
	}
	.honormagic5pro .section-shot .skiing-wrapper .photoWrapper {
		height: 50.666667vw;
		margin-top: 10.6666666667vw;
	}
	.honormagic5pro .section-shot .aperture-wrapper .bgWrapper {
		width: 66%;
	}
	.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow .bgWrapper {
		position: relative;
		width: 84vw;
		margin: 3.666667vw auto;
	}
	.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow .bg1 {
		width: 50.333333vw;
		z-index: 2;
		transform-origin: 0% 0%;
	}
	.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow > div.active .bg1 {
		opacity: 0.3;
		transform: scale(0.9);
	}
	.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow .bg2 {
		width: 36.933333vw;
	}
	.honormagic5pro .section-night .sticky-container.honormagic5pro-mobShow > div.active .bg2 {
		opacity: 1;
		z-index: 2;
		transform: scale(1.46) translateY(-6vw);
	}
	.honormagic5pro .section-portrait .sticky-container.honormagic5pro-mobShow .bgWrapper.active1 .bg2 {
		transform: scale(1.3);
		opacity: 1;
		z-index: 2;
	}
	.honormagic5pro .section-frontCamera .wrapper1 .text2 {
		top: 75%;
	}
	.honormagic5pro .section-frontCamera .wrapper1 .phoneWrapper {
		width: 74.666667vw;
	}
	.honormagic5pro .section-performance .wrapper2AndWrapper3 .wrapper3 .textWrapper {
		transform: translateY(19vw);
	}
	.honormagic5pro .section-2in1 .text {
		padding: 4vw 4.466667vw;
	}
	.honormagic5pro .section-2in1 .text .fz24 {
		font-size: 3.333333vw;
	}
	.honormagic5pro .section-2in1 .text .fz16 {
		font-size: 1.8vw;
	}
	.honormagic5pro .section-2in1 .detailWrapper {
		margin-left: 29vw;
	}
	.honormagic5pro .section-2in1 .detail.detail2 {
		margin-left: 17.2vw;
	}
	.honormagic5pro .section-battery .textWrapper {
		width: 84vw;
		text-align: center;
	}
	.honormagic5pro .section-battery .textWrapper .fz16 {
		font-size: 2.5vw;
	}
	.honormagic5pro .section-battery .phoneWrapper {
		margin-top: 3.166667vw;
	}
	.honormagic5pro .section-note p {
		width: 84vw;
		font-size: 2.2vw;
	}
	.honormagic5pro .section-cmf .sticky-container.honormagic5pro-mobShow .swiper-pagination-bullet-active {
		width: 6.6666666667vw;
		opacity: 1;
	}
	.honormagic5pro .section-frontCamera .wrapper1 .text1 {
		top: 76%;
	}
	.honormagic5pro .section-2in1 .detail {
		width: 45.533333vw;
		margin: 0;
	}
	.honormagic5pro .section-magicos .wrapper1 .text {
		width: 39.333333vw;
	}
} */