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

html.noflow,
body.noflow {
	overflow: hidden;
}

.honor-magicbook-pro-16 {
	background: #000;
	color: white;
	opacity: 1;
	transition: opacity 0.2s ease;
	will-change: opacity;
}

.honor-magicbook-pro-16.is-loading {
	opacity: 0;
}

.honor-magicbook-pro-16.is-loading * {
	transition: none !important;
}

.honor-magicbook-pro-16 section {
	position: relative;
	transition: opacity 0.3s ease;
}

.honor-magicbook-pro-16 div,
.honor-magicbook-pro-16 h2,
.honor-magicbook-pro-16 h3,
.honor-magicbook-pro-16 h4,
.honor-magicbook-pro-16 ul,
.honor-magicbook-pro-16 ol,
.honor-magicbook-pro-16 li,
.honor-magicbook-pro-16 p,
.honor-magicbook-pro-16 form,
.honor-magicbook-pro-16 table,
.honor-magicbook-pro-16 th,
.honor-magicbook-pro-16 td,
.honor-magicbook-pro-16 figure,
.honor-magicbook-pro-16 button {
	border: none;
	margin: 0px;
	padding: 0px;
	color: inherit;
	font-weight: normal;
}

.honor-magicbook-pro-16 h2,
.honor-magicbook-pro-16 h3,
.honor-magicbook-pro-16 h4 {
	line-height: 1.25;
}

.honor-magicbook-pro-16 p,
.honor-magicbook-pro-16 span {
	line-height: 1.4;
}

.honor-magicbook-pro-16 button {
	background-color: transparent;
	cursor: pointer;
	font-family: inherit;
	line-height: 1.25;
}

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

.honor-magicbook-pro-16 sup.smaller {
	font-size: 30% !important;
	top: -0.4166666667vw !important;
}

.honor-magicbook-pro-16 sup.placeholder {
	display: none;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 sup.placeholder {
		display: inline-block;
		opacity: 0;
	}
}

.honor-magicbook-pro-16 picture,
.honor-magicbook-pro-16 img,
.honor-magicbook-pro-16 video,
.honor-magicbook-pro-16 canvas {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
}

.honor-magicbook-pro-16 a {
	color: inherit;
	text-decoration: none;
}

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

.honor-magicbook-pro-16 *:focus,
.honor-magicbook-pro-16 *:active {
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.honor-magicbook-pro-16 .nowrap {
	white-space: nowrap;
}

.honor-magicbook-pro-16 .object-fit {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.honor-magicbook-pro-16.ff-demiBold {
	font-family: "HONOR Sans World DemiBold";
}

.honor-magicbook-pro-16.ff-medium {
	font-family: "HONOR Sans World Medium";
}

.honor-magicbook-pro-16.ff-regular {
	font-family: "HONOR Sans World Regular";
}

.honor-magicbook-pro-16.ff-extraLight {
	font-family: "HONOR Sans Brand ExtraLight";
}

.honor-magicbook-pro-16 .ff-demiBold {
	font-family: "HONOR Sans World DemiBold";
}

.honor-magicbook-pro-16 .ff-medium {
	font-family: "HONOR Sans World Medium";
}

.honor-magicbook-pro-16 .ff-regular {
	font-family: "HONOR Sans World Regular";
}

.honor-magicbook-pro-16 .ff-extraLight {
	font-family: "HONOR Sans Brand ExtraLight";
}

.honor-magicbook-pro-16 .fs-72 {
	font-size: 3.75vw;
}

.honor-magicbook-pro-16 .fs-56 {
	font-size: 2.9166666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .fs-56 {
		font-size: 5.9733333333vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 500px) {
	.honor-magicbook-pro-16 .fs-56 {
		font-size: 8.5333333333vw;
	}
}

.honor-magicbook-pro-16 .fs-48 {
	font-size: 2.5vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .fs-48 {
		font-size: 5.9733333333vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 500px) {
	.honor-magicbook-pro-16 .fs-48 {
		font-size: 8.5333333333vw;
	}
}

.honor-magicbook-pro-16 .fs-18 {
	font-size: 0.9375vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .fs-18 {
		font-size: 2.6133333333vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 500px) {
	.honor-magicbook-pro-16 .fs-18 {
		font-size: 3.7333333333vw;
	}
}

.honor-magicbook-pro-16 .sticky-container {
	position: sticky;
	top: 52px;
	height: calc(100vh - 52px);
	overflow: hidden;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .sticky-container {
		top: 52px;
		height: calc(100vh - 52px);
	}
}

.honor-magicbook-pro-16 .section-kv {
	background-color: #fff;
	color: #000;
	height: calc(100vh - 52px);
}

.honor-magicbook-pro-16 .section-kv #trigger-ga {
	position: absolute;
	top: 20vh;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-kv {
		height: 177.8666666667vw;
		overflow: hidden;
	}
}

.honor-magicbook-pro-16 .section-kv .bg {
	width: 100%;
	height: 100%;
}

.honor-magicbook-pro-16 .section-kv .kv-text-wrapper {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 57%;
	width: 38.0729166667vw;
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-kv .kv-text-wrapper {
		width: 97.3333333333vw;
		top: 14%;
		transform: translate(-50%, -50%);
		left: 50%;
	}
}

@media (min-aspect-ratio: 661/758) and (max-width: 1000px) {
	.honor-magicbook-pro-16 .section-kv .kv-text-wrapper {
		transform: translateY(-50%);
		left: 51%;
		width: 47.072917vw;
	}
}

.honor-magicbook-pro-16 .section-kv .kv-text-wrapper .productname {
	width: 38.0729166667vw;
	height: 3.0208333333vw;
	-o-object-fit: contain;
	object-fit: contain;
	margin: 0 auto;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-kv .kv-text-wrapper .productname {
		width: 83.4666666667vw;
		height: 6.9333333333vw;
		margin: 0 auto;
	}
}

.honor-magicbook-pro-16 .section-kv .kv-text-wrapper .kv-text-ksp {
	margin: 0 auto;
	margin-top: 1.4583333333vw;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-kv .kv-text-wrapper .kv-text-ksp {
		margin-top: 3.2vw;
		transform: scale(0.85);
	}
}

.honor-magicbook-pro-16 .section-kv .kv-text-wrapper .kv-text-ksp .ksp-txt {
	font-size: 0.8333333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-kv .kv-text-wrapper .kv-text-ksp .ksp-txt {
		font-size: 2.4vw;
	}
}

.honor-magicbook-pro-16 .section-kv .kv-text-wrapper .kv-text-ksp .line {
	width: 1px;
	height: 2.1875vw;
	border-right: 1px solid #000;
	margin: 0 auto;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-kv .kv-text-wrapper .kv-text-ksp .line {
		height: 5.1875vw;
	}
}

.honor-magicbook-pro-16 .section-kv .kv-text-dis {
	text-align: right;
	font-size: 0.7291666667vw;
	position: absolute;
	right: 2.0833333333vw;
	bottom: 0;
	transform: scale(0.5);
	transform-origin: top right;
	color: #6A6A6A;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-kv .kv-text-dis {
		width: 220vw;
		transform: scale(0.5);
		bottom: 0;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 500px) {
	.honor-magicbook-pro-16 .section-kv .kv-text-dis {
		bottom: -3vw;
		transform: scale(0.35);
	}
}

.honor-magicbook-pro-16 .section-point {
	padding: 4.1666666667vw 0 6.25vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point {
		padding: 21.3333333333vw 0 21.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-title1-content {
	width: 80.78125vw;
	height: 12.34375vw;
	margin: 0 auto;
	position: relative;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-title1-content {
		width: 100vw;
		height: 29.7866666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-title1-content .copy-wrapper {
	position: absolute;
	top: 57%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-title1-content .copy-wrapper {
		width: 100vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-title1-content .copy-wrapper .point-title1 {
	font-size: 2.9166666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-title1-content .copy-wrapper .point-title1 {
		font-size: 7.4666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-title1-content .copy-wrapper .point-text1 {
	font-size: 1.6666666667vw;
	margin-top: 0.7291666667vw;
	line-height: 1;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-title1-content .copy-wrapper .point-text1 {
		font-size: 3.7333333333vw;
		margin-top: 2.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content2 {
	width: 70.6770833333vw;
	margin: 0 auto;
	position: relative;
	cursor: pointer;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content2 {
		width: 86.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content2:hover .point2-product {
	transform: scale(1.1);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content2:hover .point2-product {
		transform: scale(1);
	}
}

.honor-magicbook-pro-16 .section-point .point-content2 .point-contitle {
	font-size: 2.0833333333vw;
	margin: 3.6458333333vw 0 1.0416666667vw 2.5vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content2 .point-contitle {
		font-size: 5.3333333333vw;
		margin: 9.3333333333vw auto 4.2666666667vw;
		text-align: center;
	}
}

.honor-magicbook-pro-16 .section-point .point-content2 .point2-product {
	position: absolute;
	width: 35.8333333333vw;
	height: 18.4375vw;
	bottom: 0;
	left: 19.5833333333vw;
	transition: all ease 0.7s;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content2 .point2-product {
		width: 56.2666666667vw;
		height: 28.9733333333vw;
		left: -8vw;
		bottom: 15vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content2 .point2-left {
	display: flex;
	position: absolute;
	left: 2.6041666667vw;
	top: 60%;
	align-items: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content2 .point2-left {
		left: 45.3333333333vw;
		top: 48%;
	}
}

.honor-magicbook-pro-16 .section-point .point-content2 .point2-left .point2-left-text h3 {
	font-size: 2.0833333333vw;
	background: linear-gradient(90deg, #f6f2ff 30%, #6c92ff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content2 .point2-left .point2-left-text h3 {
		font-size: 4.8vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content2 .point2-left .point2-left-text p {
	font-size: 0.8333333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content2 .point2-left .point2-left-text p {
		font-size: 3.2vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content2 .point2-left .point2-line {
	margin: 0 1.5625vw;
	width: 1px;
	max-height: 5vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content2 .point2-left .point2-line {
		height: 9.3973333333vw;
		margin: 0 2.6666666667vw;
		max-height: unset;
	}
}

.honor-magicbook-pro-16 .section-point .point-content2 .point2-right {
	position: absolute;
	right: 2.1666666667vw;
	top: 60%;
	font-size: 0.8333333333vw;
	width: 14.0625vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content2 .point2-right {
		top: 78%;
		font-size: 3.7333333333vw;
		width: 77.3333333333vw;
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		text-align: center;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 {
	width: 70.6770833333vw;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 {
		width: 87.4666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-contitle {
	font-size: 2.5vw;
	margin: 6.25vw 0 1.0416666667vw 2.5vw;
	width: 100%;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-contitle {
		font-size: 5.3333333333vw;
		margin: 9.3333333333vw auto 4.2666666667vw;
		text-align: center;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left {
	width: 36.3541666667vw;
	height: 30.1041666667vw;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left {
		margin-bottom: 3.4666666667vw;
		width: 87.4666666667vw;
		height: 110.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left:hover img {
	transform: scale(1.1);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left:hover img {
		transform: scale(1);
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left img {
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left .point3-left-text {
	display: flex;
	position: absolute;
	justify-content: space-between;
	width: 31.8229166667vw;
	left: 2.6041666667vw;
	top: 2.0833333333vw;
	align-items: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left .point3-left-text {
		top: 8vw;
		left: 50%;
		transform: translateX(-50%);
		flex-direction: column;
		width: 77.92vw;
		text-align: center;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left .point3-left-text h3 {
	font-size: 1.4583333333vw;
	line-height: 1.15;
	width: 12.1875vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left .point3-left-text h3 {
		font-size: 4.8vw;
		width: 100%;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left .point3-left-text h3 .ff-demiBold {
	display: inline-block;
	background: linear-gradient(90deg, #fff5e2 0%, #ff7a00 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1.5625vw;
	line-height: 1.15;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left .point3-left-text h3 .ff-demiBold {
		font-size: 4.8vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left .point3-left-text h3 .zaixian {
	font-size: 1.3541666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left .point3-left-text h3 .zaixian {
		font-size: 3.2vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left .point3-left-text h3 span {
	vertical-align: middle;
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left .point3-left-text p {
	width: 17.5520833333vw;
	font-size: 0.8333333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left .point3-left-text p {
		width: 100%;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left .point3-left-text p {
		font-size: 3.7333333333vw;
		margin-top: 2.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right {
	width: 33.59375vw;
	height: 27.6041666667vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right {
		width: 87.4666666667vw;
		height: 111.7333333333vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right1 {
	width: 33.4375vw;
	height: 11.0416666667vw;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right1 {
		width: 87.4666666667vw;
		height: 34.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right1:hover .bg {
	transform: scale(1.4);
	transform-origin: bottom;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right1:hover .bg {
		transform: scale(1);
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right1 .bg {
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right1 .point3-right1-text {
	position: absolute;
	text-align: center;
	top: 3.125vw;
	width: 100%;
	left: 1%;
	display: flex;
	justify-content: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right1 .point3-right1-text {
		top: 2.8666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right1 .point3-right1-text picture {
	width: 5.7291666667vw;
	height: 6.7447916667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right1 .point3-right1-text picture {
		width: 18.3333333333vw;
		height: 21.48vw;
		margin-top: 5vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right1 .point3-right1-text .point3-right1-text-wrapper2 {
	width: 70%;
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right1 .point3-right1-text h3 {
	font-size: 1.4583333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right1 .point3-right1-text h3 {
		font-size: 4.8vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right1 .point3-right1-text p {
	font-size: 0.8333333333vw;
	margin-top: 0.5208333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right1 .point3-right1-text p {
		font-size: 3.2vw;
		margin-top: 2.1333333333vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right2 {
	width: 16.3541666667vw;
	height: 15.3125vw;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right2 {
		width: 41.728vw;
		height: 37.5946666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right2:hover .bg {
	transform: scale(1.4);
	transform-origin: bottom;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right2:hover .bg {
		transform: scale(1);
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right2 .bg {
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right2 .point3-right2-text {
	position: absolute;
	text-align: center;
	top: 2.0833333333vw;
	width: 90%;
	left: 5%;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right2 .point3-right2-text {
		top: 3.2vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right2 .point3-right2-text img {
	width: 5.7291666667vw;
	height: 6.7447916667vw;
	margin: 0 auto;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right2 .point3-right2-text img {
		width: 13.784vw;
		height: 16.2266666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right2 .point3-right2-text h3 {
	font-size: 1.3541666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right2 .point3-right2-text h3 {
		font-size: 3.7333333333vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right2 .point3-right2-text p {
	font-size: 0.8333333333vw;
	margin-top: 0.5208333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right2 .point3-right2-text p {
		font-size: 2.6666666667vw;
		margin-top: 2.1333333333vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 {
	width: 33.59375vw;
	height: 8.6979166667vw;
	margin: 0.8333333333vw 0;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 {
		width: 87.4666666667vw;
		height: 32.2666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3:hover img {
	transform: scale(1.1);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3:hover img {
		transform: scale(1);
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 img {
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 .point3-right3-text {
	position: absolute;
	left: 2.0833333333vw;
	top: 1.0416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 .point3-right3-text {
		left: 5.0133333333vw;
		top: 4vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 .point3-right3-text h3 {
	font-size: 1.4583333333vw;
	width: 11.6145833333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 .point3-right3-text h3 {
		font-size: 4.8vw;
		width: 27.2vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 .point3-right3-text p {
	font-size: 0.8333333333vw;
	margin-top: 0.2604166667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 .point3-right3-text p {
		font-size: 2.6666666667vw;
		margin-top: 2.1333333333vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 .point3-right3-text2 {
	display: flex;
	text-align: center;
	position: absolute;
	top: 1.875vw;
	right: 1vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 .point3-right3-text2 {
		top: 6.1333333333vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 .point3-right3-text2 .point3-right {
	margin: 0 1.0416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 .point3-right3-text2 .point3-right {
		margin: 0 1.8vw;
		text-align: left;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 .point3-right3-text2 .point3-right h3 {
	background: linear-gradient(90deg, #f6f2ff 30%, #658eff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1.6666666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 .point3-right3-text2 .point3-right h3 {
		font-size: 5.0133333333vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 .point3-right3-text2 .point3-right p {
	font-size: 0.8333333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 .point3-right3-text2 .point3-right p {
		font-size: 3.2vw;
		margin-top: 0.2604166667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right4 {
	width: 33.59375vw;
	height: 8.6979166667vw;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right4 {
		width: 87.4666666667vw;
		height: 36.2666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right4:hover img {
	transform: scale(1.1);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right4:hover img {
		transform: scale(1);
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right4 img {
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right4 .point3-right4-text {
	position: absolute;
	left: 2.0833333333vw;
	top: 1.5625vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 29.4270833333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right4 .point3-right4-text {
		left: 5.0133333333vw;
		top: 4.5333333333vw;
		width: 81.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right4 .point3-right4-text h3 {
	font-size: 1.4583333333vw;
	width: 11.6666666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right4 .point3-right4-text h3 {
		font-size: 4.8vw;
		width: 32.2666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right4 .point3-right4-text p {
	font-size: 0.8333333333vw;
	width: 16.09375vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right4 .point3-right4-text p {
		font-size: 3.2vw;
		width: 44.76vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 {
	width: 70.6770833333vw;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 {
		width: 87.4666666667vw;
		overflow: hidden;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-contitle {
	font-size: 2.0833333333vw;
	margin: 6.25vw 0 1.0416666667vw 2.5vw;
	width: 100%;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-contitle {
		font-size: 5.3333333333vw;
		margin: 9.3333333333vw auto 4.2666666667vw;
		text-align: center;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top {
	width: 70.6770833333vw;
	height: 15.1041666667vw;
	position: relative;
	margin-bottom: 0.8333333333vw;
	cursor: pointer;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top {
		width: 87.4666666667vw;
		height: 62.9333333333vw;
		margin-top: 7.8125vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top:hover .point4-top-product {
	transform: scale(1.1);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top:hover .point4-top-product {
		transform: scale(1) translateX(-50%);
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-product {
	width: 30.625vw;
	height: 18.90625vw;
	position: absolute;
	bottom: 0.46875vw;
	left: 35.5729166667vw;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-product {
		width: 58.6453333333vw;
		height: 36.2053333333vw;
		top: -7.3234375vw;
		left: 50%;
		transform: translateX(-50%);
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text {
	position: absolute;
	left: 2.5vw;
	top: 3.5416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text {
		display: flex;
		flex-direction: column;
		left: 50%;
		top: 32.8vw;
		transform: translateX(-50%);
		width: 95%;
		justify-content: center;
		align-items: center;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-title {
	font-size: 1.4583333333vw;
	margin-bottom: 2.0833333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-title {
		font-size: 4.8vw;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 4.2666666667vw;
		text-align: center;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color {
		width: 79.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color .point4-line {
	width: 1px;
	max-height: 5vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color .point4-line {
		height: 9.3973333333vw;
		max-height: unset;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color .point4-color-spec {
		text-align: left;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color .point4-color-spec h4 {
	display: flex;
	align-items: center;
	font-size: 2.0833333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color .point4-color-spec h4 {
		font-size: 5.0133333333vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color .point4-color-spec h4 .color1 {
	background: linear-gradient(90deg, #f6f2ff 70%, #d3daff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color .point4-color-spec h4 .color2 {
	background: linear-gradient(90deg, #b2c3ff 0%, #648dff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color .point4-color-spec h4 img {
	width: 0.78125vw;
	height: 0.78125vw;
	margin: 0 0.2604166667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color .point4-color-spec h4 img {
		width: 2.6666666667vw;
		height: 2.6666666667vw;
		margin: 0 1.0666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color .point4-color-spec p {
	font-size: 0.8333333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color .point4-color-spec p {
		font-size: 3.2vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color .point4-color {
		text-align: left;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color .point4-color h4 {
	background: linear-gradient(90deg, #f6f2ff 30%, #648dff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 2.0833333333vw;
	display: inline-block;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color .point4-color h4 {
		font-size: 5.0133333333vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color .point4-color p {
	font-size: 0.8333333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color .point4-color p {
		font-size: 3.2vw;
		white-space: nowrap;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-top .point4-top-text .point4-top-color .point4-line {
	width: 1px;
	margin: 0 1.5625vw;
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom {
	display: flex;
	width: 70.6770833333vw;
	justify-content: space-between;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom {
		flex-wrap: wrap;
		width: 87.4666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom {
	width: 23.0208333333vw;
	height: 24.7395833333vw;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom {
		width: 41.7333333333vw;
		height: 142.9333333333vw;
		margin-top: 2.9333333333vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom:hover .bg img {
	transform: scale(1.1);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom:hover .bg img {
		transform: scale(1);
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bg img {
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom1-text {
	position: absolute;
	top: 1.604167vw;
	left: 1.5vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom1-text {
		width: 37.36vw;
		left: 2.9333333333vw;
		top: 5.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom1-text .bottom1-title {
	font-size: 1.4583333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom1-text .bottom1-title {
		font-size: 4.8vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom1-text .bottom1-color-title {
	font-size: 1.6666666667vw;
	background: linear-gradient(90deg, #f6f2ff 30%, #6c92ff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	margin-top: 1.0416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom1-text .bottom1-color-title {
		font-size: 4.8vw;
		margin-top: 2.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom1-text p {
	font-size: 0.8333333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom1-text p {
		font-size: 3.2vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom1-text .point4-bottom1-icon {
	width: 11.1979166667vw;
	height: 4.1145833333vw;
	transform: translateX(-0.9375vw);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom1-text .point4-bottom1-icon {
		width: 36.2586666667vw;
		height: 13.6586666667vw;
		transform: translateX(-2.6666666667vw) translateY(0);
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom2-text {
	position: absolute;
	top: 1.6041666667vw;
	right: 1.5625vw;
	text-align: right;
	width: 14.6354166667vw;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom2-text {
		right: unset;
		text-align: left;
		left: 4.8vw;
		top: 5.3333333333vw;
		width: 32vw;
		align-items: flex-start;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom2-text .bottom2-title {
	font-size: 1.4583333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom2-text .bottom2-title {
		font-size: 4.8vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom2-text p {
	font-size: 0.8333333333vw;
	margin-top: 1.4583333333vw;
	width: 10.15625vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom2-text p {
		font-size: 3.2vw;
		margin-top: 2.6666666667vw;
		width: 100%;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom2-text .bottom2-icon1 {
	width: 6.09375vw;
	height: 2.2265625vw;
	display: inline-block;
	margin-top: 1.5625vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom2-text .bottom2-icon1 {
		width: 20.5333333333vw;
		height: 7.4666666667vw;
		margin-top: 4vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom2-text .bottom2-icon2 {
	width: 6.09375vw;
	height: 2.2265625vw;
	display: inline-block;
	margin-top: 1.0416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom2-text .bottom2-icon2 {
		width: 20.5333333333vw;
		height: 7.4666666667vw;
		margin-top: 0;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom2-text .bottom2-icon3 {
	width: 3.3854166667vw;
	height: 3.3333333333vw;
	display: inline-block;
	margin-top: 1.0416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom2-text .bottom2-icon3 {
		width: 8.1466666667vw;
		height: 8.0213333333vw;
		margin-top: 4vw;
		transform: translateY(-9.0666666667vw);
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom3-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 17.34375vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom3-text {
		width: 64vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom3-text .bottom3-title1 {
	font-size: 1.6666666667vw;
	margin-bottom: 0.2604166667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom3-text .bottom3-title1 {
		font-size: 3.0133333333vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom3-text .bottom3-title2 {
	font-size: 2.1875vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom3-text .bottom3-title2 {
		font-size: 4.8vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom3-text p {
	font-size: 0.8333333333vw;
	margin-top: 1.4583333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom3-text p {
		margin-top: 2.6666666667vw;
		font-size: 3.2vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom3 {
		width: 87.4666666667vw;
		height: 41.8666666667vw;
		margin-top: 3.4666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 {
	width: 70.7291666667vw;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 {
		width: 87.4666666667vw;
		overflow: hidden;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .point-contitle {
	font-size: 2.0833333333vw;
	margin: 4.6875vw 0 0 2.5vw;
	width: 100%;
	transform: translateY(1.5vw);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .point-contitle {
		font-size: 5.3333333333vw;
		margin: 9.3333333333vw auto 5.3333333333vw;
		text-align: center;
		transform: translateY(0);
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-left {
	width: 34.9479166667vw;
	height: 15.78125vw;
	position: relative;
	cursor: pointer;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-left {
		width: 87.4666666667vw;
		height: 93.0666666667vw;
		margin-bottom: 4.2666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-left:hover .point-content5-left-product {
	transform: scale(1.1);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-left:hover .point-content5-left-product {
		transform: scale(1);
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-left .point-content5-left-product {
	width: 21.5625vw;
	height: 21.5625vw;
	position: absolute;
	left: 14.15625vw;
	bottom: -3.1666666667vw;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-left .point-content5-left-product {
		display: none;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-left .point-content5-left-text {
	position: absolute;
	left: 2.5vw;
	top: 2.5270833333vw;
	width: 13.9583333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-left .point-content5-left-text {
		width: 77.8666666667vw;
		left: 4.8vw;
		top: 4.8vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-left .point-content5-left-text h3 {
	font-size: 1.4583333333vw;
}

.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-left .point-content5-left-text h3 span {
	font-size: 0.9375vw;
	display: block;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-left .point-content5-left-text h3 {
		font-size: 4.8vw;
	}

	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-left .point-content5-left-text h3 span {
		font-size: 4.8vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-left .point-content5-left-text p {
	font-size: 0.8333333333vw;
	margin-top: 0.5208333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-left .point-content5-left-text p {
		font-size: 3.73333333vw;
		margin-top: 2.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-right {
	width: 34.9479166667vw;
	height: 15.78125vw;
	position: relative;
	cursor: pointer;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-right {
		width: 87.4666666667vw;
		height: 57.0666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-right:hover .bg img {
	transform: scale(1.1);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-right:hover .bg img {
		transform: scale(1);
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai:hover .point-content5-right-yoyo {
	transform: rotate(2.3deg) scale(1.05) translateY(0);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai:hover .point-content5-right-yoyo {
		transform: rotate(2.3deg) translateY(5.4166666667vw);
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-right .bg {
	width: 34.9479166667vw;
	height: 15.78125vw;
	overflow: hidden;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-right .bg {
		width: 87.4666666667vw;
		height: 57.0666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-right .bg img {
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-right .point-content5-right-text {
	position: absolute;
	left: 2.5vw;
	top: 2.6041666667vw;
	width: 15.5833333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-right .point-content5-right-text {
		width: 77.4666666667vw;
		left: 4.8vw;
		top: 4.8vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-right .point-content5-right-text h3 {
	font-size: 1.4583333333vw;
}

.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-right .point-content5-right-text h3 span {
	font-size: 0.9375vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-right .point-content5-right-text h3 {
		font-size: 4.8vw;
	}

	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-right .point-content5-right-text h3 span {
		font-size: 4.8vw;
		display: block;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-right .point-content5-right-text p {
	font-size: 0.8333333333vw;
	margin-top: 0.5208333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-right .point-content5-right-text p {
		margin-top: 2.6666666667vw;
		font-size: 3.7333333333vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai .point-content5-right-yoyo {
	width: 7.8125vw;
	height: 7.8125vw;
	transform: rotate(2.3deg) translateY(5.4166666667vw);
	position: absolute;
	right: 11.8333333333vw;
	top: -2.2875vw;
	z-index: -1;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai .point-content5-right-yoyo {
		left: 74vw;
		top: -14vw;
		width: 13.3333333333vw;
		height: 13.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-light {
	height: 230vh;
}

.honor-magicbook-pro-16 .section-light.is-active-forward-1 .light-bg1 {
	transform: translate(-50%, -80%) scale(1.1);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light.is-active-forward-1 .light-bg1 {
		transform: translate(-50%, -110%) scale(1.1);
	}
}

.honor-magicbook-pro-16 .section-light.is-active-forward-1 .light-bg2 {
	transform: translate(-50%, -15%) scale(1.1);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light.is-active-forward-1 .light-bg2 {
		transform: translate(-50%, 10%) scale(1.1);
	}
}

.honor-magicbook-pro-16 .section-light.is-active-forward-1 .copy-wrapper .light-title {
	transform: scale(1.8);
	opacity: 0;
	filter: blur(5px);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light.is-active-forward-1 .copy-wrapper .light-title {
		transform: scale(2.8);
	}
}

.honor-magicbook-pro-16 .section-light.is-active-forward-1 .copy-wrapper p {
	opacity: 0;
}

.honor-magicbook-pro-16 .section-light.is-active-forward-1 .light-product {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}

.honor-magicbook-pro-16 .section-light.is-active-forward-1 .light-product img {
	animation: light-flow 3s linear infinite;
	animation-direction: alternate;
}

.honor-magicbook-pro-16 .section-light.is-active-forward-1 .light-step2-text1 {
	opacity: 1;
	transform: translate(-50%, -80%) perspective(1000px) rotateY(0deg);
	transition-delay: 0.5s;
}

.honor-magicbook-pro-16 .section-light.is-active-forward-1 .light-step2-text2 {
	opacity: 1;
	transform: translate(-60%, -40%) perspective(1000px) rotateY(0deg);
	transition-delay: 0.5s;
}

.honor-magicbook-pro-16 .section-light.is-active-reverse-1 .light-bg1 {
	transform: translate(-50%, -80%) scale(1.1);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light.is-active-reverse-1 .light-bg1 {
		transform: translate(-50%, -110%) scale(1.1);
	}
}

.honor-magicbook-pro-16 .section-light.is-active-reverse-1 .light-bg2 {
	transform: translate(-50%, -15%) scale(1.1);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light.is-active-reverse-1 .light-bg2 {
		transform: translate(-50%, 10%) scale(1.1);
	}
}

.honor-magicbook-pro-16 .section-light.is-active-reverse-1 .copy-wrapper .light-title {
	transform: scale(1.8);
	opacity: 0;
	filter: blur(5px);
}

.honor-magicbook-pro-16 .section-light.is-active-reverse-1 .copy-wrapper p {
	opacity: 0;
}

.honor-magicbook-pro-16 .section-light.is-active-reverse-1 .light-product {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
	transition-delay: 0.25s;
}

.honor-magicbook-pro-16 .section-light.is-active-reverse-1 .light-step2-text1 {
	opacity: 1;
	transform: translate(-50%, -50%) perspective(1000px) rotateY(0deg);
	transition-delay: 0.5s;
}

.honor-magicbook-pro-16 .section-light.is-active-reverse-1 .light-step2-text2 {
	opacity: 1;
	transform: translate(-50%, -50%) perspective(1000px) rotateY(0deg);
	transition-delay: 0s;
}

.honor-magicbook-pro-16 .section-light.is-active-forward-2 .light-bg1 {
	transform: translate(-50%, -80%) scale(1.1);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light.is-active-forward-2 .light-bg1 {
		transform: translate(-50%, -110%) scale(1.1);
	}
}

.honor-magicbook-pro-16 .section-light.is-active-forward-2 .light-bg2 {
	transform: translate(-50%, -15%) scale(1.1);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light.is-active-forward-2 .light-bg2 {
		transform: translate(-50%, 10%) scale(1.1);
	}
}

.honor-magicbook-pro-16 .section-light.is-active-forward-2 .copy-wrapper .light-title {
	transform: scale(1.8);
	opacity: 0;
	filter: blur(5px);
}

.honor-magicbook-pro-16 .section-light.is-active-forward-2 .copy-wrapper p {
	opacity: 0;
}

.honor-magicbook-pro-16 .section-light.is-active-forward-2 .light-product {
	transform: translate(-80%, -75%) scale(0);
	opacity: 0;
	transition-delay: 0.25s;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light.is-active-forward-2 .light-product {
		transform: translate(-80%, -85%) scale(0);
	}
}

.honor-magicbook-pro-16 .section-light.is-active-forward-2 .light-step2-text1 {
	opacity: 0;
	transform: translate(-50%, -100%) perspective(1000px) rotateY(0deg) scale(0);
	transition-delay: 0s;
}

.honor-magicbook-pro-16 .section-light.is-active-forward-2 .light-step2-text2 {
	opacity: 0;
	transform: translate(-195%, -170%) perspective(1000px) rotateY(0deg) scale(0);
	transition-delay: 0.5s;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light.is-active-forward-2 .light-step2-text2 {
		transform: translate(-195%, -370%) perspective(1000px) rotateY(0deg) scale(0);
	}
}

.honor-magicbook-pro-16 .section-light.is-active-forward-2 .light-step3-text2 {
	opacity: 1;
	transition-delay: 0.5s;
	transform: translate(-50%, -50%) scale(1);
}

.honor-magicbook-pro-16 .section-light.is-active-forward-2 .light-product2 {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
	transition-delay: 0.75s;
}

.honor-magicbook-pro-16 .section-light.is-active-forward-2 .light-step3-text1 {
	opacity: 1;
	transition-delay: 1s;
	transform: translate(-50%, -50%) scale(1);
}

.honor-magicbook-pro-16 .section-light.is-active-reverse-2 .light-bg1 {
	transform: translate(-50%, -80%) scale(1.1);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light.is-active-reverse-2 .light-bg1 {
		transform: translate(-50%, -110%) scale(1.1);
	}
}

.honor-magicbook-pro-16 .section-light.is-active-reverse-2 .light-bg2 {
	transform: translate(-50%, -15%) scale(1.1);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light.is-active-reverse-2 .light-bg2 {
		transform: translate(-50%, 10%) scale(1.1);
	}
}

.honor-magicbook-pro-16 .section-light.is-active-reverse-2 .copy-wrapper .light-title {
	transform: scale(1.8);
	opacity: 0;
	filter: blur(5px);
}

.honor-magicbook-pro-16 .section-light.is-active-reverse-2 .copy-wrapper p {
	opacity: 0;
}

.honor-magicbook-pro-16 .section-light.is-active-reverse-2 .light-product {
	transform: translate(-80%, -75%) scale(0);
	opacity: 0;
	transition-delay: 0.25s;
}

.honor-magicbook-pro-16 .section-light.is-active-reverse-2 .light-step2-text1 {
	opacity: 0;
	transform: translate(-50%, -100%) perspective(1000px) rotateY(0deg) scale(0);
	transition-delay: 0.5s;
}

.honor-magicbook-pro-16 .section-light.is-active-reverse-2 .light-step2-text2 {
	opacity: 0;
	transform: translate(-195%, -170%) perspective(1000px) rotateY(0deg) scale(0);
	transition-delay: 0s;
}

.honor-magicbook-pro-16 .section-light.is-active-reverse-2 .light-step3-text2 {
	opacity: 1;
	transition-delay: 0.5s;
	transform: translate(-50%, -50%) scale(1);
}

.honor-magicbook-pro-16 .section-light.is-active-reverse-2 .light-product2 {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
	transition-delay: 0.75s;
}

.honor-magicbook-pro-16 .section-light.is-active-reverse-2 .light-step3-text1 {
	opacity: 1;
	transition-delay: 1s;
	transform: translate(-50%, -50%) scale(1);
}

@keyframes light-flow {
	0% {
		transform: translateY(0.5208333333vw);
	}

	100% {
		transform: translateY(-0.5208333333vw);
	}
}

.honor-magicbook-pro-16 .section-light .light-bg1 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	transition: transform 0.7s ease;
	will-change: transform;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light .light-bg1 {
		width: 100vw;
		height: 119.2vw;
		transform: translate(-50%, -75%);
	}
}

.honor-magicbook-pro-16 .section-light .light-bg2 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
	transition: transform 0.7s ease;
	will-change: transform;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light .light-bg2 {
		width: 100vw;
		height: 119.2vw;
		transform: translate(-50%, -25%);
	}
}

.honor-magicbook-pro-16 .section-light .copy-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 11;
	width: 60%;
}

.honor-magicbook-pro-16 .section-light .copy-wrapper p {
	width: 41.40625vw;
	margin: 0 auto;
}

.honor-magicbook-pro-16 .section-light .copy-wrapper .light-title {
	font-size: 4.1666666667vw;
	margin-bottom: 2.0833333333vw;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light .copy-wrapper {
		width: 88.8vw;
	}

	.honor-magicbook-pro-16 .section-light .copy-wrapper .light-title {
		font-size: 9.6vw;
		margin-bottom: 5.3333333333vw;
	}

	.honor-magicbook-pro-16 .section-light .copy-wrapper p {
		width: 100%;
		font-size: 3.7333333333vw;
	}
}

.honor-magicbook-pro-16 .section-light .light-product {
	width: 73.0208333333vw;
	height: 56.25vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	opacity: 0;
	transition: transform 1s ease, opacity 0.7s ease;
	z-index: 15;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light .light-product {
		width: 154.6666666667vw;
		height: 154.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-light .light-step2-text1 {
	display: inline-block;
	font-size: 6.0416666667vw;
	background: linear-gradient(180deg, #ffffff 20%, #2d2d2d 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: absolute;
	top: 30%;
	left: 28%;
	transform: translate(0%, -60%) perspective(1000px) rotateY(50deg);
	z-index: 15;
	opacity: 0;
	transition: transform 1s ease, opacity 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light .light-step2-text1 {
		font-size: 9.6vw;
	}
}

.honor-magicbook-pro-16 .section-light .light-step2-text1 sup {
	display: inline-block;
	background: linear-gradient(180deg, #ffffff 20%, #2d2d2d 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 1 !important;
	font-size: 1.5625vw !important;
	position: relative !important;
	top: -1.5625vw !important;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light .light-step2-text1 sup {
		font-size: 5.3333333333vw !important;
	}
}

.honor-magicbook-pro-16 .section-light .light-step2-text2 {
	display: inline-block;
	font-size: 7.5vw;
	position: absolute;
	top: 72%;
	left: 74%;
	transform: translate(-20%, -50%) perspective(1000px) rotateY(50deg);
	z-index: 15;
	opacity: 0;
	transition: transform 1s ease, opacity 0.7s ease;
}

.honor-magicbook-pro-16 .section-light .light-step2-text2 sup {
	font-size: 30% !important;
	top: 1vw !important;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light .light-step2-text2 {
		font-size: 21.3333333333vw;
		left: 72%;
	}

	.honor-magicbook-pro-16 .section-light .light-step2-text2 sup {
		font-size: 30% !important;
		top: 2vw !important;
	}
}

.honor-magicbook-pro-16 .section-light .light-step2-text2 span {
	font-size: 3.3333333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light .light-step2-text2 span {
		font-size: 9.0666666667vw;
	}
}

.honor-magicbook-pro-16 .section-light .light-product2 {
	width: 48.1770833333vw;
	height: 48.1770833333vw;
	position: absolute;
	top: 50%;
	left: 58%;
	transform: translate(10%, -20%) scale(0);
	opacity: 0;
	transition: transform 1s ease, opacity 0.7s ease;
	z-index: 15;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light .light-product2 {
		width: 88vw;
		height: 88vw;
		left: 42%;
		top: 46%;
	}
}

.honor-magicbook-pro-16 .section-light .light-step3-text1 {
	display: inline-block;
	font-size: 7.5vw;
	position: absolute;
	top: 66%;
	left: 73%;
	transform: translate(-20%, -20%) scale(0);
	z-index: 15;
	opacity: 0;
	transition: transform 1s ease, opacity 0.7s ease;
}

.honor-magicbook-pro-16 .section-light .light-step3-text1 sup {
	font-size: 30% !important;
	top: 1vw !important;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light .light-step3-text1 {
		font-size: 21.3333333333vw;
		top: 77%;
		left: 65%;
	}

	.honor-magicbook-pro-16 .section-light .light-step3-text1 sup {
		font-size: 30% !important;
		top: 2vw !important;
	}
}

.honor-magicbook-pro-16 .section-light .light-step3-text1 span {
	font-size: 3.3333333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light .light-step3-text1 span {
		font-size: 9.0666666667vw;
	}
}

.honor-magicbook-pro-16 .section-light .light-step3-text2 {
	display: inline-block;
	font-size: 6.0416666667vw;
	background: linear-gradient(180deg, #ffffff 20%, #2d2d2d 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: absolute;
	top: 32%;
	left: 30%;
	transform: translate(120%, 50%) scale(0);
	z-index: 15;
	opacity: 0;
	transition: transform 1s ease, opacity 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light .light-step3-text2 {
		font-size: 9.6vw;
	}
}

.honor-magicbook-pro-16 .section-light .light-step3-text2 sup {
	display: inline-block;
	background: linear-gradient(180deg, #ffffff 20%, #2d2d2d 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 6.4583333333vw !important;
	font-size: 1.5625vw !important;
	position: relative !important;
	top: -1.5625vw !important;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-light .light-step3-text2 sup {
		font-size: 5.3333333333vw !important;
	}
}

.honor-magicbook-pro-16 .section-square {
	height: 140vh;
}

.honor-magicbook-pro-16 .section-square #trigger-square2 {
	position: absolute;
	top: 10vh;
}

.honor-magicbook-pro-16 .section-square.is-active .square-border {
	transform: translate(-50%, -50%) scale(3.5);
	transition-delay: 0s;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-square.is-active .square-border {
		transform: translate(-50%, -50%) scale(5);
		transition-delay: 0s;
		transform-origin: 50% 46%;
	}
}

.honor-magicbook-pro-16 .section-square.is-active .square-cmf-product {
	opacity: 1;
	transition-delay: 0s;
}

.honor-magicbook-pro-16 .section-square.is-active .copy-wrapper2-purple {
	opacity: 1;
	transition-delay: 0.3s;
}

.honor-magicbook-pro-16 .section-square.is-active .square-cmf-btn {
	opacity: 1;
	transition-delay: 0.3s;
}

.honor-magicbook-pro-16 .section-square.is-active.is-color-purple .square-cmf-product {
	opacity: 1;
}

.honor-magicbook-pro-16 .section-square.is-active.is-color-purple .square-cmf-product2 {
	opacity: 0;
}

.honor-magicbook-pro-16 .section-square.is-active.is-color-purple .copy-wrapper2-purple {
	opacity: 1;
	transition-delay: 0s;
}

.honor-magicbook-pro-16 .section-square.is-active.is-color-purple .copy-wrapper2-white {
	opacity: 0;
}

.honor-magicbook-pro-16 .section-square.is-active.is-color-purple .square-cmf-btn {
	color: #fff;
}

.honor-magicbook-pro-16 .section-square.is-active.is-color-purple .square-cmf-btn .cmf-btn-white {
	opacity: 0.4;
}

.honor-magicbook-pro-16 .section-square.is-active.is-color-purple .square-cmf-btn .cmf-btn-white .square-white .circle-white {
	opacity: 0;
}

.honor-magicbook-pro-16 .section-square.is-active.is-color-white .square-cmf-product {
	opacity: 1;
}

.honor-magicbook-pro-16 .section-square.is-active.is-color-white .square-cmf-product2 {
	opacity: 1;
}

.honor-magicbook-pro-16 .section-square.is-active.is-color-white .copy-wrapper2-purple {
	opacity: 0;
	transition-delay: 0s;
}

.honor-magicbook-pro-16 .section-square.is-active.is-color-white .copy-wrapper2-white {
	opacity: 1;
}

.honor-magicbook-pro-16 .section-square.is-active.is-color-white .copy-wrapper2 {
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-square.is-active.is-color-white .copy-wrapper2 {
		color: #fff;
	}
}

@media (aspect-ratio: 768/1024),
	(aspect-ratio: 1024/1366) {
		.honor-magicbook-pro-16 .section-square.is-active.is-color-white .copy-wrapper2 {
			color: #000;
		}
	}

.honor-magicbook-pro-16 .section-square.is-active.is-color-white .square-cmf-btn {
	color: #000;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-square.is-active.is-color-white .square-cmf-btn {
		color: #fff;
	}
}

@media (aspect-ratio: 768/1024),
	(aspect-ratio: 1024/1366) {
		.honor-magicbook-pro-16 .section-square.is-active.is-color-white .square-cmf-btn {
			color: #000;
		}
	}

.honor-magicbook-pro-16 .section-square.is-active.is-color-white .square-cmf-btn .cmf-btn-purple {
	opacity: 0.4;
}

.honor-magicbook-pro-16 .section-square.is-active.is-color-white .square-cmf-btn .cmf-btn-purple .square-purple .circle-purple {
	opacity: 0;
}

.honor-magicbook-pro-16 .section-square.is-active.is-color-white .square-cmf-btn .cmf-btn-white {
	opacity: 1;
}

.honor-magicbook-pro-16 .section-square.is-active.is-color-white .square-cmf-btn .cmf-btn-white .square-white .circle-white {
	opacity: 1;
}

.honor-magicbook-pro-16 .section-square .square-product {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}

.honor-magicbook-pro-16 .section-square .square-border {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	z-index: 10;
	transition: transform 1s ease;
	will-change: transform;
}

.honor-magicbook-pro-16 .section-square .copy-wrapper {
	position: absolute;
	top: 46.5%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 2.6041666667vw;
	opacity: 0;
	z-index: 4;
	transition: opacity 0.7s ease;
	will-change: opacity;
	width: 28.125vw;
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-square .copy-wrapper {
		top: 44.5%;
		width: 71.2vw;
	}
}

.honor-magicbook-pro-16 .section-square .copy-wrapper .square-title {
	font-size: 2.9166666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-square .copy-wrapper .square-title {
		font-size: 8.5333333333vw;
	}
}

.honor-magicbook-pro-16 .section-square .square-cmf-product {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	z-index: 8;
	opacity: 0;
	transition: opacity 0.7s ease;
	will-change: opacity;
	transition-delay: 0.3s;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-square .square-cmf-product {
		width: 100vw;
		height: 124.9333333333vw;
		top: 0;
		transform: translate(-50%, 0%);
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 500px) {
	.honor-magicbook-pro-16 .section-square .square-cmf-product {
		width: 100vw;
		height: 118.9333333333vw;
		top: 0;
		transform: translate(-50%, 0%);
	}
}

.honor-magicbook-pro-16 .section-square .square-cmf-product2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	transition: opacity 0.7s ease;
	will-change: opacity;
	z-index: 9;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-square .square-cmf-product2 {
		width: 100vw;
		height: 124.9333333333vw;
		top: 0;
		transform: translate(-50%, 0%);
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 500px) {
	.honor-magicbook-pro-16 .section-square .square-cmf-product2 {
		width: 100vw;
		height: 118.9333333333vw;
		top: 0;
		transform: translate(-50%, 0%);
	}
}

.honor-magicbook-pro-16 .section-square .copy-wrapper2 {
	position: absolute;
	top: 22%;
	left: 22%;
	transform: translate(-50%, -50%);
	transition: opacity 0.5s ease;
	will-change: opacity;
	z-index: 10;
	opacity: 0;
	width: 24.4791666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-square .copy-wrapper2 {
		width: 75.7333333333vw;
		top: 80%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

.honor-magicbook-pro-16 .section-square .copy-wrapper2-white {
	opacity: 0;
	width: 25.46875vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-square .copy-wrapper2-white {
		width: 75.7333333333vw;
	}
}

.honor-magicbook-pro-16 .section-square .copy-wrapper2-purple {
	opacity: 0;
}

.honor-magicbook-pro-16 .section-square .square-cmf-btn {
	position: absolute;
	left: 80%;
	top: 83%;
	transform: translate(-50%, -50%);
	transition: opacity 0.5s ease;
	will-change: opacity;
	z-index: 10;
	display: flex;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-square .square-cmf-btn {
		width: 53.3333333333vw;
		left: 40%;
		top: 93%;
	}
}

.honor-magicbook-pro-16 .section-square .square-cmf-btn .cmf-btn-purple {
	display: flex;
	align-items: center;
	margin-right: 2.0833333333vw;
	cursor: pointer;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-square .square-cmf-btn .cmf-btn-purple {
		margin-right: 8.8vw;
	}
}

.honor-magicbook-pro-16 .section-square .square-cmf-btn .cmf-btn-purple .square-purple {
	width: 1.25vw;
	height: 1.25vw;
	background: linear-gradient(180deg, #615c8c 0%, #333241 100%);
	border-radius: 50%;
	position: relative;
	margin-right: 0.4166666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-square .square-cmf-btn .cmf-btn-purple .square-purple {
		width: 3.7333333333vw;
		height: 3.7333333333vw;
		margin-right: 2.1333333333vw;
	}
}

.honor-magicbook-pro-16 .section-square .square-cmf-btn .cmf-btn-purple .square-purple .circle-purple {
	width: 0.8854166667vw;
	height: 0.8854166667vw;
	border-radius: 50%;
	border: 1px solid #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-square .square-cmf-btn .cmf-btn-purple .square-purple .circle-purple {
		width: 3.2vw;
		height: 3.2vw;
	}
}

.honor-magicbook-pro-16 .section-square .square-cmf-btn .cmf-btn-purple h3 {
	font-size: 1.6666666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-square .square-cmf-btn .cmf-btn-purple h3 {
		font-size: 6.4vw;
	}
}

.honor-magicbook-pro-16 .section-square .square-cmf-btn .cmf-btn-white {
	display: flex;
	align-items: center;
	cursor: pointer;
	opacity: 0.4;
}

.honor-magicbook-pro-16 .section-square .square-cmf-btn .cmf-btn-white .square-white {
	width: 1.25vw;
	height: 1.25vw;
	background: linear-gradient(90deg, #eff3ff 0%, #fcf5ff 25%, #fffaeb 75%, #f1faf7 100%);
	border-radius: 50%;
	position: relative;
	margin-right: 0.4166666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-square .square-cmf-btn .cmf-btn-white .square-white {
		width: 3.7333333333vw;
		height: 3.7333333333vw;
		margin-right: 2.1333333333vw;
	}
}

.honor-magicbook-pro-16 .section-square .square-cmf-btn .cmf-btn-white .square-white .circle-white {
	width: 0.8854166667vw;
	height: 0.8854166667vw;
	border-radius: 50%;
	border: 1px solid #a88a9a;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-square .square-cmf-btn .cmf-btn-white .square-white .circle-white {
		width: 3.2vw;
		height: 3.2vw;
	}
}

.honor-magicbook-pro-16 .section-square .square-cmf-btn .cmf-btn-white h3 {
	font-size: 1.6666666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-square .square-cmf-btn .cmf-btn-white h3 {
		font-size: 6.4vw;
	}
}

.honor-magicbook-pro-16 .section-fire {
	height: 130vh;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-fire {
		height: auto;
	}
}

.honor-magicbook-pro-16 .section-fire.is-active .copy-wrapper {
	opacity: 1;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-fire.is-active .copy-wrapper {
		transform: translate(0%, 0vw);
	}
}

.honor-magicbook-pro-16 .section-fire.is-active .copy-wrapper .fire-title .fire-title-top {
	transform: translateY(-50vh);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-fire.is-active .copy-wrapper .fire-title .fire-title-top {
		transform: translateY(0);
	}
}

.honor-magicbook-pro-16 .section-fire.is-active .copy-wrapper .fire-title .fire-title-bottom {
	transform: translateY(50vh);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-fire.is-active .copy-wrapper .fire-title .fire-title-bottom {
		transform: translateY(0);
	}
}

.honor-magicbook-pro-16 .section-fire.is-active .fire-product .fire-product-cover {
	opacity: 0;
}

.honor-magicbook-pro-16 .section-fire.is-active .fire-bg {
	opacity: 1;
	transition-delay: 0.3s;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-fire.is-active .fire-bg {
		opacity: 1;
	}
}

.honor-magicbook-pro-16 .section-fire.is-active .fire-140w img {
	transform: translateY(0%);
	transition-delay: 0.3s;
}

.honor-magicbook-pro-16 .section-fire.is-active .fire-text-content .fire-text {
	transform: translateY(0);
	transition-delay: 0.3s;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-fire.is-active .fire-text-content .fire-text {
		transform: translate(0%, 0vw);
		opacity: 1;
	}
}

.honor-magicbook-pro-16 .section-fire.is-active .fire-text-content .fire-text-icon {
	transform: translateY(0);
	transition-delay: 0.3s;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-fire.is-active .fire-text-content .fire-text-icon {
		transform: translateY(72vw);
		transition-delay: 0s;
		width: 72%;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-fire .sticky-container {
		height: auto;
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 5.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-fire .copy-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 55%;
	text-align: center;
	z-index: 10;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-fire .copy-wrapper {
		width: 100vw;
		position: unset;
		transform: translate(0%, 8vw);
		text-align: center;
		margin-top: 21.3333333333vw;
		order: 1;
		opacity: 0;
		transition: all 0.7s ease;
	}
}

.honor-magicbook-pro-16 .section-fire .copy-wrapper .fire-title {
	font-size: 4.1666666667vw;
	line-height: 1.15;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-fire .copy-wrapper .fire-title {
		font-size: 8.5333333333vw;
		width: 84.5333333333vw;
		margin: 0 auto;
	}
}

.honor-magicbook-pro-16 .section-fire .copy-wrapper .fire-title span {
	line-height: 2.2;
	transition: all 1s ease;
	display: inline-block;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-fire .copy-wrapper .fire-title span {
		line-height: 1.2;
	}
}

.honor-magicbook-pro-16 .section-fire .fire-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-fire .fire-bg {
		width: 100vw;
		height: 81.0666666667vw;
		position: unset;
		transform: translate(0%, -18.6666666667vw);
		order: 3;
	}
}

.honor-magicbook-pro-16 .section-fire .fire-product {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.honor-magicbook-pro-16 .section-fire .fire-product .fire-product-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 28.0729166667vw;
	opacity: 1;
	transition: all 1s ease;
}

.honor-magicbook-pro-16 .section-fire .fire-140w {
	width: 44.4270833333vw;
	height: 14.2708333333vw;
	position: absolute;
	top: 38%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	z-index: 10;
}

.honor-magicbook-pro-16 .section-fire .fire-140w img {
	transform: translateY(100%);
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-fire .fire-text-content {
	position: absolute;
	width: 52.03125vw;
	height: 16.6666666667vw;
	overflow: hidden;
	text-align: center;
	top: 80.8%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0.2604166667vw 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-fire .fire-text-content {
		height: auto;
		transform: translate(0%, 0%);
		text-align: center;
		margin: 2.6666666667vw auto;
		order: 2;
		overflow: unset;
		position: relative;
		z-index: 15;
		left: 0;
		top: 0;
		width: 84.5333333333vw;
	}
}

.honor-magicbook-pro-16 .section-fire .fire-text-content .fire-text {
	transform: translateY(-16.6666666667vw);
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-fire .fire-text-content .fire-text {
		transform: translateY(8vw);
		width: auto;
		height: auto;
		opacity: 0;
		transition: all 0.7s ease;
	}
}

.honor-magicbook-pro-16 .section-fire .fire-text-content .fire-text-icon {
	display: flex;
	width: 40%;
	margin: 1.5625vw auto 0;
	justify-content: space-between;
	transform: translateY(-15.625vw);
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-fire .fire-text-content .fire-text-icon {
		width: 100%;
		transform: translateY(72vw);
	}
}

.honor-magicbook-pro-16 .section-fire .fire-text-content .fire-text-icon .fire-icon img {
	width: 5.2083333333vw;
	height: 5.2083333333vw;
	margin: 0 auto;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-fire .fire-text-content .fire-text-icon .fire-icon img {
		width: 9.3333333333vw;
		height: 9.3333333333vw;
		margin: 0 auto 1.6vw;
	}
}

.honor-magicbook-pro-16 .section-fire .fire-text-content .fire-text-icon .fire-icon p {
	font-size: 0.9375vw;
	color: #F6F2FF;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-fire .fire-text-content .fire-text-icon .fire-icon p {
		font-size: 3.2vw;
	}
}

.honor-magicbook-pro-16 .section-chip {
	width: 100%;
	height: 53.5416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-chip {
		height: auto;
		width: 100vw;
	}
}

.honor-magicbook-pro-16 .section-chip.is-active .copy-wrapper .chip-title {
	transform: translateY(0);
	opacity: 1;
}

.honor-magicbook-pro-16 .section-chip.is-active .copy-wrapper .chip-text {
	transform: translateY(0);
	transition-delay: 0.2s;
	opacity: 1;
}

.honor-magicbook-pro-16 .section-chip.is-active .copy-wrapper .chip-data-wrapper {
	transform: translateY(0);
	transition-delay: 0.4s;
	opacity: 1;
}

.honor-magicbook-pro-16 .section-chip .copy-wrapper {
	position: absolute;
	width: 34.0833333333vw;
	top: 50%;
	left: 75%;
	transform: translate(-50%, -50%);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-chip .copy-wrapper {
		height: auto;
		width: 84vw;
		position: unset;
		transform: translate(0%, 0%);
		margin: 10.6666666667vw auto;
	}
}

.honor-magicbook-pro-16 .section-chip .copy-wrapper .chip-title {
	font-size: 2.5vw;
	margin-bottom: 1.5625vw;
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
	will-change: transform, opacity;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-chip .copy-wrapper .chip-title {
		font-size: 8.5333333333vw;
		margin-bottom: 5.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-chip .copy-wrapper .chip-text {
	width: 81%;
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
	will-change: transform, opacity;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-chip .copy-wrapper .chip-text {
		margin-bottom: 8vw;
		width: 100%;
	}
}

.honor-magicbook-pro-16 .section-chip .copy-wrapper .chip-data-wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 3.125vw;
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
	will-change: transform, opacity;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-chip .copy-wrapper .chip-data-wrapper {
		height: auto;
		width: 100%;
	}
}

.honor-magicbook-pro-16 .section-chip .copy-wrapper .chip-data-wrapper .data-content {
	width: 30%;
	margin-bottom: 1.5625vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-chip .copy-wrapper .chip-data-wrapper .data-content {
		margin-bottom: 5.3333333333vw;
		width: 30%;
	}
}

.honor-magicbook-pro-16 .section-chip .copy-wrapper .chip-data-wrapper .data-content p {
	font-size: 0.9375vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-chip .copy-wrapper .chip-data-wrapper .data-content p {
		font-size: 3.2vw;
	}
}

.honor-magicbook-pro-16 .section-chip .copy-wrapper .chip-data-wrapper .data-content h3 {
	font-size: 2.7083333333vw;
	background: linear-gradient(180deg, #f6f2ff 0%, #6e7dff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-chip .copy-wrapper .chip-data-wrapper .data-content h3 {
		font-size: 6.4vw;
	}
}

.honor-magicbook-pro-16 .section-chip .video-chip-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.honor-magicbook-pro-16 .section-chip .chip-cover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-chip .chip-cover {
		width: 100vw;
		height: 64vw;
		position: unset;
	}
}

.honor-magicbook-pro-16 .section-videocard.is-active .videocard-subtitle {
	opacity: 1;
	transform: none;
}

.honor-magicbook-pro-16 .section-videocard.is-active .videocard-title {
	opacity: 1;
	transform: none;
	transition-delay: 0.2s;
}

.honor-magicbook-pro-16 .section-videocard.is-active .videocard-copy {
	opacity: 1;
	transform: none;
	transition-delay: 0.4s;
}

.honor-magicbook-pro-16 .section-videocard.is-active .spec-wrapper {
	opacity: 1;
	transform: none;
	transition-delay: 0.6s;
}

.honor-magicbook-pro-16 .section-videocard .videocard-container {
	position: relative;
}

.honor-magicbook-pro-16 .section-videocard .bg {
	height: 53.125vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-videocard .bg {
		height: 75.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-videocard .copy-wrapper {
	position: absolute;
	top: 50%;
	left: 45%;
	width: 29.21875vw;
	transform: translateX(-33.4375vw) translateY(-50%);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-videocard .copy-wrapper {
		position: relative;
		top: auto;
		left: auto;
		width: 84vw;
		transform: none;
		margin: -6vw auto 0;
	}
}

.honor-magicbook-pro-16 .section-videocard .videocard-subtitle {
	font-size: 1.40625vw;
	opacity: 0;
	transform: translateY(2.0833333333vw);
	transition: opacity 0.7s ease, transform 0.7s ease;
	will-change: opacity, transform;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-videocard .videocard-subtitle {
		font-size: 5.3333333333vw;
		transform: translateY(5.3333333333vw);
	}
}

.honor-magicbook-pro-16 .section-videocard .videocard-title {
	font-size: 2.5vw;
	margin-top: 0.5208333333vw;
	opacity: 0;
	transform: translateY(2.0833333333vw);
	transition: opacity 0.7s ease, transform 0.7s ease;
	will-change: opacity, transform;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-videocard .videocard-title {
		font-size: 8.5333333333vw;
		transform: translateY(5.3333333333vw);
		margin-top: 0;
	}
}

.honor-magicbook-pro-16 .section-videocard .videocard-copy {
	font-size: 0.9375vw;
	margin-top: 1.5625vw;
	opacity: 0;
	transform: translateY(2.0833333333vw);
	transition: opacity 0.7s ease, transform 0.7s ease;
	will-change: opacity, transform;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-videocard .videocard-copy {
		font-size: 3.7333333333vw;
		transform: translateY(5.3333333333vw);
		margin-top: 5.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-videocard .spec-wrapper {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin-top: 2.0833333333vw;
	opacity: 0;
	transform: translateY(2.0833333333vw);
	transition: opacity 0.7s ease, transform 0.7s ease;
	will-change: opacity, transform;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-videocard .spec-wrapper {
		margin-top: 7.4666666667vw;
		transform: translateY(5.3333333333vw);
		flex-direction: row;
		flex-wrap: nowrap;
	}
}

.honor-magicbook-pro-16 .section-videocard .spec-wrapper .detail1 {
	margin-bottom: 1.0416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-videocard .spec-wrapper .detail1 {
		margin-bottom: 0;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-videocard .spec-wrapper .detail {
		width: 50%;
	}
}

.honor-magicbook-pro-16 .section-videocard .spec-wrapper .title {
	font-size: 0.8333333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-videocard .spec-wrapper .title {
		font-size: 3.2vw;
		width: 100%;
	}
}

.honor-magicbook-pro-16 .section-videocard .spec-wrapper .copy {
	font-size: 2.7083333333vw;
	background: linear-gradient(180deg, #f6f2ff 20%, #a9b0ff);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-videocard .spec-wrapper .copy {
		font-size: 6.4vw;
	}
}

.honor-magicbook-pro-16 .section-videocard .spec-wrapper .detail3 {
	margin-top: 1.5625vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-videocard .spec-wrapper .detail3 {
		margin-top: 5.0666666667vw;
	}
}

.honor-magicbook-pro-16 .section-ainpu {
	margin-top: 10.4166666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ainpu {
		margin-top: 21.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-ainpu.is-active .ainpu-title {
	opacity: 1;
	transform: none;
}

.honor-magicbook-pro-16 .section-ainpu.is-active .ainpu-copy {
	opacity: 1;
	transform: none;
	transition-delay: 0.2s;
}

.honor-magicbook-pro-16 .section-ainpu .ainpu-container {
	position: relative;
}

.honor-magicbook-pro-16 .section-ainpu .bg {
	height: 53.8020833333vw;
}

.honor-magicbook-pro-16 .section-ainpu.is-active .ainpu-line {
	animation: ainpu-line 1s ease forwards;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ainpu.is-active .ainpu-line {
		animation: none;
	}
}

.honor-magicbook-pro-16 .section-ainpu .ainpu-line1 {
	position: absolute;
	width: 7.45vw;
	height: 16.3vw;
	left: 12.6%;
	top: 25%;
}

.honor-magicbook-pro-16 .section-ainpu .ainpu-line2 {
	position: absolute;
	width: 10.21vw;
	height: 17.1875vw;
	left: 26.3%;
	top: 38.5%;
}

.honor-magicbook-pro-16 .section-ainpu .ainpu-line3 {
	position: absolute;
	width: 13.8vw;
	height: 18.28125vw;
	left: 68.6%;
	top: 42%;
}

.honor-magicbook-pro-16 .section-ainpu .ainpu-line4 {
	position: absolute;
	width: 8.96vw;
	height: 15.3645vw;
	left: 76.3%;
	top: 27%;
}

.honor-magicbook-pro-16 .section-ainpu .ainpu-line5 {
	position: absolute;
	width: 11.1458vw;
	height: 16.875vw;
	left: 6.4%;
	top: 67%;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ainpu .ainpu-line {
		display: none;
	}
}

@keyframes ainpu-line {
	0% {
		-webkit-clip-path: inset(100% 0 0 0);
		clip-path: inset(100% 0 0 0);
	}

	100% {
		-webkit-clip-path: inset(0% 0 0 0);
		clip-path: inset(0% 0 0 0);
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ainpu .bg {
		height: 80.2666666667vw;
	}
}

.honor-magicbook-pro-16 .section-ainpu .copy-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 55.46875vw;
	transform: translateX(-50%) translateY(-27.6041666667vw);
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ainpu .copy-wrapper {
		position: relative;
		top: auto;
		left: auto;
		width: 84.5333333333vw;
		transform: none;
		margin: -8vw auto 0;
		text-align: left;
	}
}

.honor-magicbook-pro-16 .section-ainpu .ainpu-title {
	font-size: 2.5vw;
	opacity: 0;
	transform: translateY(2.0833333333vw);
	transition: opacity 0.7s ease, transform 0.7s ease;
	will-change: opacity, transform;
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ainpu .ainpu-title {
		font-size: 8.5333333333vw;
		transform: translateY(5.3333333333vw);
	}
}

.honor-magicbook-pro-16 .section-ainpu .ainpu-copy {
	font-size: 0.9375vw;
	margin: 0 auto;
	margin-top: 1.5625vw;
	opacity: 0;
	transform: translateY(2.0833333333vw);
	transition: opacity 0.7s ease, transform 0.7s ease;
	will-change: opacity, transform;
	width: 51.3020833333vw;
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ainpu .ainpu-copy {
		font-size: 3.7333333333vw;
		transform: translateY(5.3333333333vw);
		margin-top: 5.3333333333vw;
		width: 100%;
	}
}

.honor-magicbook-pro-16 .section-flywire {
	height: 200vh;
}

.honor-magicbook-pro-16 .section-flywire.is-active .copy-wrapper .flywire-title {
	transform: translateY(0);
	opacity: 1;
}

.honor-magicbook-pro-16 .section-flywire.is-active .copy-wrapper .flywire-text {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0.2s;
}

.honor-magicbook-pro-16 .section-flywire.is-active .copy-wrapper .flywire-icon-wrapper {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0.4s;
}

.honor-magicbook-pro-16 .section-flywire .sticky-container {
	background-color: #101010;
}

.honor-magicbook-pro-16 .section-flywire #flywireCanvas-video {
	display: none;
}

.honor-magicbook-pro-16 .section-flywire #flywireCanvas-ani {
	width: 133.3333333333vw;
	height: 88.8541666667vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-65%, -50%) scale(0.5);
}

.honor-magicbook-pro-16 .section-flywire .copy-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(30%, -50%);
	width: 27.8645833333vw;
}

.honor-magicbook-pro-16 .section-flywire .copy-wrapper .flywire-title {
	font-size: 2.9166666667vw;
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-flywire .copy-wrapper .flywire-text {
	margin-top: 1.5625vw;
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-flywire .copy-wrapper .flywire-icon-wrapper {
	font-size: 0;
	margin-top: 3.125vw;
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-flywire .copy-wrapper .flywire-icon-wrapper .flywire-icon-text {
	color: #adadad;
}

.honor-magicbook-pro-16 .section-flywire .copy-wrapper .flywire-icon-wrapper .line-wrapper {
	width: 18.4375vw;
	margin: 0.2604166667vw 0 0.5208333333vw;
}

.honor-magicbook-pro-16 .section-flywire .copy-wrapper .flywire-icon-wrapper .flywire-icon {
	display: inline-block;
	width: 40%;
	vertical-align: top;
}

.honor-magicbook-pro-16 .section-flywire .copy-wrapper .flywire-icon-wrapper .flywire-icon h3 {
	font-size: 2.0833333333vw;
	background: linear-gradient(180deg, #f6f2ff 0%, #6e7dff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.honor-magicbook-pro-16 .section-flywire .copy-wrapper .flywire-icon-wrapper .flywire-icon h3 span {
	font-size: 1.4583333333vw;
}

.honor-magicbook-pro-16 .section-flywire .copy-wrapper .flywire-icon-wrapper .flywire-icon p {
	font-size: 0.9375vw;
	margin-bottom: 1.0416666667vw;
}

.honor-magicbook-pro-16 .section-flywire2.is-active .copy-wrapper .flywire-title {
	transform: translateY(0);
	opacity: 1;
}

.honor-magicbook-pro-16 .section-flywire2.is-active .copy-wrapper .flywire-text {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0.2s;
}

.honor-magicbook-pro-16 .section-flywire2.is-active .copy-wrapper .flywire-icon-wrapper {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0.4s;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-flywire2.is-active .copy-wrapper .flywire-icon-wrapper {
		transform: translateY(80%);
	}
}

.honor-magicbook-pro-16 .section-flywire2 .sticky-container {
	background-color: #0e0e0e;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-flywire2 .sticky-container {
		height: auto;
		display: flex;
		flex-wrap: wrap;
		padding: 21.3333333333vw 0 32vw;
	}
}

.honor-magicbook-pro-16 .section-flywire2 .flywire2-video-wrapper {
	width: 66.6666666667vw;
	height: 44.4270833333vw;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	transform: translate(-80%, -50%);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-flywire2 .flywire2-video-wrapper {
		width: 100vw;
		height: 66.6666666667vw;
		position: unset;
		transform: translateY(-135%) scale(1.2);
		order: 2;
	}
}

.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(30%, -50%);
	width: 27.8645833333vw;
	z-index: 15;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper {
		width: 84vw;
		position: unset;
		transform: translate(0%, 0%);
		margin: 0 auto;
	}
}

.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper .flywire-title {
	font-size: 2.9166666667vw;
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper .flywire-title {
		font-size: 8.5333333333vw;
		text-align: center;
	}
}

.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper .flywire-text {
	margin-top: 1.5625vw;
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper .flywire-text {
		text-align: center;
	}
}

.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper .flywire-icon-wrapper {
	font-size: 0;
	margin-top: 3.125vw;
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper .flywire-icon-wrapper {
		width: 84vw;
		text-align: center;
		transform: translateY(100%);
	}
}

.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper .flywire-icon-wrapper .flywire-icon-text {
	color: #adadad;
}

.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper .flywire-icon-wrapper .line-wrapper {
	width: 18.4375vw;
	margin: 0.2604166667vw 0 0.5208333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper .flywire-icon-wrapper .line-wrapper {
		width: 70.6666666667vw;
		margin: 1.3333333333vw auto 2.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper .flywire-icon-wrapper .flywire-icon {
	display: inline-block;
	width: 40%;
	vertical-align: top;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper .flywire-icon-wrapper .flywire-icon {
		margin-bottom: 6.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper .flywire-icon-wrapper .flywire-icon h3 {
	font-size: 2.0833333333vw;
	background: linear-gradient(180deg, #f6f2ff 0%, #6e7dff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper .flywire-icon-wrapper .flywire-icon h3 {
		font-size: 6.9333333333vw;
	}
}

.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper .flywire-icon-wrapper .flywire-icon h3 span {
	font-size: 1.4583333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper .flywire-icon-wrapper .flywire-icon h3 span {
		font-size: 3.7333333333vw;
	}
}

.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper .flywire-icon-wrapper .flywire-icon p {
	font-size: 0.9375vw;
	margin-bottom: 1.0416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-flywire2 .copy-wrapper .flywire-icon-wrapper .flywire-icon p {
		font-size: 3.2vw;
	}
}

.honor-magicbook-pro-16 .section-radiating.is-active .copy-wrapper .radiating-title {
	transform: translateY(0);
	opacity: 1;
}

.honor-magicbook-pro-16 .section-radiating.is-active .copy-wrapper .radiating-text {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0.2s;
}

.honor-magicbook-pro-16 .section-radiating.is-active .copy-wrapper .radiating-icon {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0.4s;
}

.honor-magicbook-pro-16 .section-radiating.is-active .radiating-product .radiating-circle-wrapper .radiating-circle {
	animation: radiating-circle 2.8s 0s infinite;
}

.honor-magicbook-pro-16 .section-radiating.is-active .radiating-product .radiating-circle-wrapper .radiating-circle2 {
	animation: radiating-circle 2.8s 0.7s infinite;
}

.honor-magicbook-pro-16 .section-radiating.is-active .radiating-product .radiating-circle-wrapper .radiating-circle3 {
	animation: radiating-circle 2.8s 1.4s infinite;
}

.honor-magicbook-pro-16 .section-radiating.is-active .radiating-product .radiating-circle-wrapper .radiating-circle4 {
	animation: radiating-circle 2.8s 2.1s infinite;
}

.honor-magicbook-pro-16 .section-radiating.is-active .radiating-product .radiating-circle-wrapper2 .radiating-circle {
	animation: radiating-circle 2.8s 0s infinite;
}

.honor-magicbook-pro-16 .section-radiating.is-active .radiating-product .radiating-circle-wrapper2 .radiating-circle2 {
	animation: radiating-circle 2.8s 0.7s infinite;
}

.honor-magicbook-pro-16 .section-radiating.is-active .radiating-product .radiating-circle-wrapper2 .radiating-circle3 {
	animation: radiating-circle 2.8s 1.4s infinite;
}

.honor-magicbook-pro-16 .section-radiating.is-active .radiating-product .radiating-circle-wrapper2 .radiating-circle4 {
	animation: radiating-circle 2.8s 2.1s infinite;
}

.honor-magicbook-pro-16 .section-radiating.is-active .radiating-product .radiating-circle-wrapper3 .radiating-circle {
	animation: radiating-circle 2.8s 0s infinite;
}

.honor-magicbook-pro-16 .section-radiating.is-active .radiating-product .radiating-circle-wrapper3 .radiating-circle2 {
	animation: radiating-circle 2.8s 0.7s infinite;
}

.honor-magicbook-pro-16 .section-radiating.is-active .radiating-product .radiating-circle-wrapper3 .radiating-circle3 {
	animation: radiating-circle 2.8s 1.4s infinite;
}

.honor-magicbook-pro-16 .section-radiating.is-active .radiating-product .radiating-circle-wrapper3 .radiating-circle4 {
	animation: radiating-circle 2.8s 2.1s infinite;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-radiating .sticky-container {
		height: auto;
		display: flex;
		flex-wrap: wrap;
		padding: 18.6666666667vw 0 0vw;
	}
}

.honor-magicbook-pro-16 .section-radiating .radiating-product {
	width: 55.46875vw;
	height: 48.9583333333vw;
	position: absolute;
	top: 0;
	left: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-radiating .radiating-product {
		width: 88vw;
		height: 78.9333333333vw;
		top: 10.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-radiating .radiating-product .radiating-circle-wrapper {
	position: absolute;
	width: 26.5765625vw;
	height: 8.0677083333vw;
	bottom: 1.25vw;
	left: 13.4895833333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-radiating .radiating-product .radiating-circle-wrapper {
		width: 40.8216vw;
		height: 12.392vw;
		bottom: 5.3333333333vw;
		left: 16vw;
	}
}

.honor-magicbook-pro-16 .section-radiating .radiating-product .radiating-circle-wrapper .radiating-circle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 26.5765625vw;
	height: 8.0677083333vw;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-radiating .radiating-product .radiating-circle-wrapper .radiating-circle {
		width: 40.8216vw;
		height: 12.392vw;
	}
}

.honor-magicbook-pro-16 .section-radiating .radiating-product .radiating-circle-wrapper2 {
	position: absolute;
	width: 19.9479166667vw;
	height: 6.9270833333vw;
	bottom: 13.75vw;
	left: 32.8125vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-radiating .radiating-product .radiating-circle-wrapper2 {
		width: 30.64vw;
		height: 10.64vw;
		bottom: 24vw;
		left: 50.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-radiating .radiating-product .radiating-circle-wrapper2 .radiating-circle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 19.9479166667vw;
	height: 6.9270833333vw;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-radiating .radiating-product .radiating-circle-wrapper2 .radiating-circle {
		width: 30.64vw;
		height: 10.64vw;
	}
}

.honor-magicbook-pro-16 .section-radiating .radiating-product .radiating-circle-wrapper3 {
	position: absolute;
	width: 15.4166666667vw;
	height: 4.53125vw;
	bottom: 21.5625vw;
	left: 14.0625vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-radiating .radiating-product .radiating-circle-wrapper3 {
		width: 23.68vw;
		height: 6.96vw;
		bottom: 34.1333333333vw;
		left: 24vw;
	}
}

.honor-magicbook-pro-16 .section-radiating .radiating-product .radiating-circle-wrapper3 .radiating-circle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 15.4166666667vw;
	height: 4.53125vw;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-radiating .radiating-product .radiating-circle-wrapper3 .radiating-circle {
		width: 23.68vw;
		height: 6.96vw;
	}
}

.honor-magicbook-pro-16 .section-radiating .copy-wrapper {
	width: 34.375vw;
	position: absolute;
	top: 50%;
	left: 55.7291666667vw;
	transform: translate(0%, -50%);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-radiating .copy-wrapper {
		width: 84vw;
		position: unset;
		margin: 0 auto;
		transform: translate(0%, -40%);
	}
}

.honor-magicbook-pro-16 .section-radiating .copy-wrapper .radiating-title {
	font-size: 2.5vw;
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-radiating .copy-wrapper .radiating-title {
		font-size: 8.5333333333vw;
	}
}

.honor-magicbook-pro-16 .section-radiating .copy-wrapper .radiating-text {
	margin-top: 1.5625vw;
	width: 78%;
	opacity: 0;
	transform: translateY(2.0833333333vw);
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-radiating .copy-wrapper .radiating-text {
		width: 95%;
		margin-top: 5.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-radiating .copy-wrapper .radiating-icon {
	display: flex;
	margin-top: 3.125vw;
	opacity: 0;
	transform: translateY(2.0833333333vw);
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-radiating .copy-wrapper .radiating-icon {
		width: 95%;
		justify-content: space-between;
		margin-top: 8vw;
	}
}

.honor-magicbook-pro-16 .section-radiating .copy-wrapper .radiating-icon .icon-wrapper {
	margin-right: 3.125vw;
	justify-content: space-between;
}

.honor-magicbook-pro-16 .section-radiating .copy-wrapper .radiating-icon .icon-wrapper h3 {
	font-size: 2.5vw;
	background: linear-gradient(180deg, #f6f2ff 20%, #b5baff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.honor-magicbook-pro-16 .section-radiating .copy-wrapper .radiating-icon .icon-wrapper h3 span {
	font-size: 1.1458333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-radiating .copy-wrapper .radiating-icon .icon-wrapper h3 span {
		font-size: 3.2vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-radiating .copy-wrapper .radiating-icon .icon-wrapper h3 {
		font-size: 6.9333333333vw;
	}
}

.honor-magicbook-pro-16 .section-radiating .copy-wrapper .radiating-icon .icon-wrapper p {
	font-size: 0.8333333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-radiating .copy-wrapper .radiating-icon .icon-wrapper p {
		font-size: 3.2vw;
	}
}

@keyframes radiating-circle {
	0% {
		transform: translate(-50%, -50%) scale(1.2);
		opacity: 0;
	}

	100% {
		transform: translate(-50%, -50%) scale(0);
		opacity: 1;
	}
}

.honor-magicbook-pro-16 .section-battery {
	height: 110vh;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-battery {
		height: auto;
	}
}

.honor-magicbook-pro-16 .section-battery .sticky-container {
	height: 56.25vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-battery .sticky-container {
		height: auto;
		display: flex;
		flex-wrap: wrap;
	}

	.honor-magicbook-pro-16 .section-battery .sticky-container .bg {
		order: 2;
		transform: translateY(-23%);
	}
}

.honor-magicbook-pro-16 .section-battery.is-active .copy-wrapper .battery-title {
	transform: translateY(0);
	opacity: 1;
}

.honor-magicbook-pro-16 .section-battery.is-active .copy-wrapper .battery-text {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0.2s;
}

.honor-magicbook-pro-16 .section-battery.is-active .copy-wrapper .battery-icon {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0.4s;
}

.honor-magicbook-pro-16 .section-battery.is-active2 .battery-bg-cover {
	transform: translate(-50%, -50%) rotate(180deg) scale(3);
}

.honor-magicbook-pro-16 .section-battery .battery-product {
	width: 60.7291666667vw;
	height: 55vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-17%, -51%);
}

.honor-magicbook-pro-16 .section-battery .battery-bg-cover {
	width: 200%;
	height: 200%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -25%);
	transition: all 1s linear;
}

.honor-magicbook-pro-16 .section-battery .copy-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-140%, -55%);
	width: 27.922917vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-battery .copy-wrapper {
		position: relative;
		transform: translate(0%, 0%);
		order: 1;
		width: 84vw;
		margin: 0 auto;
		left: 0;
		top: 0;
		z-index: 10;
	}
}

.honor-magicbook-pro-16 .section-battery .copy-wrapper .battery-title {
	font-size: 2.5vw;
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-battery .copy-wrapper .battery-title {
		font-size: 8.5333333333vw;
		width: 85%;
	}
}

.honor-magicbook-pro-16 .section-battery .copy-wrapper .battery-text {
	margin-top: 1.5625vw;
	width: 100%;
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-battery .copy-wrapper .battery-text {
		margin-top: 5.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-battery .copy-wrapper .battery-icon {
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-battery .copy-wrapper .battery-icon {
		display: flex;
		flex-wrap: wrap;
	}

	.honor-magicbook-pro-16 .section-battery .copy-wrapper .battery-icon .icon-wrapper {
		width: 50%;
		margin-top: 5.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-battery .copy-wrapper .battery-icon h3 {
	font-size: 2.7083333333vw;
	background: linear-gradient(180deg, #f6f2ff 20%, #b5baff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-top: 2.0833333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-battery .copy-wrapper .battery-icon h3 {
		font-size: 6.9333333333vw;
	}
}

.honor-magicbook-pro-16 .section-battery .copy-wrapper .battery-icon p {
	font-size: 0.8333333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-battery .copy-wrapper .battery-icon p {
		font-size: 3.2vw;
	}
}

.honor-magicbook-pro-16 .section-refresh .sticky-container {
	height: 56.25vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-refresh .sticky-container {
		height: auto;
		padding-bottom: 38.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-refresh.is-active .bg {
	opacity: 1;
}

.honor-magicbook-pro-16 .section-refresh.is-active .copy-wrapper .refresh-title {
	transform: translateY(0);
	opacity: 1;
}

.honor-magicbook-pro-16 .section-refresh.is-active .copy-wrapper .refresh-text {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0.2s;
}

.honor-magicbook-pro-16 .section-refresh.is-active .copy-wrapper .refresh-data-wrapper {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0.4s;
}

.honor-magicbook-pro-16 .section-refresh .bg {
	opacity: 0;
	transition: all 0.7s ease;
	will-change: opacity;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-refresh .bg {
		width: 100vw;
		height: 189.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-refresh .refresh-product {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-refresh .refresh-product {
		width: 200vw;
		height: 107.2vw;
		top: 0;
		left: -35%;
	}
}

.honor-magicbook-pro-16 .section-refresh .copy-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(46%, -50%);
	width: 30.3020833333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-refresh .copy-wrapper {
		width: 84vw;
		transform: translate(-50%, 0%);
	}
}

.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-title {
	font-size: 2.5vw;
	margin-bottom: 1.5625vw;
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
	will-change: opacity, transform;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-title {
		font-size: 8.5333333333vw;
		margin-bottom: 5.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-text {
	width: 98%;
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
	will-change: opacity, transform;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-text {
		width: 90%;
	}
}

@media (aspect-ratio: 768/1024),
	(aspect-ratio: 1024/1366) {
		.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-text {
			width: 95%;
		}
	}

.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-data-wrapper {
	display: flex;
	margin-top: 2.6041666667vw;
	flex-wrap: wrap;
	justify-content: space-between;
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
	will-change: opacity, transform;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-data-wrapper {
		margin-top: 5.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-data-wrapper .data-content {
	margin-bottom: 1.0416666667vw;
	width: 33%;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-data-wrapper .data-content {
		margin-bottom: 5.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-data-wrapper .data-content h3 {
	font-size: 2.9166666667vw;
	background: linear-gradient(180deg, #f6f2ff 0%, #6e7dff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-data-wrapper .data-content h3 {
		font-size: 6.4vw;
	}
}

.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-data-wrapper .data-content h3 span {
	font-size: 1.3541666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-data-wrapper .data-content h3 span {
		font-size: 3.7333333333vw;
	}
}

.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-data-wrapper .data-content h3 .icon-x {
	width: 0.78125vw;
	height: 0.78125vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-data-wrapper .data-content h3 .icon-x {
		width: 2.6666666667vw;
		height: 2.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-data-wrapper .data-content p {
	font-size: 0.8333333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-data-wrapper .data-content p {
		font-size: 3.2vw;
	}
}

.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-data-wrapper .data-content4 {
	width: 66%;
}

.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-data-wrapper .data-content4 h3 {
	display: flex;
	align-items: center;
}

.honor-magicbook-pro-16 .section-refresh .copy-wrapper .refresh-data-wrapper .data-content4 h3 img {
	margin: 0 0.5208333333vw;
}

.honor-magicbook-pro-16 .section-attain {
	height: 200vh;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-attain {
		height: auto;
		padding-bottom: 0vw;
	}

	.honor-magicbook-pro-16 .section-attain .sticky-container {
		height: 120vh;
	}
}

.honor-magicbook-pro-16 .section-attain.is-active2 .copy-wrapper {
	transform: translate(-50%, -220%);
}

.honor-magicbook-pro-16 .section-attain.is-active .copy-wrapper {
	transform: translate(-50%, -380%);
	opacity: 0;
}

.honor-magicbook-pro-16 .section-attain.is-active .attain-icon-wrapper {
	transform: translate(-50%, -420%);
	opacity: 1;
}

.honor-magicbook-pro-16 .section-attain.is-active .attain-product .attain-icon1 {
	opacity: 1;
	transform: translate(-235%, -90%) scale(0.8);
}

.honor-magicbook-pro-16 .section-attain.is-active .attain-product .attain-icon2 {
	opacity: 1;
	transform: translate(200%, 0%) scale(0.8);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-attain.is-active-mob .attain-product-bg2 {
		opacity: 1;
	}

	.honor-magicbook-pro-16 .section-attain.is-active-mob .attain-product .attain-icon1 {
		opacity: 1;
		transform: translate(-300%, -120%) scale(1);
	}

	.honor-magicbook-pro-16 .section-attain.is-active-mob .attain-product .attain-icon2 {
		opacity: 1;
		transform: translate(240%, 20%) scale(0.9);
	}

	.honor-magicbook-pro-16 .section-attain.is-active-mob .copy-wrapper {
		opacity: 1;
		transform: translate(-50%, -15%);
	}

	.honor-magicbook-pro-16 .section-attain.is-active-mob .attain-icon-wrapper {
		opacity: 1;
		transform: translate(-50%, 155%) scale(0.7);
		transition-delay: 0.3s;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 500px) {
	.honor-magicbook-pro-16 .section-attain.is-active-mob .attain-icon-wrapper {
		opacity: 1;
		transform: translate(-50%, 215%);
		transition-delay: 0.3s;
	}
}

.honor-magicbook-pro-16 .section-attain #attainCanvas-video {
	display: none;
}

.honor-magicbook-pro-16 .section-attain .attain-product-bg2 {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-attain .attain-product-bg2 {
		width: 100vw;
		height: 189.3333333333vw;
		position: relative;
		left: 0;
		top: 0;
		transform: translate(0%, 0%);
		opacity: 0;
		transition: all 0.7s ease;
	}
}

.honor-magicbook-pro-16 .section-attain .attain-product {
	position: absolute;
	width: 51.875vw;
	height: 29.1145833333vw;
	left: 50%;
	top: 54%;
	transform: translateX(-50%) translateY(-50%) scale(3);
	will-change: transform;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-attain .attain-product {
		transform: translateX(-50%) translateY(-90%) scale(1);
		width: 105.8666666667vw;
		height: 105.8666666667vw;
		top: 50%;
	}
}

.honor-magicbook-pro-16 .section-attain .attain-product #attainCanvas-ani {
	position: absolute;
	top: 0.78125vw;
	left: 5.8333333333vw;
	width: 40.1041666667vw;
	height: 25vw;
	z-index: -1;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-attain .attain-product #attainCanvas-ani {
		display: none;
	}
}

.honor-magicbook-pro-16 .section-attain .attain-product .attain-icon1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-140%, -50%) scale(0.2);
	opacity: 0;
	transition: all 0.7s ease;
	width: 12.7083333333vw;
	height: 12.9166666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-attain .attain-product .attain-icon1 {
		width: 16.2666666667vw;
		height: 16.5333333333vw;
		opacity: 0;
		transform: translate(-150%, -60%) scale(0.2);
	}
}

.honor-magicbook-pro-16 .section-attain .attain-product .attain-icon2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(50%, 50%) scale(0.2);
	transition: all 0.7s ease;
	opacity: 0;
	width: 11.1458333333vw;
	height: 10.7291666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-attain .attain-product .attain-icon2 {
		width: 14.2666666667vw;
		height: 13.7333333333vw;
		opacity: 0;
		transform: translate(50%, -60%) scale(0.2);
	}
}

.honor-magicbook-pro-16 .section-attain .copy-wrapper {
	position: absolute;
	width: 56.7395833333vw;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	transition: all 1s ease;
	will-change: transform, opacity;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-attain .copy-wrapper {
		width: 84vw;
		text-align: left;
		transform: translate(-50%, calc(-15% + 10.6666666667vw));
		opacity: 0;
	}
}

.honor-magicbook-pro-16 .section-attain .copy-wrapper .attain-title {
	font-size: 2.5vw;
	margin-bottom: 1.5625vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-attain .copy-wrapper .attain-title {
		font-size: 8.5333333333vw;
		margin-bottom: 5.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-attain .copy-wrapper p {
	width: 86%;
	margin: 0 auto;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-attain .copy-wrapper p {
		width: 100%;
	}
}

.honor-magicbook-pro-16 .section-attain .attain-icon-wrapper {
	display: flex;
	position: absolute;
	width: 49.7395833333vw;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -250%);
	opacity: 0;
	align-items: flex-end;
	justify-content: space-between;
	transition: all 1s ease;
	will-change: transform, opacity;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-attain .attain-icon-wrapper {
		width: 84vw;
		transform: translate(-50%, calc(155% + 10.6666666667vw)) scale(0.7);
		transform-origin: left top;
		opacity: 0;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 500px) {
	.honor-magicbook-pro-16 .section-attain .attain-icon-wrapper {
		width: 84vw;
		transform: translate(-50%, calc(215% + 10.6666666667vw));
		opacity: 0;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-attain .attain-icon-wrapper .icon-content {
		width: 60%;
		margin-top: 4vw;
	}

	.honor-magicbook-pro-16 .section-attain .attain-icon-wrapper .icon-content:nth-last-of-type(1) {
		width: 40%;
	}

	.honor-magicbook-pro-16 .section-attain .attain-icon-wrapper .icon-content:nth-last-of-type(3) {
		width: 40%;
	}
}

.honor-magicbook-pro-16 .section-attain .attain-icon-wrapper .icon-content h3 {
	font-size: 2.0833333333vw;
	background: linear-gradient(180deg, #F3F2FF 30%, #8CE9FE 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-attain .attain-icon-wrapper .icon-content h3 {
		font-size: 6.4vw;
	}
}

.honor-magicbook-pro-16 .section-attain .attain-icon-wrapper .icon-content h3 span {
	font-size: 1.3541666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-attain .attain-icon-wrapper .icon-content h3 span {
		font-size: 6.9333333333vw;
	}
}

.honor-magicbook-pro-16 .section-attain .attain-icon-wrapper .icon-content .attain-icon3 {
	width: 12.96875vw;
	height: 2.96875vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-attain .attain-icon-wrapper .icon-content .attain-icon3 {
		width: 33.2vw;
		height: 7.6vw;
	}
}

.honor-magicbook-pro-16 .section-attain .attain-icon-wrapper .icon-content p {
	font-size: 0.9375vw;
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-attain .attain-icon-wrapper .icon-content p {
		font-size: 3.2vw;
		text-align: left;
		white-space: nowrap;
	}
}

.honor-magicbook-pro-16 .section-oasis.is-active .oasis-firefly-wrapper1 {
	animation: oasis-firefly 3s linear infinite;
	animation-direction: alternate;
}

.honor-magicbook-pro-16 .section-oasis.is-active .oasis-firefly-wrapper2 {
	animation: oasis-firefly 3s linear infinite;
	animation-direction: alternate;
	animation-delay: 3s;
}

.honor-magicbook-pro-16 .section-oasis.is-active .copy-wrapper .oasis-title {
	opacity: 1;
	transform: translateY(0);
}

.honor-magicbook-pro-16 .section-oasis.is-active .copy-wrapper .oasis-text {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.2s;
}

.honor-magicbook-pro-16 .section-oasis.is-active .copy-wrapper .oasis-data-wrapper {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.4s;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .sticky-container {
		height: auto;
		padding-bottom: 14vw;
	}
}

.honor-magicbook-pro-16 .section-oasis .bg {
	opacity: 0.5;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .bg {
		transform: translateY(18vw);
	}
}

.honor-magicbook-pro-16 .section-oasis .oasis-product-wrapper,
.honor-magicbook-pro-16 .section-oasis .oasis-light-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.honor-magicbook-pro-16 .section-oasis .oasis-product-wrapper {
	opacity: 0.5;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .oasis-product-wrapper {
		width: 88.4613333333vw;
		height: 58.5786666667vw;
		top: 32%;
		transform: translateY(18vw);
	}
}

.honor-magicbook-pro-16 .section-oasis .oasis-light-wrapper {
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .oasis-light-wrapper {
		width: 100vw;
		height: 189.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-oasis .oasis-firefly-wrapper {
	width: 56.09375vw;
	height: 36.875vw;
	position: absolute;
	top: 8.4895833333vw;
	right: 6.5104166667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .oasis-firefly-wrapper {
		width: 97.8666666667vw;
		height: 64.2666666667vw;
		top: 62.1333333333vw;
		right: 4vw;
		transform: translateY(18vw);
	}
}

.honor-magicbook-pro-16 .section-oasis .oasis-firefly-wrapper1 {
	opacity: 0;
}

.honor-magicbook-pro-16 .section-oasis .oasis-firefly-wrapper2 {
	opacity: 0;
}

.honor-magicbook-pro-16 .section-oasis .copy-wrapper {
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
	width: 35.5vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .copy-wrapper {
		width: 84.5333333333vw;
		left: 50%;
		top: 52%;
		transform: translate(-50%, -50%);
	}
}

@media (aspect-ratio: 768/1024),
	(aspect-ratio: 1024/1366) {
		.honor-magicbook-pro-16 .section-oasis .copy-wrapper {
			width: 84.5vw;
			transform: translate(-50%, -50%);
		}
	}

.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-title {
	font-size: 2.5vw;
	margin-bottom: 1.0416666667vw;
	opacity: 0;
	transform: translateY(2.0833333333vw);
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-title {
		width: 84vw;
		margin-bottom: 5.3333333333vw;
		font-size: 8.5333333333vw;
	}
}

.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-text {
	opacity: 0;
	transform: translateY(2.0833333333vw);
	transition: all 0.7s ease;
	width: 24.21875vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-text {
		width: 100%;
	}
}

.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 2.0833333333vw;
	opacity: 0;
	transform: translateY(2.0833333333vw);
	transition: all 0.7s ease;
	width: 20.625vw;
	justify-content: space-between;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper {
		margin: 0 auto;
		margin-top: 80vw;
		justify-content: space-around;
		width: 72.2666666667vw;
	}
}

.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content {
	margin-top: 1.0416666667vw;
	width: 50%;
	transform: translateX(-2vw);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content {
		margin: 1.3333333333vw 0;
		width: 50%;
		transform: none;
	}
}

.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content img {
	margin: 0 auto 0.5208333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content img {
		margin: 0 auto 1.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content p {
	font-size: 0.7291666667vw;
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content p {
		font-size: 3.2vw;
	}
}

.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content1 img {
	width: 5.1041666667vw;
	height: 2.7604166667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content1 img {
		width: 18.1333333333vw;
		height: auto;
	}
}

.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content2 img {
	width: 5vw;
	height: 2.7604166667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content2 img {
		width: 18.1333333333vw;
		height: auto;
	}
}

.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content3 img {
	width: 2.8645833333vw;
	height: 2.7604166667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content3 img {
		width: 9.4666666667vw;
		height: 9.0666666667vw;
	}
}

.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content4 {
	transform: translate(-2vw, 0.5208333333vw);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content4 {
		transform: none;
	}
}

.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content4 img {
	width: 4.1666666667vw;
	height: 1.89375vw;
	transform: translateY(-0.2604166667vw);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content4 img {
		width: 10.6666666667vw;
		height: 4.848vw;
		margin-top: 2.1vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content5 {
		transform: none;
	}
}

.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content5 img {
	width: 3.125vw;
	height: 3.125vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-oasis .copy-wrapper .oasis-data-wrapper .data-content5 img {
		width: 8vw;
		height: 8vw;
	}
}

@keyframes oasis-firefly {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.honor-magicbook-pro-16 .section-audio .sticky-container {
	height: 56.25vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-audio .sticky-container {
		height: auto;
		padding-bottom: 13.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-audio.is-active .copy-wrapper .audio-title {
	transform: translateY(0);
	opacity: 1;
}

.honor-magicbook-pro-16 .section-audio.is-active .copy-wrapper .audio-text {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0.2s;
}

.honor-magicbook-pro-16 .section-audio.is-active .copy-wrapper .audio-icon-wrapper {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0.4s;
}

.honor-magicbook-pro-16 .section-audio.is-active .audio-product-cover {
	opacity: 1;
}

.honor-magicbook-pro-16 .section-audio.is-active2 .bg {
	opacity: 1;
	transform: scale(1);
}

.honor-magicbook-pro-16 .section-audio .bg {
	transition: all 0.7s ease;
	transform: scale(0);
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-audio .bg {
		width: 100vw;
		height: 106.1333333333vw;
	}
}

.honor-magicbook-pro-16 .section-audio .copy-wrapper {
	position: absolute;
	width: 52.8125vw;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 80%);
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-audio .copy-wrapper {
		width: 84vw;
		position: unset;
		transform: translate(0%, -10vw);
		margin: 0 auto;
	}
}

.honor-magicbook-pro-16 .section-audio .copy-wrapper .audio-title {
	font-size: 2.5vw;
	margin-bottom: 0.9375vw;
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-audio .copy-wrapper .audio-title {
		font-size: 8.5333333333vw;
		margin-bottom: 5.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-audio .copy-wrapper .audio-text {
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-audio .copy-wrapper .audio-icon-wrapper {
	display: flex;
	align-items: center;
	margin: 1.3020833333vw auto;
	justify-content: center;
	transform: translateY(2.0833333333vw);
	opacity: 0;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-audio .copy-wrapper .audio-icon-wrapper {
		margin-top: 10.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-audio .copy-wrapper .audio-icon-wrapper .audio-icon1 {
	width: 6.2010416667vw;
	height: 1.8135416667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-audio .copy-wrapper .audio-icon-wrapper .audio-icon1 {
		width: 20.6186666667vw;
		height: 6.0293333333vw;
	}
}

.honor-magicbook-pro-16 .section-audio .copy-wrapper .audio-icon-wrapper .audio-icon2 {
	width: 3.2760416667vw;
	height: 2.5505208333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-audio .copy-wrapper .audio-icon-wrapper .audio-icon2 {
		width: 10.8933333333vw;
		height: 8.48vw;
	}
}

.honor-magicbook-pro-16 .section-audio .copy-wrapper .audio-icon-wrapper .audio-icon3 {
	width: 3.5473958333vw;
	height: 3.2380208333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-audio .copy-wrapper .audio-icon-wrapper .audio-icon3 {
		width: 11.7946666667vw;
		height: 10.7653333333vw;
	}
}

.honor-magicbook-pro-16 .section-audio .copy-wrapper .audio-icon-wrapper .audio-line {
	width: 1px;
	height: 2.34375vw;
	background-color: #ffffff;
	margin: 0 2.34375vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-audio .copy-wrapper .audio-icon-wrapper .audio-line {
		height: 7.7813333333vw;
		margin: 0 5.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-audio .audio-product {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50.8%, -50%);
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-audio .audio-product {
		width: 100vw;
		height: 106.1333333333vw;
		top: 0;
		left: 0;
		transform: translate(0%, 0%);
	}
}

.honor-magicbook-pro-16 .section-audio .audio-product-cover {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	transition: all 0.7s ease;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-audio .audio-product-cover {
		width: 100vw;
		height: 106.1333333333vw;
		top: 0;
		left: 0;
		transform: translate(0%, 0%);
	}
}

.honor-magicbook-pro-16 .section-yoyo .sticky-container {
	height: 56.25vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-yoyo .sticky-container {
		height: 293.3333333333vw;
		padding-bottom: 13.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-yoyo .yoyo-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-yoyo .yoyo-content {
		width: 86.4vw;
	}
}

.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content1 .yoyo-content1-title {
	font-size: 2.9166666667vw;
	text-align: center;
	margin-bottom: 2.6041666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content1 .yoyo-content1-title {
		font-size: 7.4666666667vw;
		margin-bottom: 6.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 {
	display: flex;
	justify-content: space-between;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 {
		flex-direction: column;
		flex-wrap: wrap;
	}
}

.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper1 {
	width: 29.21875vw;
	height: 36.3020833333vw;
	position: relative;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper1 {
		width: 86.4vw;
		height: auto;
	}
}

.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper1 .wrapper-text {
	position: absolute;
	width: 85%;
	left: 7.5%;
	top: 2.0833333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper1 .wrapper-text {
		top: 5.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper1 .wrapper-text h4 {
	font-size: 1.6666666667vw;
	margin-bottom: 0.78125vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper1 .wrapper-text h4 {
		font-size: 4.8vw;
		margin-bottom: 1.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper2 {
	display: flex;
	width: 44.7395833333vw;
	justify-content: space-between;
	flex-direction: column;
}

.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper2 .yoyo-content3 {
	width: 44.7395833333vw;
	height: 17.6041666667vw;
	position: relative;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper2 .yoyo-content3 {
		width: 86.4vw;
		height: auto;
	}
}

.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper2 .yoyo-content3 .wrapper-text {
	position: absolute;
	top: 2.0833333333vw;
	left: 1.9791666667vw;
	width: 15.625vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper2 .yoyo-content3 .wrapper-text {
		top: 10.6666666667vw;
		width: 85%;
		left: 7.5%;
	}
}

.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper2 .yoyo-content3 .wrapper-text h4 {
	font-size: 1.6666666667vw;
	margin-bottom: 0.78125vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper2 .yoyo-content3 .wrapper-text h4 {
		font-size: 4.8vw;
		margin-bottom: 1.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper2 .yoyo-content4 {
	width: 44.7395833333vw;
	height: 17.6041666667vw;
	position: relative;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper2 .yoyo-content4 {
		width: 86.4vw;
		height: auto;
		margin-top: 5.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper2 .yoyo-content4 .wrapper-text {
	position: absolute;
	top: 2.0833333333vw;
	left: 1.9791666667vw;
	width: 18.75vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper2 .yoyo-content4 .wrapper-text {
		top: 5.3333333333vw;
		left: 7.5%;
		width: 85%;
	}
}

.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper2 .yoyo-content4 .wrapper-text h4 {
	font-size: 1.6666666667vw;
	margin-bottom: 0.78125vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper2 .yoyo-content4 .wrapper-text h4 {
		font-size: 4.8vw;
		margin-bottom: 1.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-work {
	margin: 2.0833333333vw 0;
	height: 120vh;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work {
		height: 130vh;
	}
}

.honor-magicbook-pro-16 .section-work #trigger-work2 {
	position: absolute;
	top: -10vh;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work #trigger-work2 {
		top: -10vh;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work #trigger-work {
		position: absolute;
		top: -10vh;
	}
}

.honor-magicbook-pro-16 .section-work.is-active1 .work-wrapper .work-wrapper-title {
	transform: translate(-50%, -20vw);
	transition: all 0.7s ease;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work.is-active1 .work-wrapper .work-wrapper-title {
		transform: translate(0, -50vw);
		transition: all 0.7s ease;
	}
}

.honor-magicbook-pro-16 .section-work.is-active1 .work-wrapper .swiper-work-wrapper2 {
	opacity: 1;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work.is-active1 .work-wrapper .swiper-work-wrapper2 {
		opacity: 1;
		transform: translate(0, 0);
		transition: all 0.7s ease;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work.is-active1 .work-wrapper .swiper-work-wrapper {
		transform: translate(0, 0);
		transition: all 0.7s ease;
		opacity: 1;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work {
		padding-bottom: 13.3333333333vw;
	}

	.honor-magicbook-pro-16 .section-work .sticky-container {
		padding-bottom: 13.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-work .work-wrapper {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work .work-wrapper {
		padding-bottom: 13.3333333333vw;
		width: 84.5333333333vw;
	}
}

.honor-magicbook-pro-16 .section-work .work-wrapper .work-wrapper-title {
	font-size: 2.9166666667vw;
	text-align: center;
	position: absolute;
	top: -2vw;
	left: 50%;
	transform: translate(-50%, 0);
	width: 61.4583333333vw;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work .work-wrapper .work-wrapper-title {
		font-size: 8.5333333333vw;
		width: 91.7333333333vw;
		text-align: left;
		top: 5vw;
		left: 0;
		transform: translate(0, 0);
		opacity: 1;
		transition: all 0.7s ease;
	}
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper {
	width: 59.7916666667vw;
	height: 28.1770833333vw;
	margin-top: 2.0833333333vw;
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .work-video-wrapper {
	width: 59.7916666667vw;
	height: 28.1770833333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper {
		margin-top: 7.4666666667vw;
		height: 45.4026666667vw;
		width: 84.6773333333vw;
		transform: translateY(60vw);
		opacity: 0;
	}

	.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .work-video-wrapper {
		width: 83.344vw;
		height: 36.4266666667vw;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper2 {
	width: 59.8958333333vw;
	opacity: 0;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper2 {
		width: 84vw;
		opacity: 0;
		transform: translateY(60vw);
		transition: all 0.7s ease;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper2 .swiper-container-work2 {
		margin-top: 5.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper2 .swiper-container-work2 .work2-text-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper2 .swiper-container-work2 .work2-text-wrapper {
		flex-wrap: wrap;
		text-align: left;
		align-items: flex-start;
	}
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper2 .swiper-container-work2 .work2-text-wrapper h3 {
	font-size: 1.6666666667vw;
	width: 90%;
	text-align: center;
	margin-bottom: 0.625vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper2 .swiper-container-work2 .work2-text-wrapper h3 {
		font-size: 8.5333333333vw;
		width: 84vw;
		text-align: left;
	}
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper2 .swiper-container-work2 .work2-text-wrapper p {
	font-size: 0.8333333333vw;
	width: 47.7604166667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper2 .swiper-container-work2 .work2-text-wrapper p {
		font-size: 3.7333333333vw;
		width: 100%;
		margin: 0 auto;
	}
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper2 .swiper-container-work2 .work2-text-wrapper p.swiper-p-short {
	width: 32.2395833333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper2 .swiper-container-work2 .work2-text-wrapper p.swiper-p-short {
		width: 100%;
	}
}

.honor-magicbook-pro-16 .section-work.is-active2 .work-wrapper .swiper-work-wrapper .swiper-pagination-bullet-active i {
	animation: middle 6s forwards;
}

.honor-magicbook-pro-16 .section-work .work-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -55%);
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper {
	position: relative;
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .work-video-bg1 {
	width: 98.5416666667vw;
	height: 51.3541666667vw;
	position: absolute;
	top: -42.5%;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: -1;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .work-video-bg1 {
		width: 152vw;
		height: 101.3333333333vw;
		top: -70.2%;
		left: 48.6%;
	}
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .swiper-slide .work-mob-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .swiper-slide .work-mob-bg {
		position: static;
	}
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .swiper-button-prev,
.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .swiper-button-next {
	background-image: none;
	width: 1.2479166667vw;
	height: 2.3395833333vw;
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .swiper-button-prev {
	left: -10vw;
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .swiper-button-next {
	right: -10vw;
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .swiper-pagination {
	left: 50%;
	transform: translate(-50%, 0);
	top: 29.5vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .swiper-pagination {
		top: 18vw;
	}
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .swiper-pagination-bullet {
	background-color: transparent;
	opacity: 1;
	margin: 0 0.2083333333vw !important;
	width: 2.0833333333vw;
	height: 2px;
	position: relative;
	outline: none;
	vertical-align: middle;
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .swiper-pagination-bullet span {
	width: 2.0833333333vw;
	height: 2px;
	background-color: #4A4D54;
	display: block;
	position: absolute;
	top: 0;
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .swiper-pagination-bullet i {
	background-color: #fff;
	height: 2px;
	width: 2.0833333333vw;
	position: absolute;
	top: 0;
	transform: scaleX(0);
	transform-origin: left;
	z-index: 3;
	transition-timing-function: linear;
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .swiper-pagination-bullet-active {
	width: 7.8125vw;
}

.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .swiper-pagination-bullet-active i,
.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper .swiper-pagination-bullet-active span {
	width: 7.8125vw;
}

@keyframes middle {
	0% {
		transform: scaleX(0);
		left: 0;
	}

	100% {
		transform: scaleX(1);
		left: 0;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper2 .work2-text-wrapper .work-line-mob {
		width: 48.9866666667vw;
		margin: 2.6666666667vw 0 2.6666666667vw 0;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-pagination-work {
		transform: translate(-50%, 0%);
		position: relative;
		left: 50%;
		top: 50%;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-pagination-work .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
		opacity: 1;
		margin: 0 1.2vw !important;
		border-radius: 6px;
		background: #fff;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-pagination-work .swiper-pagination-bullet-active {
		width: 16px;
		height: 6px;
		border-radius: 18px;
		background-color: #0ab1ff;
		opacity: 1;
	}
}

.honor-magicbook-pro-16 .section-interface {
	width: 100%;
	height: 53.5416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-interface {
		height: auto;
	}

	.honor-magicbook-pro-16 .section-interface .sticky-container {
		height: auto;
		padding-bottom: 13.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-interface.is-active .interface-line-wrapper {
	opacity: 1;
}

.honor-magicbook-pro-16 .section-interface.is-active .copy-wrapper .interface-title {
	transform: translateY(0);
	opacity: 1;
}

.honor-magicbook-pro-16 .section-interface.is-active .copy-wrapper .interface-text {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0.2s;
}

.honor-magicbook-pro-16 .section-interface .interface-line-wrapper {
	width: 100%;
	height: 53.5416666667vw;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-interface .interface-line-wrapper {
		top: unset;
		bottom: 0vw;
		width: 100%;
		height: auto;
	}
}

.honor-magicbook-pro-16 .section-interface .interface-line-wrapper .line-text {
	position: absolute;
	font-size: 0.8333333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-interface .interface-line-wrapper .line-text {
		font-size: 2.9333333333vw;
	}
}

.honor-magicbook-pro-16 .section-interface .interface-line-wrapper .line-text1 {
	top: 30.5%;
	left: 31.5%;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-interface .interface-line-wrapper .line-text1 {
		left: 12.5%;
		top: 23.5%;
		width: 15.4666666667vw;
	}
}

.honor-magicbook-pro-16 .section-interface .interface-line-wrapper .line-text2 {
	top: 34.3%;
	left: 43.2%;
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-interface .interface-line-wrapper .line-text2 {
		left: 29.5%;
		top: 30.5%;
		width: 24.2666666667vw;
	}
}

.honor-magicbook-pro-16 .section-interface .interface-line-wrapper .line-text3 {
	top: 51.7%;
	left: 37.2%;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-interface .interface-line-wrapper .line-text3 {
		left: 19.5%;
		top: 53.5%;
		width: 16vw;
	}
}

.honor-magicbook-pro-16 .section-interface .interface-line-wrapper .line-text4 {
	top: 66.5%;
	left: 61.6%;
	text-align: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-interface .interface-line-wrapper .line-text4 {
		left: 42.5%;
		top: 66.5%;
		width: 29.3333333333vw;
		text-align: center;
	}
}

@media (min-aspect-ratio: 661/758) and (max-width: 1000px) {
	.honor-magicbook-pro-16 .section-interface .interface-line-wrapper .line-text4 {
		left: 58.6%;
	}
}

.honor-magicbook-pro-16 .section-interface .interface-line-wrapper .line-text5 {
	top: 66%;
	left: 71.8%;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-interface .interface-line-wrapper .line-text5 {
		left: 69.5%;
		top: 21.5%;
		width: 22.4vw;
		text-align: center;
	}
}

.honor-magicbook-pro-16 .section-interface .interface-line-wrapper .line-text6 {
	top: 62%;
	left: 84.8%;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-interface .interface-line-wrapper .line-text6 {
		left: 72%;
		top: 61.5%;
		text-align: center;
	}
}

.honor-magicbook-pro-16 .section-interface .copy-wrapper {
	position: absolute;
	width: 46.9791666667vw;
	top: 33.03125vw;
	left: 11.6875vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-interface .copy-wrapper {
		padding-bottom: 13.3333333333vw;
		width: 84.5333333333vw;
		position: unset;
		margin: 0 auto;
	}
}

.honor-magicbook-pro-16 .section-interface .copy-wrapper .interface-title {
	font-size: 2.5vw;
	margin-bottom: 0.9375vw;
	transform: translateY(2.0833333333vw);
	transition: all 0.7s ease;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-interface .copy-wrapper .interface-title {
		font-size: 8.5333333333vw;
		margin-bottom: 5.3333333333vw;
		text-align: center;
	}
}

.honor-magicbook-pro-16 .section-interface .copy-wrapper .interface-text {
	transform: translateY(2.0833333333vw);
	transition: all 0.7s ease;
	opacity: 0;
}

.honor-magicbook-pro-16 .section-note {
	padding: 4.6875vw 0 10.4166666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-note {
		padding: 26.6666666667vw 0;
	}
}

.honor-magicbook-pro-16 .section-note .note-container {
	width: 75vw;
	margin: 0 auto;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-note .note-container {
		width: 84vw;
	}
}

.honor-magicbook-pro-16 .section-note .line {
	width: 100%;
	border-top: 1px solid #e9e9e9;
}

.honor-magicbook-pro-16 .section-note .decimal {
	list-style: decimal;
	padding-left: 1.5625vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-note .decimal {
		padding-left: 4vw;
	}
}

.honor-magicbook-pro-16 .section-note .decimal li {
	margin-bottom: 0.5208333333vw;
	list-style: decimal;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-note .decimal li {
		margin-bottom: 1.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-note .decimal li:not(last-of-type) {
	margin-bottom: 0;
}

.honor-magicbook-pro-16 .section-note .star {
	list-style: none;
	padding-left: 1.5625vw;
	margin-top: 1.0416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-note .star {
		padding-left: 4vw;
	}
}

.honor-magicbook-pro-16 .section-note .star li::after {
	content: "*";
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(calc(-100% - 0.1041666667vw));
}

.honor-magicbook-pro-16 .section-note p {
	padding: 0 0.5208333333vw;
	margin: 3.6458333333vw 0 1.0416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-note p {
		padding: 0;
		margin: 9.3333333333vw 0 4vw;
	}
}

.honor-magicbook-pro-16 .section-note p,
.honor-magicbook-pro-16 .section-note li {
	position: relative;
	font-size: 14px;
	color: #ffffff;
	opacity: 0.8;
	line-height: 1.6;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {

	.honor-magicbook-pro-16 .section-note p,
	.honor-magicbook-pro-16 .section-note li {
		font-size: 12px;
	}
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-mobShow {
	display: none !important;
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-inline-mobShow {
	display: none !important;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .honor-magicbook-pro-16-mobShow {
		display: block !important;
	}

	.honor-magicbook-pro-16 .honor-magicbook-pro-16-inline-mobShow {
		display: inline-block !important;
	}

	.honor-magicbook-pro-16 .honor-magicbook-pro-16-pcShow {
		display: none !important;
	}
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-foldShow {
	display: none;
}

@media (min-aspect-ratio: 660/758) and (max-width: 1025px) and (min-width: 501px) {
	.honor-magicbook-pro-16 .honor-magicbook-pro-16-foldHide {
		display: none !important;
	}

	.honor-magicbook-pro-16 .honor-magicbook-pro-16-foldShow {
		display: block !important;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (min-width: 501px) {
	.honor-magicbook-pro-16 .honor-magicbook-pro-16-padHide {
		display: none !important;
	}

	.honor-magicbook-pro-16 .honor-magicbook-pro-16-padShow {
		display: block !important;
	}
}

.honor-magicbook-pro-16 .popup {
	position: fixed;
	top: 52px;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0, 0, 0);
	display: none;
	z-index: 99999;
}

.honor-magicbook-pro-16 .popup.is-active {
	display: block;
}

.honor-magicbook-pro-16 .popup .popupcloseBtn {
	position: absolute;
	top: calc(4.6875vw + 52px);
	right: 13.5416666667vw;
	width: 2.2916666667vw;
	height: 2.2916666667vw;
	display: block;
	cursor: pointer;
	mix-blend-mode: difference;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .popup .popupcloseBtn {
		top: calc(5.3333333333vw + 52px);
		right: 5.3333333333vw;
		width: 5.3333333333vw;
		height: 5.3333333333vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 500px) {
	.honor-magicbook-pro-16 .popup .popupcloseBtn {
		top: 26.6666666667vw;
	}
}

.honor-magicbook-pro-16 .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) {
	.honor-magicbook-pro-16 .popup .popupcloseBtn::before {
		width: 7.2vw;
	}
}

.honor-magicbook-pro-16 .popup .popupcloseBtn::after {
	content: "";
	position: absolute;
	bottom: -0.1041666667vw;
	left: -0.1041666667vw;
	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) {
	.honor-magicbook-pro-16 .popup .popupcloseBtn::after {
		bottom: -0.2666666667vw;
		left: -0.2666666667vw;
		width: 7.2vw;
	}
}

.honor-magicbook-pro-16 .popup .popup-container {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.honor-magicbook-pro-16 .popup .popup-container.is-video .videoWrapper {
	display: block;
}

.honor-magicbook-pro-16 .popup .videoWrapper {
	display: none;
	height: 70%;
}

.honor-magicbook-pro-16 .popup .videoWrapper #video-popup {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	border-radius: 0.5208333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .popup .videoWrapper.spec {
		height: auto;
	}
}

.honor-magicbook-pro-16 .popup-fullimg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: none;
	z-index: 99999;
}

.honor-magicbook-pro-16 .popup-fullimg.is-active {
	display: block;
}

.honor-magicbook-pro-16 .popup-fullimg .imgpopupcloseBtn {
	position: absolute;
	top: calc(5.2083333333vw + 52px);
	right: 14.5833333333vw;
	width: 2.2916666667vw;
	height: 2.2916666667vw;
	display: block;
	cursor: pointer;
	mix-blend-mode: difference;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .popup-fullimg .imgpopupcloseBtn {
		top: calc(5.3333333333vw + 52px);
		right: 5.3333333333vw;
		width: 5.3333333333vw;
		height: 5.3333333333vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 500px) {
	.honor-magicbook-pro-16 .popup-fullimg .imgpopupcloseBtn {
		top: 26.6666666667vw;
	}
}

.honor-magicbook-pro-16 .popup-fullimg .imgpopupcloseBtn::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) {
	.honor-magicbook-pro-16 .popup-fullimg .imgpopupcloseBtn::before {
		width: 7.2vw;
	}
}

.honor-magicbook-pro-16 .popup-fullimg .imgpopupcloseBtn::after {
	content: "";
	position: absolute;
	bottom: -0.1041666667vw;
	left: -0.1041666667vw;
	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) {
	.honor-magicbook-pro-16 .popup-fullimg .imgpopupcloseBtn::after {
		bottom: -0.2666666667vw;
		left: -0.2666666667vw;
		width: 7.2vw;
	}
}

.honor-magicbook-pro-16 .popup-fullimg .popup-container {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.honor-magicbook-pro-16 .popup-fullimg .popup-container .imgWrapper {
	width: 62.5vw;
	height: 35.1041666667vw;
}

.pdp-backToTopBtn {
	position: fixed;
	bottom: 2.5vw;
	right: 2vw;
	z-index: 50;
	width: 1.9998vw;
	height: 1.9998vw;
	border-radius: 50%;
	background-color: #666;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	/* mix-blend-mode: difference; */
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.1s ease;
	will-change: opacity;
	cursor: pointer;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.pdp-backToTopBtn {
		bottom: 5vw;
		right: 4vw;
		width: 6.666vw;
		height: 6.666vw;
	}
}

.pdp-backToTopBtn.is-active {
	opacity: 1;
	pointer-events: visible;
}

.pdp-backToTopBtn img {
	width: 0.59375vw;
	height: 0.2909375vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.pdp-backToTopBtn img {
		width: 1.9791666667vw;
		height: 0.9697916667vw;
	}
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNav-container,
.honor-magicbook-pro-16 .honor-magicbook-pro-16-outer {
	position: relative;
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNav-container {
	position: relative;
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNavWrapper {
	position: absolute;
	top: calc(100vh - 52px - 180px);
	left: 0;
	width: 0;
	z-index: 7;
	display: block;
	height: calc(100% - 100vh);
	mix-blend-mode: difference;
	z-index: 999;
	display: none;
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNavWrapper>div {
	position: sticky;
	top: calc(100vh - 52px - 180px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	left: 0;
	width: 135px;
	height: 0;
}

@media (min-aspect-ratio: 660/758) and (min-width: 851px) {
	@supports (mix-blend-mode: difference) {
		.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNavWrapper {
			display: block;
		}
	}
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNavWrapper svg {
	position: absolute;
	left: 30px;
	top: 0;
	width: 18px;
	height: 18px;
	transition: all 0.5s ease;
	opacity: 0;
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNavWrapper 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;
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNavWrapper button {
	display: block;
	width: 100%;
	height: 18px;
	position: relative;
	box-sizing: content-box;
	color: #fff;
	text-decoration: none;
	margin-top: 15px;
	font-family: inherit;
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNavWrapper button span {
	position: relative;
	display: block;
	line-height: 18px;
	opacity: 0;
	transition: all 0.5s ease;
	margin-left: 10px;
	font-size: 14px;
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNavWrapper button::before {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 38px;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background: #fff;
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNavWrapper button::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;
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNavWrapper button.honor-magicbook-pro-16-sideNav-active span {
	opacity: 1;
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNavWrapper button.honor-magicbook-pro-16-sideNav-active svg {
	opacity: 1;
	transform: rotate(-90deg);
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNavWrapper button.honor-magicbook-pro-16-sideNav-active::after {
	opacity: 1;
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNavWrapper button:hover span {
	opacity: 1;
	transform: translateX(8px);
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNavWrapper button:hover svg {
	opacity: 1;
	transform: rotate(-90deg);
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNavWrapper button:hover::after {
	opacity: 1;
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-sideNavWrapper circle {
	stroke: #fff !important;
}

.honor-magicbook-pro-16 .section-kv .kvBuyBtns {
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 0.9375vw;
	border-radius: 2.6041666667vw;
	border: 1.5px solid #7f7f7f;
	color: #000;
	z-index: 4;
	padding: 0.5208333333vw 1.5625vw;
	margin-top: 1.8229166667vw;
	line-height: 1;
	transition: border-color 0.1s linear;
	z-index: 99;
	display: inline-block;
}

@media (min-width: 1366px) {
	.honor-magicbook-pro-16 .section-kv .kvBuyBtns:hover {
		border-color: #000;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-kv .kvBuyBtns {
		margin: 6.6666666667vw auto 0;
		font-size: 3.7333333333vw;
		transform: none;
		padding: 2.1333333333vw 4.8vw;
		border-radius: 8vw;
	}
}

.honor-magicbook-pro-16 .honor-magicbook-pro-16-iosShow {
	display: none;
}


@media (min-aspect-ratio: 661/758) and (max-width: 700px) {
	.honor-magicbook-pro-16 .section-refresh .copy-wrapper {
		width: 33vw;
		left: 45%;
	}

	.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-work-wrapper2 .swiper-container-work2 .work2-text-wrapper {
		display: flex;
		align-items: start;
		justify-content: space-between;
	}

	.honor-magicbook-pro-16 .section-point .point-content2 .point2-right {
		width: 11.520833vw;
	}

	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right2 .point3-right2-text {
		position: absolute;
		text-align: center;
		top: 2.0833333333vw;
		width: 100%;
		left: 0%;
	}

	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right4 .point3-right4-text p {
		width: 13.729167vw;
	}

	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom1-text {
		transform: scale(0.9);
		transform-origin: left top;
	}

	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom2-text {
		transform: scale(0.9);
		transform-origin: right top;
	}

	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-left .point-content5-left-text p {
		transform: scale(0.9);
		transform-origin: left top;
	}

	.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content2 .yoyo-content2-wrapper2 .yoyo-content4 .wrapper-text {
		width: 16.75vw;
	}

	.honor-magicbook-pro-16 .section-work .work-wrapper .swiper-pagination-work {
		left: 50%;
		top: 50%;
		transform: translate(-62%, 9.8vw);
	}

	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left .point3-left-text p {
		width: 22.447917vw;
		font-size: 8px;
		transform: scale(0.8);
	}

	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right4 .point3-right4-text {
		top: 0.4625vw;
	}
}

@media (min-aspect-ratio: 661/758) and (max-width: 1000px) {
	.honor-magicbook-pro-16 .section-refresh .copy-wrapper {
		width: 34vw;
		left: 45%;
	}
}

/* new-0409 */
.honor-magicbook-pro-16 .section-yoyo .yoyo-content .aa,
.honor-magicbook-pro-16 .section-work .work-wrapper .aa {
	display: block;
	margin: 0 auto;
	width: -moz-max-content;
	width: max-content;
}

.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content1 .yoyo-content1-title {
	margin-bottom: 1vw;
}

.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content1 .yoyo-content-btn {
	margin-bottom: 2.6041666667vw;
	display: flex;
	align-items: center;
	height: inherit;
	font-size: 0.729vw;
	font-weight: 500;
	color: #256fff;
}

.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content1 .yoyo-content-btn:hover:after {
	transform: translateX(0.208vw);
}

.honor-magicbook-pro-16 .section-work .work-wrapper .work-wrapper-btn {
	margin-bottom: 2.6041666667vw;
	margin-top: 1vw;
	display: flex;
	align-items: center;
	height: inherit;
	font-size: 0.729vw;
	font-weight: 500;
	color: #256fff;
}

.honor-magicbook-pro-16 .section-work .work-wrapper .work-wrapper-btn:hover:after {
	transform: translateX(0.208vw);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content1 .yoyo-content1-title {
		margin-bottom: 3.666667vw;
	}

	.honor-magicbook-pro-16 .section-yoyo .yoyo-content .yoyo-content1 .yoyo-content-btn {
		margin-bottom: 6.6666666667vw;
		font-size: 3.2vw;
	}

	.honor-magicbook-pro-16 .section-work .work-wrapper .work-wrapper-btn {
		margin-bottom: 6.6666666667vw;
		margin-top: 3.6666666667vw;
		font-size: 3.2vw;
	}
}

.honor-magicbook-pro-16 .section-multi {
	width: 100%;
	height: 53.5416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-multi {
		height: 189.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-multi.is-active1 .text-wrapper .multi-title {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-multi.is-active1 .text-wrapper .multi-text {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.7s ease 0.3s;
}

.honor-magicbook-pro-16 .section-multi .bgd {
	width: 100%;
	height: 100%;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-multi .bgd {
		height: 189.3333333333vw;
	}
}

.honor-magicbook-pro-16 .section-multi .text-wrapper {
	position: absolute;
	top: 10%;
	left: 52%;
	transform: translate(-50%, 0);
	width: 69.4270833333vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-multi .text-wrapper {
		flex-direction: column;
		justify-content: center;
		width: 84vw;
		top: 7%;
	}
}

.honor-magicbook-pro-16 .section-multi .text-wrapper .multi-title {
	font-size: 2.5vw;
	width: 28.3333333333vw;
	opacity: 0;
	transform: translateY(5vw);
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-multi .text-wrapper .multi-title {
		font-size: 8.5333333333vw;
		margin-bottom: 2.6666666667vw;
		width: 100%;
	}
}

.honor-magicbook-pro-16 .section-multi .text-wrapper .multi-text {
	width: 39.21875vw;
	opacity: 0;
	transform: translateY(5vw);
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-multi .text-wrapper .multi-text {
		width: 100%;
		margin-bottom: 5.3333333333vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-multi .img-mob {
		width: 93.3333333333vw;
		height: 32.5333333333vw;
		position: absolute;
		top: 55%;
		left: 4%;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 500px) {
	.honor-magicbook-pro-16 .section-multi .img-mob {
		top: 71%;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai {
	width: 73.75vw;
	height: 18.59375vw;
	margin-bottom: 0.8333333333vw;
	position: relative;
	cursor: pointer;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai {
		width: 87.4666666667vw;
		height: 86.1333333333vw;
		margin-bottom: 4.2666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai .bg {
	width: 100%;
	height: 100%;
	width: 73.75vw;
	height: 18.59375vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai .bg {
		width: 87.4666666667vw;
		height: 86.1333333333vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai .over-scale {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	width: 73.75vw;
	height: 18.59375vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai .over-scale {
		width: 94.1333333333vw;
		height: 40.5333333333vw;
		transform: translateX(3vw);
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai .over-scale .bg-phone {
	position: absolute;
	top: 56%;
	right: 7.5vw;
	transform: translateY(-50%);
	width: 45.9848958333vw;
	height: 19.7395833333vw;
	z-index: 1;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai .over-scale .bg-phone {
		width: 94.1333333333vw;
		height: 40.5333333333vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai .point-content0-text {
	width: 17.1203125vw;
	position: absolute;
	left: 2.0833333333vw;
	top: 4.2vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai .point-content0-text {
		width: 77.4666666667vw;
		left: 4.8vw;
		top: 4.8vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai .point-content0-text h3 {
	font-size: 1.4583333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai .point-content0-text h3 {
		font-size: 4.8vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai .point-content0-text h3 span {
	font-size: 0.9375vw;
	display: block;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai .point-content0-text h3 span {
		font-size: 4.8vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai .point-content0-text p {
	font-size: 0.8333333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai .point-content0-text p {
		font-size: 3.7333333333vw;
		margin-top: 2.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai:hover .bg-phone {
	transform: translateY(-50%) scale(1.05);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .top-point-ai:hover .bg-phone {
		transform: translateY(-50%) scale(1);
	}
}

@media (min-aspect-ratio: 661/758) and (max-width: 1000px) {
	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-left {
		height: 20.78125vw;
	}

	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-right,
	.honor-magicbook-pro-16 .section-point .point-content5 .point-content5-right .bg {
		height: 20.78125vw;
	}

	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom1-text {
		transform: scale(0.8);
		transform-origin: left top;
	}

	.honor-magicbook-pro-16 .section-point .point-content4 .point-content4-bottom .point4-bottom .bottom2-text {
		transform: scale(0.8);
		transform-origin: right top;
	}

	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left .point3-left-text {
		transform: scale(0.7);
		transform-origin: top;
	}

	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left .point3-left-text p {
		width: 20vw;
	}

	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-left .point3-left-text {
		width: 33.822917vw;
	}

	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right3 .point3-right3-text2 {
		transform: scale(0.8);
		transform-origin: top right;
	}

	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right4 .point3-right4-text p,
	.honor-magicbook-pro-16 .section-point .point-content3 .point-content3-right .right4 .point3-right4-text h3 {
		transform: scale(0.8);
		transform-origin: top;
	}
}

.honor-magicbook-pro-16 .section-turbo {
	height: 140vh;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-turbo {
		height: 130vh;
	}
}

.honor-magicbook-pro-16 .section-turbo.is-active1 .copy-wrapper {
	transform: translate(-50%, -155%);
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-turbo.is-active1 .copy-wrapper .turbo-icon {
	opacity: 0;
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-turbo.is-active1 .copy-wrapper .turbo-text {
	opacity: 1;
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-turbo.is-active1 .turbo-wrapper-top {
	opacity: 1;
	transition: all 0.7s ease;
	transform: translate(-50%, -25%);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-turbo.is-active1 .turbo-icon {
		opacity: 0;
		transition: all 0.7s ease;
	}

	.honor-magicbook-pro-16 .section-turbo.is-active1 .copy-wrapper {
		transform: translate(-50%, -145%);
	}

	.honor-magicbook-pro-16 .section-turbo.is-active1 .copy-wrapper .turbo-title {
		opacity: 0;
		transition: all 0.7s ease;
	}

	.honor-magicbook-pro-16 .section-turbo.is-active1 .copy-wrapper .turbo-text {
		opacity: 1;
		transition: all 0.7s ease;
	}

	.honor-magicbook-pro-16 .section-turbo.is-active1 .turbo-wrapper-top {
		opacity: 1;
		transition: all 0.7s ease;
		transform: translate(-50%, -40%) scale(0.7);
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 500px) {
	.honor-magicbook-pro-16 .section-turbo.is-active1 .copy-wrapper {
		transform: translate(-50%, -175%);
	}

	.honor-magicbook-pro-16 .section-turbo.is-active1 .turbo-wrapper-top {
		transform: translate(-50%, -40%);
	}
}

.honor-magicbook-pro-16 .section-turbo .turbo-icon {
	width: 16.5625vw;
	height: 4.375vw;
	margin: 0 auto 1.5625vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-turbo .turbo-icon {
		width: 53.3333333333vw;
		height: 14.0933333333vw;
	}
}

.honor-magicbook-pro-16 .section-turbo .copy-wrapper {
	position: absolute;
	width: 60%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-turbo .copy-wrapper {
		width: 70%;
		transform: translate(-50%, -50%);
		transition: all 0.7s ease;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 500px) {
	.honor-magicbook-pro-16 .section-turbo .copy-wrapper {
		width: 70%;
		transform: translate(-50%, -50%);
		transition: all 0.7s ease;
	}
}

.honor-magicbook-pro-16 .section-turbo .copy-wrapper .turbo-title {
	font-size: 2.5vw;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-bottom: 1.5625vw;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-turbo .copy-wrapper .turbo-title {
		font-size: 8.5333333333vw;
		transition: all 0.7s ease;
	}
}

.honor-magicbook-pro-16 .section-turbo .copy-wrapper .turbo-text {
	font-size: 0.9375vw;
	opacity: 0;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-turbo .copy-wrapper .turbo-text {
		font-size: 3.7333333333vw;
		transition: all 0.7s ease;
	}
}

.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top {
	width: 73.5416666667vw;
	height: 22.7604166667vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 85%);
	opacity: 0;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top {
		width: 90.6666666667vw;
		height: 117.8666666667vw;
		transform: translate(-50%, 85%) scale(0.7);
		transition: all 0.7s ease;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 500px) {
	.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top {
		width: 90.6666666667vw;
		height: 117.8666666667vw;
		transform: translate(-50%, 85%);
		transition: all 0.7s ease;
	}
}

.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
}

.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content .content-right {
	display: flex;
	text-align: center;
	height: 100%;
	justify-content: space-around;
	width: 100%;
	align-items: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content .content-right {
		flex-direction: column;
	}
}

.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content .content-right .right-wrapper {
	width: 20%;
	text-align: left;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content .content-right .right-wrapper {
		width: 74.4vw;
		text-align: center;
	}
}

.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content .content-right .right-wrapper p {
	display: inline-block;
}

.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content .content-right .right-wrapper h4 {
	color: #fff;
	margin-bottom: 0.8854166667vw;
}

.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content .content-right .right-wrapper .right-wrapper-text1 {
	font-size: 0.9375vw;
	color: #fbe3ae;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content .content-right .right-wrapper .right-wrapper-text1 {
		font-size: 3.7333333333vw;
	}
}

.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content .content-right .right-wrapper .right-wrapper-text2 {
	font-size: 4.5833333333vw;
	position: relative;
	background: linear-gradient(180deg, #f6f2ff 0%, #fbe3ae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content .content-right .right-wrapper .right-wrapper-text2 {
		font-size: 10.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content .content-right .right-wrapper .right-wrapper-text2 span {
	font-size: 1.4583333333vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content .content-right .right-wrapper .right-wrapper-text2 span {
		font-size: 3.7333333333vw;
	}
}

.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content .content-right .right-wrapper .right-wrapper-text2 .turbo-arrow {
	width: 1.8229166667vw;
	height: 2.2916666667vw;
	position: absolute;
	top: 1.0416666667vw;
	right: -0.78125vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content .content-right .right-wrapper .right-wrapper-text2 .turbo-arrow {
		width: 5.6vw;
		height: 7.04vw;
		right: -3.2vw;
	}
}

.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content .content-right .line-top {
	width: 100%;
	height: 1px;
	margin-bottom: 0.9375vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content .content-right .line-top {
		width: 26.9333333333vw;
		margin: 2.6666666667vw auto;
	}
}

.honor-magicbook-pro-16 .section-turbo .turbo-wrapper-top .turbo-wrapper-content .content-right .line-mid {
	height: 1px;
	width: 82.2666666667vw;
	margin: 0 auto;
}

.honor-magicbook-pro-16 .section-ai {
	height: 160vh;
}

.honor-magicbook-pro-16 .section-ai #trigger-ai1 {
	position: absolute;
	top: -40vh;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ai #trigger-ai1 {
		top: -40vh;
	}
}

.honor-magicbook-pro-16 .section-ai.is-active1 .title-wrapper {
	transform: translate(-55%, -205%) scale(1);
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ai.is-active1 .title-wrapper {
		transform: translate(-52%, -190%);
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 500px) {
	.honor-magicbook-pro-16 .section-ai.is-active1 .title-wrapper {
		transform: translate(-52%, -210%) scale(1);
	}
}

.honor-magicbook-pro-16 .section-ai.is-active1 .title-wrapper .title-posi .ai-title-bottom {
	opacity: 1;
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-ai.is-active1 .bottom-img-wrapper {
	transform: translate(-50%, -35%);
	opacity: 1;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ai.is-active1 .bottom-img-wrapper {
		transform: translate(-50%, -50%);
	}
}

.honor-magicbook-pro-16 .section-ai.is-active2 .title-wrapper .title-posi .ai-title-bottom .text {
	/* transform: translateY(-100%); */
	transform: translateY(-100%);
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-ai.is-active2 .bottom-img-wrapper .img-content .content-bgd.content-bgd1 {
	opacity: 0;
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-ai.is-active2 .bottom-img-wrapper .img-content .content-bgd.content-bgd2 {
	opacity: 1;
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-ai.is-active2 .bottom-img-wrapper .txt-wrapper .txt.txt1 {
	opacity: 0;
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-ai.is-active2 .bottom-img-wrapper .txt-wrapper .txt.txt2 {
	opacity: 1;
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-ai .title-wrapper {
	width: 69.84375vw;
	height: 10.1447916667vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.42);
	transform-origin: 60% center;
	overflow: hidden;
	z-index: 1;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ai .title-wrapper {
		width: 148.48vw;
		height: 34.4vw;
		transform: translate(-52%, -50%) scale(1);
	}
}

.honor-magicbook-pro-16 .section-ai .title-wrapper .title-bgd {
	position: relative;
	z-index: -1;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ai .title-wrapper .title-bgd {
		transform: translate(-8%, -6%);
	}
}

.honor-magicbook-pro-16 .section-ai .title-wrapper .title-posi {
	position: absolute;
	top: 63%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ai .title-wrapper .title-posi {
		top: 55%;
	}
}

.honor-magicbook-pro-16 .section-ai .title-wrapper .title-posi .ai-title {
	font-size: 2.9166666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ai .title-wrapper .title-posi .ai-title {
		font-size: 8.5333333333vw;
	}
}

.honor-magicbook-pro-16 .section-ai .title-wrapper .title-posi .ai-title-bottom {
	width: 26.0416666667vw;
	height: 3.5416666667vw;
	overflow: hidden;
	opacity: 0;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ai .title-wrapper .title-posi .ai-title-bottom {
		width: 77.8666666667vw;
		height: 10.6666666667vw;
	}
}

.honor-magicbook-pro-16 .section-ai .title-wrapper .title-posi .ai-title-bottom .text {
	font-size: 2.9166666667vw;
	transition: all 0.7s ease;
	background: linear-gradient(to right, #fff 0%, #7B9EFF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ai .title-wrapper .title-posi .ai-title-bottom .text {
		font-size: 8.5333333333vw;
	}
}

.honor-magicbook-pro-16 .section-ai .title-wrapper .title-posi .ai-title-bottom .text sup {
	background: linear-gradient(to right, #7B9EFF 0%, #7B9EFF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.honor-magicbook-pro-16 .section-ai .title-wrapper .title-shadow {
	width: 130%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: linear-gradient(to right, transparent 0%, #000 35%);
}

.honor-magicbook-pro-16 .section-ai .bottom-img-wrapper {
	width: 70.8854166667vw;
	position: absolute;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 60%);
	opacity: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	opacity: 0;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ai .bottom-img-wrapper {
		width: 100vw;
	}
}

.honor-magicbook-pro-16 .section-ai .bottom-img-wrapper .img-content {
	width: 70.8854166667vw;
	height: 39.6354166667vw;
	position: relative;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ai .bottom-img-wrapper .img-content {
		width: 100vw;
		height: 56.096vw;
	}
}

.honor-magicbook-pro-16 .section-ai .bottom-img-wrapper .img-content .content-bgd {
	width: 100%;
	height: 100%;
	transition: all 0.7s ease;
}

.honor-magicbook-pro-16 .section-ai .bottom-img-wrapper .img-content .content-bgd.content-bgd2 {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.honor-magicbook-pro-16 .section-ai .bottom-img-wrapper .txt-wrapper {
	width: 47.65625vw;
	position: absolute;
	left: 50%;
	bottom: 6vw;
	transform: translate(-50%, 0);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ai .bottom-img-wrapper .txt-wrapper {
		width: 84.5333333333vw;
		bottom: -33vw;
	}
}

.honor-magicbook-pro-16 .section-ai .bottom-img-wrapper .txt-wrapper .txt {
	font-size: 0.9375vw;
	transition: all 0.7s ease;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ai .bottom-img-wrapper .txt-wrapper .txt {
		font-size: 3.7333333333vw;
	}
}

.honor-magicbook-pro-16 .section-ai .bottom-img-wrapper .txt-wrapper .txt.txt2 {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	.honor-magicbook-pro-16 .section-ai .mob-bgd {
		width: 100%;
		height: 189.3333333333vw;
		position: absolute;
		top: 0;
		z-index: -1;
	}
}


.honor-magicbook-pro-16.is-firefox .section-ai .title-wrapper .title-posi .ai-title-bottom .text {
	-webkit-text-fill-color: #fff;
}

.honor-magicbook-pro-16.is-firefox .section-ai .title-wrapper .title-posi .ai-title-bottom .text sup {
	-webkit-text-fill-color: #fff;
}



.newsletter-avise-me {
    position: fixed;
    top: 130px;
    z-index: 99;
    right: 45px;
    background: #fff;
    padding: 10px;
box-shadow: 0 0 0 99999px rgb(0 0 0 / 24%);
}
.newsletter-avise-me .wd-marketing-newsletter .form-wrapper > p {
    font-size: 0;
    margin-bottom: 15px;
}

.newsletter-avise-me .wd-marketing-newsletter .form-wrapper > p:after {
    content: "Avise-me quando chegar";
    font-size: 16px;
}

.newsletter-avise-me .wd-marketing-newsletter .form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.newsletter-avise-me .wd-marketing-newsletter .form-wrapper button {
    border: 1px solid;
    width: 155px;
    padding: 7px;
    border-radius: 2px;
    background-color: #000;
    color: #fff;
    margin-top: 10px;
}

.newsletter-avise-me .wd-marketing-newsletter .form-wrapper input {
    width: 100%;
    padding: 5px;
    margin: 5px 0;
}

.newsletter-avise-me .wd-marketing-newsletter .message {
    font-size: 0;
}

.newsletter-avise-me .wd-marketing-newsletter .message:after {
    content: "Seu cadadstro foi realizado com sucesso!";
    font-size: 16px;
}