.product-subnav .subnav-box.sub_nav-v1 {
    height: 52px;
    line-height: 52px;
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255, 255, 255, 0.7);
    box-shadow: none;
    border-bottom: 1px solid #ececee;
    width: 100%;
    position: fixed;
    top: 65px;
    z-index: 9;
    background: white;
}

.product-subnav .subnav-box.sub_nav-v1 .middle-box {
	width: 100%;
	max-width: 1440px;
	padding: 0 20px;
	height: 52px;
	overflow: unset;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#honor-x9b .section1 {
    margin-top: 100px;
}

.product-subnav .subnav-box.sub_nav-v1 .product-name {
	line-height: 52px;
	display: flex;
	align-items: center;
	height: 52px;
	float: left;
	margin: 0;
	font-size: 14px;
	color: #000;
	line-height: 80px;
	font-weight: bold;
	white-space: nowrap;
}


.product-subnav .subnav-box.sub_nav-v1 .btn-buy,.product-subnav .subnav-box.sub_nav-v1 .subnav-box-pay-deposit {
	height: 30px;
	display: flex;
	padding: 0 20px;
	align-items: center;
	background: #000;
	color: #fff;
	border-radius: 15px;
	font-weight: bold;
	font-size: 12px;
	width: 150px;
	justify-content: center;
}


.product-subnav .subnav-box.sub_nav-v1 .btn-buy a {
	color: white;
}

@media(max-width: 768px){
	.product-sub-nav-comp {
		margin-top: 52px;
	}
}

@media(max-width: 768px){
	.product-subnav .subnav-box.sub_nav-v1 {
		top: 50px;
	}
}


html,
body {
	padding: 0;
	margin: 0;
	overflow: initial;
	--backgroud-size-y: 100%;
	--backgroud-gradient-transparent: 0%;
	--backgroud-gradient-white: 0%;
}

.wd-browsing-breadcrumbs {
	display: none;
}

#honor-x9b {
	font-family: 'HONOR Sans World Regular';
	background: #000;
}

#honor-x9b.is-hidden {
	opacity: 0;
}

#honor-x9b section {
	position: relative;
}

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

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

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

#honor-x9b h2,
#honor-x9b h3,
#honor-x9b h4 {
	line-height: 1.25;
}

#honor-x9b p,
#honor-x9b span {
	line-height: 1.4;
}

#honor-x9b button {
	background-color: transparent;
	cursor: pointer;
}

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

#honor-x9b sup.static {
	position: static !important;
}

#honor-x9b sup.smaller {
	font-size: 40% !important;
	top: -0.78125vw !important;
}

#honor-x9b picture,
#honor-x9b img,
#honor-x9b video,
#honor-x9b canvas {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
}

#honor-x9b a {
	color: inherit;
	text-decoration: none;
}

#honor-x9b *,
#honor-x9b *::before,
#honor-x9b *::after {
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
}

#honor-x9b *:focus,
#honor-x9b *:active {
	outline: none;
}

#honor-x9b .nowrap {
	white-space: nowrap;
}

#honor-x9b .object-fit {
	height: 100%;
	object-fit: cover;
}

#honor-x9b .ff-demiBold {
	font-family: 'HONOR Sans World DemiBold';
}

#honor-x9b .ff-medium {
	font-family: 'HONOR Sans World Medium';
}

#honor-x9b .ff-regular {
	font-family: 'HONOR Sans World Regular';
}

#honor-x9b .fs-140 {
	font-size: 7.29167vw;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .fs-140 {
		font-size: 21.06667vw;
	}
}

#honor-x9b .fs-94 {
	font-size: 4.89583vw;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .fs-94 {
		font-size: 12.8vw;
	}
}

#honor-x9b .fs-88 {
	font-size: 4.58333vw;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .fs-88 {
		font-size: 12.8vw;
	}
}

#honor-x9b .fs-80 {
	font-size: 4.16667vw;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .fs-80 {
		font-size: 9.6vw;
	}
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 500px) {
	#honor-x9b .fs-80 {
		font-size: 12.8vw;
	}
}

#honor-x9b .fs-85 {
	font-size: 4.42708vw;
}

#honor-x9b .fs-64 {
	font-size: 3.33333vw;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .fs-64 {
		font-size: 8vw;
	}
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 500px) {
	#honor-x9b .fs-64 {
		font-size: 10.66667vw;
	}
}

#honor-x9b .fs-56 {
	font-size: 2.91667vw;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .fs-56 {
		font-size: 8.53333vw;
	}
}

#honor-x9b .fs-48 {
	font-size: 2.5vw;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .fs-48 {
		font-size: 8.53333vw;
	}
}

#honor-x9b .fs-40 {
	font-size: 2.08333vw;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .fs-40 {
		font-size: 4.8vw;
	}
}

#honor-x9b .fs-32 {
	font-size: 1.66667vw;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .fs-32 {
		font-size: 6.4vw;
	}
}

#honor-x9b .fs-30 {
	font-size: 1.5625vw;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .fs-30 {
		font-size: 6.4vw;
	}
}

#honor-x9b .fs-28 {
	font-size: 1.45833vw;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .fs-28 {
		font-size: 6.4vw;
	}
}

#honor-x9b .fs-24 {
	font-size: 1.25vw;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .fs-24 {
		font-size: 3.2vw;
	}
}

#honor-x9b .fs-20 {
	font-size: 1.04167vw;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .fs-20 {
		font-size: 3.2vw;
	}
}

#honor-x9b .fs-18 {
	font-size: 0.9375vw;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .fs-18 {
		font-size: 3.2vw;
	}
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 500px) {
	#honor-x9b .fs-18 {
		font-size: 3.73333vw;
	}
}

#honor-x9b .fs-16 {
	font-size: 0.83333vw;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .fs-16 {
		font-size: 3.73333vw;
	}
}

#honor-x9b .mob-show {
	display: none;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .mob-show {
		display: block;
	}

	#honor-x9b .pc-show {
		display: none;
	}
}

#honor-x9b .alpha8 {
	opacity: 0.8;
}

#honor-x9b .alpha6 {
	opacity: 0.6;
}

#honor-x9b .section1 {
	position: relative;
	height: 56.25vw;
	width: 100%;
	z-index: 2;
}

#honor-x9b .section1 .sec1-bgd {
	width: 100%;
	height: 100%;
}

#honor-x9b .section1 .sec1-text {
	width: 53vw;
	position: absolute;
	top: 4.21875vw;
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
}

#honor-x9b .section1 .sec1-text .propagate {
	width: 38.36667vw;
	margin: 0 auto;
}

#honor-x9b .section1 .sec1-text .bottom-txt {
	width: 51vw;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

#honor-x9b .section1 .sec1-text h4 {
	margin: 1.30208vw auto 1.32292vw;
	font-size: 1.8875vw;
}

#honor-x9b .section1 .sec1-text .txt {
	font-size: 1.1vw;
}

/* #honor-x9b .section1 .sec1-text .txt p:nth-child(2) {
font-size: 0.8vw;
} */
#honor-x9b .section1 .sec1-text .line {
	width: 1px;
	height: 3.000002292vw;
	border-right: 1px solid #000;
	margin: 0 0.925vw;
	align-self: center;
}

#honor-x9b .section1 .last-text {
	position: absolute;
	bottom: 1.30417vw;
	right: 2.40417vw;
	transform: scale(0.4);
	width: 43vw;
	transform-origin: right bottom;
	text-align: right;
}

#honor-x9b .section1 .last-text p {
	font-size: 0.825vw;
}

@media (max-aspect-ratio: 660 / 758) {
	#honor-x9b .section1 {
		height: 177.77867vw;
	}

	#honor-x9b .section1 .sec1-text {
		width: 92vw;
		right: 0;
		left: 0;
		margin: 0 auto;
		top: 9.133333vw;
		/* transform: translateX(-50%); */
	}

	#honor-x9b .section1 .sec1-text .propagate {
		width: 66.36667vw;
		margin: 0 auto;
	}

	#honor-x9b .section1 .sec1-text .bottom-txt {
		width: 94vw;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}

	#honor-x9b .section1 .sec1-text h4 {
		font-size: 3.33333vw;
		margin: 1.66667vw auto 2vw;
	}

	#honor-x9b .section1 .sec1-text .txt {
		font-size: 2.0vw;
	}

	/* #honor-x9b .section1 .sec1-text .txt p:nth-child(2) {
	font-size: 1.8vw;
} */
	#honor-x9b .section1 .sec1-text .line {
		height: 4.8vw;
		margin: 0 1.6vw;
	}

	#honor-x9b .section1 .last-text {
		width: auto;
		right: 4vw;
		bottom: 4vw;
		transform: scale(0.2);
	}

	#honor-x9b .section1 .last-text p {
		width: 247vw;
		font-size: 3.2vw;
	}
}

@media (width: 662px) {
	.sec1-text {
		width: 50vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		/* right: 3vw; */
	}

	#honor-x9b .section1 .sec1-text .propagate {
		width: 44.66667vw;
		margin: 0 auto;
	}

	#honor-x9b .section1 .sec1-text .bottom-txt {
		width: 50vw;
	}

	#honor-x9b .section1 .last-text {
		position: absolute;
		bottom: 1.30417vw;
		width: 57vw;
		transform: scale(0.3);
	}
}

@media (width: 779px) {
	.sec1-text {
		width: 50vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		/* right: 3vw; */
	}

	#honor-x9b .section1 .sec1-text .propagate {
		width: 44.66667vw;
		margin: 0 auto;
	}

	#honor-x9b .section1 .sec1-text .bottom-txt {
		width: 50vw;
	}

	#honor-x9b .section1 .last-text {
		position: absolute;
		bottom: 1.30417vw;
		width: 57vw;
		transform: scale(0.3);
	}
}

#honor-x9b .x30Max-section {
	position: relative;
	clip-path: inset(2px 0px);
}

#honor-x9b .x30Max-section {
	position: relative;
}

#honor-x9b .mob {
	display: none;
}

#honor-x9b .pc {
	display: block;
}

#honor-x9b .x30Max-wrap-add {
	bottom: 8vw;
	top: initial;
}

#honor-x9b p.click-watch-video {
	font-size: calc(0.8vw + 2px);
	color: #fff;
	text-align: center;
	display: inline-block;
	cursor: pointer;
}

#honor-x9b .x30Max-video-popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	z-index: 10000;
}

#honor-x9b .x30Max-video-content {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 1vw;
}

#honor-x9b .x30Max-video-content video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#honor-x9b .video-play-btn {
	width: 7vw;
	height: 7vw;
	position: absolute;
	display: block;
	left: calc(50% - 3.5vw);
	top: calc(50% - 3.5vw);
	z-index: 5;
	text-decoration: none !important;
	cursor: pointer;
}

#honor-x9b .video-popup-close {
	position: absolute;
	right: 3%;
	top: 4%;
	cursor: pointer;
	width: 1.5vw;
	height: 1.5vw;
	z-index: 4;
}

#honor-x9b .x30Max-wrap-add {
	bottom: 8vw;
	top: initial;
	width: 100%;
	position: absolute;
	text-align: center;
	color: #fff;
}

@media (max-aspect-ratio: 660 / 758) {
	#honor-x9b .x30Max-video-content video {
		width: 85%;
		margin: 0 auto;
	}

	#honor-x9b .x30Max-wrap-add {
		top: 74.2vw;
		left: 0;
		text-align: center;
	}

	#honor-x9b p.click-watch-video {
		font-size: calc(3vw + 2px);
	}

	#honor-x9b .x30Max-video-popup {
		background: black;
	}

	#honor-x9b .video-popup-close {
		width: 4.5vw;
		height: 4.5vw;
	}

	#honor-x9b .x30Max-video-content {
		width: 80%;
	}

	#honor-x9b .video-play-btn {
		width: 10vw;
		height: 10vw;
		left: 46%;
		top: 44%;
	}

	#honor-x9b .x30Max-section-add picture img {
		min-height: 40vw;
	}

	#honor-x9b .x30Max-wrap-add {
		bottom: 34.2vw;
		left: 0;
		top: auto;
		text-align: center;
	}
}

#honor-x9b .section3 {
	position: relative;
	z-index: 2;
	background: #000000;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}

#honor-x9b .section3 h2 {
	font-size: 3.125vw;
	color: #fff;
	width: 100%;
	text-align: center;
	padding: 6.14583vw 0 3.02083vw;
}

#honor-x9b .section3 .content {
	width: 72.65625vw;
	height: 41.66667vw;
	margin: 0 auto 5vw;
	position: relative;
}

#honor-x9b .section3 .high {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}

#honor-x9b .section3 .high .horn1 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 6.35417vw;
	height: 6.51042vw;
	z-index: 99;
}

#honor-x9b .section3 .high .horn2 {
	position: absolute;
	right: 0;
	top: 0;
	width: 6.35417vw;
	height: 6.51042vw;
	z-index: 99;
}

#honor-x9b .section3 .high .sec3-text {
	position: absolute;
	left: 1.5625vw;
	top: 1.5625vw;
	width: 20.05208vw;
	color: #fff;
}

#honor-x9b .section3 .high .sec3-text {
	width: 20.26042vw;
}

#honor-x9b .section3 .high:hover .sec3-bgd {
	transform: scale(1.1);
}

#honor-x9b .section3 .high1 .sec3-bgd,
#honor-x9b .section3 .high2 .sec3-bgd,
#honor-x9b .section3 .high3 .sec3-bgd,
#honor-x9b .section3 .high4 .sec3-bgd {
	width: 100%;
	height: 100%;
	transition: all 0.4s;
}

#honor-x9b .section3 .high1 {
	width: 23.54167vw;
	height: 41.66667vw;
	left: 0;
	top: 0;
}

#honor-x9b .section3 .high .sec3-text h3 {
	margin-bottom: 1.04167vw;
}

#honor-x9b .section3 .high .sec3-text .green {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(180deg, #D6FFEE 0%, #00B569 100%);
}

#honor-x9b .section3 .high .sec3-text h3 span {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(180deg, #D6FFEE 0%, #00B569 100%);
	display: block;
}

#honor-x9b .section3 .high2 {
	width: 48.33333vw;
	height: 13.33333vw;
	right: 0;
	top: 0;
}

#honor-x9b .section3 .high2 .sec3-text .text {
	display: flex;
}

#honor-x9b .section3 .high2 .sec3-text .text img {
	width: 4.125vw;
	/* height: 3.26094vw; */
	margin-top: 0.52083vw;
	margin-left: 2.08333vw;
}

#honor-x9b .section3 .high3,
#honor-x9b .section3 .high4 {
	width: 23.69792vw;
	height: 27.5vw;
}

#honor-x9b .section3 .high3 {
	bottom: 0;
	right: 24.53125vw;
}

#honor-x9b .section3 .high4 {
	bottom: 0;
	right: 0;
}

@media (max-aspect-ratio: 660 / 758) {
	#honor-x9b .section3 h2 {
		font-size: 9.66667vw;
		padding: 28vw 0 8vw;
	}

	#honor-x9b .section3 .high .sec3-text h3>span {
		line-height: 1.2;
	}

	#honor-x9b .section3 .content {
		width: 91.46667vw;
		height: auto;
	}

	#honor-x9b .section3 .high .sec3-text {
		position: absolute;
		left: 6.13333vw;
		top: 6.13333vw;
		width: 77.6vw;
	}

	#honor-x9b .section3 .high .sec3-text h3 {
		margin-bottom: 2.66667vw;
	}

	#honor-x9b .section3 .high {
		position: relative;
		width: 100%;
		margin-bottom: 4.26667vw;
	}

	#honor-x9b .section3 .high1 {
		height: 128.53333vw;
	}

	#honor-x9b .section3 .high2 {
		height: 77.86667vw;
	}

	#honor-x9b .section3 .high3,
	#honor-x9b .section3 .high4 {
		height: 96.8vw;
		right: auto;
	}

	#honor-x9b .section3 .high2 .sec3-text .text img {
		width: 13.33333vw;
		height: 13.912vw;
		margin-top: 1.33333vw;
		margin-left: 10.66667vw;
	}

	#honor-x9b .section3 .high .horn1,
	#honor-x9b .section3 .high .horn2 {
		width: 21.33333vw;
		height: 21.33333vw;
	}

	#honor-x9b .section3 .high:hover .sec3-bgd {
		transform: scale(1);
	}
}

@media (max-aspect-ratio: 660 / 758) and (width: 430px) {
	#honor-x9b .section3 .high .sec3-text h3 {
		margin-bottom: 1.2vw;
	}

	#honor-x9b .section3 .high .sec3-text {
		position: absolute;
		left: 6.13333vw;
		top: 3.53333vw;
		width: 77.6vw;
	}
}

@media (width: 662px) {
	#honor-x9b .section3 .high:hover .sec3-bgd {
		transform: scale(1);
	}

	#honor-x9b .section3 .high .sec3-text {
		width: 24vw;
		transform: scale(0.85);
		left: 0.5625vw;
		top: 0;
	}
}

#honor-x9b .section4 {
	position: relative;
	height: 500vh;
	margin-top: -90vh;
	background: #000;
	z-index: 1;
}

@media (width: 662px) {
	/* #honor-x9b .section4 {
	margin-top: -30vh;
} */
}

#honor-x9b .section4 .sec4-sticky {
	position: sticky;
	height: calc(100vh - 52px);
	top: 52px;
}

#honor-x9b .section4 .bgd-wrapper {
	width: 100vw;
}

#honor-x9b .section4 .bgd-wrapper>picture {
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: all 0.6s;
	transition-delay: 0.1s;
	z-index: 0;
}

#honor-x9b .section4 .bgd-wrapper>picture[data-color='green'] {
	opacity: 0;
}

#honor-x9b .section4.is-active-forward-1 .bgd-wrapper>picture[data-color='green'] {
	animation: s4-bg 0.6s 1 forwards linear;
}

@keyframes s4-bg {
	0% {
		-webkit-clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
		clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
		opacity: 1;
	}

	100% {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		opacity: 1;
	}
}

#honor-x9b .section4.is-active-forward-2 .bgd-wrapper>picture[data-color='orange'],
#honor-x9b .section4.is-active-forward-3 .bgd-wrapper>picture[data-color='black'] {
	opacity: 1;
}

#honor-x9b .section4.is-active-reverse-1 .bgd-wrapper>picture[data-color='green'],
#honor-x9b .section4.is-active-reverse-2 .bgd-wrapper>picture[data-color='orange'],
#honor-x9b .section4.is-active-reverse-3 .bgd-wrapper>picture[data-color='black'] {
	opacity: 1;
}

#honor-x9b .section4 .phone-wrapper {
	width: 27.36198vw;
	height: 41.43802vw;
	position: absolute;
	left: 18.48958vw;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

#honor-x9b .section4 .phone-wrapper>picture {
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: all 0.7s;
}

#honor-x9b .section4 .phone-wrapper>picture[data-color='green'] {
	opacity: 1;
}

#honor-x9b .section4.is-active-forward-1 .phone-wrapper>picture[data-color='green'],
#honor-x9b .section4.is-active-forward-2 .phone-wrapper>picture[data-color='orange'],
#honor-x9b .section4.is-active-forward-3 .phone-wrapper>picture[data-color='black'] {
	opacity: 1;
}

#honor-x9b .section4.is-active-reverse-1 .phone-wrapper>picture[data-color='green'],
#honor-x9b .section4.is-active-reverse-2 .phone-wrapper>picture[data-color='orange'],
#honor-x9b .section4.is-active-reverse-3 .phone-wrapper>picture[data-color='black'] {
	opacity: 1;
}

#honor-x9b .section4 .text-wrapper {
	width: 33.4375vw;
	position: absolute;
	right: 17.03125vw;
	top: 50%;
	color: #fff;
	transform: translateY(-50%);
	z-index: 2;
}

#honor-x9b .section4 .text-wrapper h2 {
	margin-bottom: 0.52083vw;
	color: #fff;
}

#honor-x9b .section4 .cmf-wrapper {
	display: flex;
	margin-top: 1.5625vw;
}

#honor-x9b .section4 .cmf-wrapper .cmf-every {
	width: 1.5625vw;
	height: 1.5625vw;
	margin-right: 1.04167vw;
	border-radius: 90%;
	transition: all 0.2s;
	cursor: pointer;
}

#honor-x9b .section4 .cmf-wrapper .orange {
	background: linear-gradient(180deg, #fcc5a9 0%, #f68f5a 100%);
}

#honor-x9b .section4 .cmf-wrapper .green {
	background: linear-gradient(180deg, #dbe9e9 0%, #405e5f 100%);
}

#honor-x9b .section4 .cmf-wrapper .sliver {
	background: linear-gradient(180deg, #f4f6f7 0%, #d8dfe0 100%);
}

#honor-x9b .section4 .cmf-wrapper .black {
	background: linear-gradient(180deg, #fcc5a9 0%, #f68f5a 100%);
}

#honor-x9b .section4.is-active-forward-1 .cmf-wrapper .cmf-every.green,
#honor-x9b .section4.is-active-forward-2 .cmf-wrapper .cmf-every.orange,
#honor-x9b .section4.is-active-forward-3 .cmf-wrapper .cmf-every.black {
	transform: scale(1.25);
}

#honor-x9b .section4.is-active-reverse-1 .cmf-wrapper .cmf-every.green,
#honor-x9b .section4.is-active-reverse-2 .cmf-wrapper .cmf-every.orange,
#honor-x9b .section4.is-active-reverse-3 .cmf-wrapper .cmf-every.black {
	transform: scale(1.25);
}

#honor-x9b .section4 .text-wrapper .phone-side-wrapper {
	width: 30.88542vw;
	height: 1.82292vw;
	position: relative;
	margin-top: 3.125vw;
}

#honor-x9b .section4 .text-wrapper .phone-side-wrapper>picture {
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: all 0.7s;
}

#honor-x9b .section4 .phone-side-wrapper>picture[data-color='green'] {
	opacity: 1;
}

#honor-x9b .section4.is-active-forward-1 .phone-side-wrapper>picture[data-color='green'],
#honor-x9b .section4.is-active-forward-2 .phone-side-wrapper>picture[data-color='orange'],
#honor-x9b .section4.is-active-forward-3 .phone-side-wrapper>picture[data-color='black'] {
	opacity: 1;
}

#honor-x9b .section4.is-active-reverse-1 .phone-side-wrapper>picture[data-color='green'],
#honor-x9b .section4.is-active-reverse-2 .phone-side-wrapper>picture[data-color='orange'],
#honor-x9b .section4.is-active-reverse-3 .phone-side-wrapper>picture[data-color='black'] {
	opacity: 1;
}

#honor-x9b .section4 .text-wrapper>.parameter {
	margin-top: 1.5625vw;
	display: flex;
	align-items: center;
}

#honor-x9b .section4 .text-wrapper>.parameter .line {
	width: 1px;
	height: 2.08333vw;
	border-right: 1px solid #fff;
	margin: 0 2.08333vw;
}

@media (max-aspect-ratio: 660 / 758) {
	#honor-x9b .section4 {
		position: relative;
		height: 250vh;
		margin-top: -90vh;
		background: #000;
	}

	#honor-x9b .section4 .bgd-wrapper {
		width: 100%;
		height: 120.8vw;
		position: absolute;
		bottom: 0;
	}

	#honor-x9b .section4 .phone-wrapper {
		width: 65.06667vw;
		height: 57.6vw;
		left: 14.82667vw;
		bottom: 7.46667vw;
		top: auto;
		transform: none;
	}

	#honor-x9b .section4 .text-wrapper {
		width: 73.06667vw;
		top: 2.66667vw;
		left: 50%;
		transform: translateX(-50%);
	}

	#honor-x9b .section4 .text-wrapper h2 {
		margin-bottom: 2.66667vw;
		font-size: 6.4vw;
	}

	#honor-x9b .section4 .cmf-wrapper {
		margin-top: 5.33333vw;
	}

	#honor-x9b .section4 .cmf-wrapper .cmf-every {
		width: 5.1vw;
		height: 5.1vw;
		margin-right: 5.33333vw;
		transform: scale(1.01);
	}

	#honor-x9b .section4 .text-wrapper>.parameter {
		display: none;
	}

	#honor-x9b .section4 .parameter-mob {
		position: absolute;
		bottom: 75vw;
		left: 14.46667vw;
		width: 56vw;
		display: flex;
		align-items: center;
		color: #fff;
	}

	#honor-x9b .section4 .parameter-mob .line {
		width: 2px;
		height: 10.66667vw;
		border-left: 1px solid rgba(255, 255, 255, 0.4);
		margin: 0.4vw 5.33333vw 1.46667vw;
	}

	#honor-x9b .section4 .bgd-wrapper {
		opacity: 0;
	}

	#honor-x9b .section4.is-active-forward-mb-1 .bgd-wrapper {
		animation: s4-bg 0.6s 1 forwards linear;
	}

	#honor-x9b .section4.is-active-reverse-mb-1 .bgd-wrapper {
		opacity: 1;
	}
}

@media (width: 414px) and (max-aspect-ratio: 660 / 758) {
	#honor-x9b .section4 .phone-wrapper {
		/* transform: scale(0.8); */
		transform-origin: bottom;
		bottom: 75vw;
	}
}

@media (width: 768px) and (max-aspect-ratio: 660 / 758) {
	#honor-x9b .section4 .bgd-wrapper {
		overflow: hidden;
	}

	#honor-x9b .section4 .bgd-wrapper>picture {
		bottom: -18vw;
	}

	#honor-x9b .section4 .phone-wrapper {
		/* transform: scale(0.65); */
		transform-origin: bottom;
		bottom: 11.46667vw;
	}

	#honor-x9b .section4 .parameter-mob {
		position: absolute;
		bottom: 75vw;
	}

	#honor-x9b .section4 .text-wrapper h2 {
		margin-bottom: 2.66667vw;
		font-size: 4vw;
	}

	#honor-x9b .section4 .txt-zw {
		font-size: 2.2vw;
	}

	#honor-x9b .section4 .weight .fs-32 {
		font-size: 4.4vw;
	}

	#honor-x9b .section4 .depth .fs-32 {
		font-size: 4.4vw;
	}
}

@media (width: 1024px) and (max-aspect-ratio: 660 / 758) {
	#honor-x9b .section4 .bgd-wrapper {
		overflow: hidden;
	}

	#honor-x9b .section4 .bgd-wrapper>picture {
		bottom: -18vw;
	}

	#honor-x9b .section4 .phone-wrapper {
		transform: scale(1);
		transform-origin: bottom;
		bottom: 7.46667vw;
	}

	#honor-x9b .section4 .parameter-mob {
		position: absolute;
		bottom: 75vw;
	}

	#honor-x9b .section4 .text-wrapper h2 {
		margin-bottom: 2.66667vw;
		font-size: 4vw;
	}

	#honor-x9b .section4 .txt-zw {
		font-size: 2.2vw;
	}

	#honor-x9b .section4 .weight .fs-32 {
		font-size: 4.4vw;
	}

	#honor-x9b .section4 .depth .fs-32 {
		font-size: 4.4vw;
	}
}

@media (width: 662px) {
	#honor-x9b .section4 .phone-wrapper {
		/* left: 23.48958vw; */
	}
}

#honor-x9b .section5 {
	position: relative;
	height: 350vh;
}

#honor-x9b .section5 .sec5-sticky {
	position: sticky;
	height: calc(100vh - 52px);
	top: 52px;
}

#honor-x9b .section5 .sec5-content1 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	transition: all 0.6s;
	z-index: 2;
}

#honor-x9b .section5.is-active-forward-3 .sec5-content1,
#honor-x9b .section5.is-active-reverse-3 .sec5-content1 {
	transform: translateY(-100vh);
}

#honor-x9b .section5 .sec5-bgd {
	width: 100%;
	height: 100%;
}

#honor-x9b .section5 .sec5-phone {
	width: 8.64917vw;
	height: 25.26042vw;
	position: absolute;
	top: 46%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99;
}

#honor-x9b .section5 .sec5-phone .phone-wrapper {
	transition: all 0.7s;
}

#honor-x9b .section5 .sec5-phone .phone-back {
	width: 100%;
	height: 100%;
}

#honor-x9b .section5 .sec5-phone .phone-screen {
	width: 8.36422vw;
	height: 25.05208vw;
	position: absolute;
	left: -0.05208vw;
	top: 0.15625vw;
	z-index: 4;
}

#honor-x9b .section5 .sec5-phone.is-active-reverse-0 .phone-screen {
	width: 8.36422vw;
	height: 25.05208vw;
	position: absolute;
	left: -0.05208vw;
	top: 0.15625vw;
	z-index: 4;
}

#honor-x9b .section5 .sec5-phone .phone-in-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8.08333vw;
	height: 24.53292vw;
}

#honor-x9b .section5.is-active-reverse-1 .sec5-phone .phone-in-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8.08333vw;
	height: 24.53292vw;
}

#honor-x9b .section5 .sec5-phone .phone-in-wrapper .phone-in {
	opacity: 0.8;
}

#honor-x9b .section5 .sec5-phone .phone-in-wrapper .txt {
	font-size: 0.72917vw;
	position: absolute;
	display: flex;
	align-items: center;
	opacity: 0;
	transition: all 0.4s;
	transition-delay: 0.6s;
}

#honor-x9b .section5 .sec5-phone .phone-in-wrapper .txt>p {
	margin-right: 0.36458vw;
	white-space: nowrap;
	color: #fff;
}

#honor-x9b .section5 .sec5-phone .phone-in-wrapper1 .txt {
	top: 0.10417vw;
	left: -15.80938vw;
}

#honor-x9b .section5 .sec5-phone .phone-in-wrapper2 .txt {
	top: 0.26042vw;
	left: -12.05208vw;
}

#honor-x9b .section5 .sec5-phone .phone-in-wrapper3 .txt {
	top: 0.3125vw;
	left: -13.36615vw;
	/* opacity: .5; */
}

#honor-x9b .section5 .sec5-phone .phone-in-wrapper .txt .line {
	width: 4.60938vw;
	height: 1px;
	border-bottom: 1px solid #fff;
	opacity: 0.5;
}

#honor-x9b .section5.is-active-forward-1 .sec5-phone .phone-screen,
#honor-x9b .section5.is-active-reverse-1 .sec5-phone .phone-screen,
#honor-x9b .section5.is-active-forward-2 .sec5-phone .phone-screen,
#honor-x9b .section5.is-active-reverse-2 .sec5-phone .phone-screen,
#honor-x9b .section5.is-active-forward-3 .sec5-phone .phone-screen,
#honor-x9b .section5.is-active-reverse-3 .sec5-phone .phone-screen {
	top: 7.47917vw;
	left: -22.68542vw;
	transform: none;
	z-index: 4;
}

#honor-x9b .section5.is-active-forward-1 .sec5-phone .phone-in-wrapper1,
#honor-x9b .section5.is-active-reverse-1 .sec5-phone .phone-in-wrapper1,
#honor-x9b .section5.is-active-forward-2 .sec5-phone .phone-in-wrapper1,
#honor-x9b .section5.is-active-reverse-2 .sec5-phone .phone-in-wrapper1,
#honor-x9b .section5.is-active-forward-3 .sec5-phone .phone-in-wrapper1,
#honor-x9b .section5.is-active-reverse-3 .sec5-phone .phone-in-wrapper1 {
	top: 5.41302vw;
	left: -17.09115vw;
	transform: none;
	z-index: 3;
}

#honor-x9b .section5.is-active-forward-1 .sec5-phone .phone-in-wrapper2,
#honor-x9b .section5.is-active-reverse-1 .sec5-phone .phone-in-wrapper2,
#honor-x9b .section5.is-active-forward-2 .sec5-phone .phone-in-wrapper2,
#honor-x9b .section5.is-active-reverse-2 .sec5-phone .phone-in-wrapper2,
#honor-x9b .section5.is-active-forward-3 .sec5-phone .phone-in-wrapper2,
#honor-x9b .section5.is-active-reverse-3 .sec5-phone .phone-in-wrapper2 {
	top: 3.58802vw;
	left: -10.27969vw;
	transform: none;
	z-index: 2;
}

#honor-x9b .section5.is-active-forward-1 .sec5-phone .phone-in-wrapper3,
#honor-x9b .section5.is-active-reverse-1 .sec5-phone .phone-in-wrapper3,
#honor-x9b .section5.is-active-forward-2 .sec5-phone .phone-in-wrapper3,
#honor-x9b .section5.is-active-reverse-2 .sec5-phone .phone-in-wrapper3,
#honor-x9b .section5.is-active-forward-3 .sec5-phone .phone-in-wrapper3,
#honor-x9b .section5.is-active-reverse-3 .sec5-phone .phone-in-wrapper3 {
	top: 2.00521vw;
	left: -4.37396vw;
	transform: none;
	z-index: 1;
}

#honor-x9b .section5.is-active-forward-1 .sec5-phone .phone-in-wrapper .txt,
#honor-x9b .section5.is-active-reverse-1 .sec5-phone .phone-in-wrapper .txt,
#honor-x9b .section5.is-active-forward-2 .sec5-phone .phone-in-wrapper .txt,
#honor-x9b .section5.is-active-reverse-2 .sec5-phone .phone-in-wrapper .txt,
#honor-x9b .section5.is-active-forward-3 .sec5-phone .phone-in-wrapper .txt,
#honor-x9b .section5.is-active-reverse-3 .sec5-phone .phone-in-wrapper .txt {
	opacity: 1;
}

#honor-x9b .section5.is-active-reverse-0 .sec5-phone .phone-in-wrapper .txt {
	transition: all 0.2s;
	transition-delay: 0s;
}

#honor-x9b .section5 .sec5-text {
	width: 32.55208vw;
	position: absolute;
	top: 46%;
	right: 10.41667vw;
	transform: translate(-30%, -45%) scale(1.12);
	transition: 0.7s;
	opacity: 0;
	z-index: 1;
}

#honor-x9b .section5.is-active-forward-1 .sec5-text,
#honor-x9b .section5.is-active-reverse-1 .sec5-text,
#honor-x9b .section5.is-active-forward-2 .sec5-text,
#honor-x9b .section5.is-active-reverse-2 .sec5-text,
#honor-x9b .section5.is-active-forward-3 .sec5-text,
#honor-x9b .section5.is-active-reverse-3 .sec5-text {
	transform: translate(0, -50%) scale(1);
	transform-origin: left center;
	opacity: 1;
}

#honor-x9b .section5 .sec5-text>h2 {
	margin-bottom: 1.04167vw;
	color: #fff;
}

#honor-x9b .section5 .sec5-text>p {
	margin-bottom: 1.5625vw;
	color: #fff;
}

#honor-x9b .section5 .sec5-text .brand-txt {
	display: flex;
	margin-bottom: 1.5625vw;
	align-items: center;
}

#honor-x9b .section5 .sec5-text .brand-txt>p {
	color: #d3b67e;
	width: 24.16667vw;
}

#honor-x9b .section5 .sec5-text .brand-txt1 img {
	width: 2.91667vw;
	margin-right: 1.09375vw;
}

#honor-x9b .section5 .sec5-text .brand-txt2 img {
	width: 2.8125vw;
	margin-right: 1.09375vw;
}

#honor-x9b .section5 .sec5-content2 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 39.32292vw;
	text-align: center;
	z-index: 1;
	opacity: 0;
	transition: all 0.7s;
	transition-delay: 0.1s;
}

#honor-x9b .section5.is-active-forward-3 .sec5-content2,
#honor-x9b .section5.is-active-reverse-3 .sec5-content2 {
	opacity: 1;
}

#honor-x9b .section5.is-active-reverse-2 .sec5-content2 {
	transition: all 0.4s;
	transition-delay: 0s;
}

#honor-x9b .section5 .sgs-content {
	width: 100%;
}

#honor-x9b .section5 .sgs-content .sgs-txt2 {
	color: #FFF;
}

#honor-x9b .section5 .sgs-content .sgs-txt1 {
	background: linear-gradient(354deg, #e1ba31 20.58%, #ffe89e 78.58%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#honor-x9b .section5 .sgs-content .sgs {
	width: 10.41667vw;
	height: 10.63646vw;
	margin: 0 auto 2.08333vw;
}

#honor-x9b .section5 .sgs-content .star {
	width: 21.92708vw;
	height: 3.73438vw;
	margin: 2.08333vw auto 0;
}

@media (max-aspect-ratio: 660 / 758) {
	#honor-x9b .section5 {
		height: 250vh;
	}

	#honor-x9b .section5 .sec5-content1 {
		position: absolute;
		top: 0;
		transition: none;
	}

	#honor-x9b .section5 .sec5-phone {
		position: static;
		width: 100%;
		height: 83.46667vw;
		transform: none;
		opacity: 1;
	}

	#honor-x9b .section5 .sec5-text {
		transform: none;
		top: 5%;
		right: auto;
		width: 100%;
		padding-left: 8vw;
		opacity: 1;
	}

	#honor-x9b .section5 .sec5-text .sec5-phone {
		width: 80.26667vw;
		margin-bottom: 17.33333vw;
	}

	#honor-x9b .section5 .sec5-text>h2 {
		font-size: 7.53333vw;
		margin-bottom: 0.52083vw;
	}

	#honor-x9b .section5 .sec5-text>p {
		margin-bottom: 5.33333vw;
		padding-right: 2.66667vw;
	}

	#honor-x9b .section5 .sec5-text .brand-txt1 img {
		width: 9.54667vw;
		margin-right: 2.66667vw;
	}

	#honor-x9b .section5 .sec5-text .brand-txt2 img {
		width: 9.6vw;
		margin-right: 2.66667vw;
	}

	#honor-x9b .section5 .sec5-text .brand-txt>p {
		width: 71.2vw;
	}

	#honor-x9b .section5 .sec5-content2 {
		width: 90.13333vw;
		height: 106.66667vw;
		opacity: 0;
		transition: none;
	}

	#honor-x9b .section5 .sgs-content .sgs-bgd {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	#honor-x9b .section5 .sgs-content .sgs {
		width: 40.04987vw;
		height: 40.89387vw;
		margin-top: 16vw;
	}

	#honor-x9b .section5 .sgs-content .sgs-txt1 {
		font-size: 6.4vw;
	}

	#honor-x9b .section5 .sgs-content .sgs-txt2 {
		font-size: 4.8vw;
	}

	#honor-x9b .section5 .sgs-content .star {
		width: 65.06667vw;
		height: 11.94667vw;
		position: absolute;
		bottom: -5%;
		left: 50%;
		transform: translateX(-50%);
	}
}

@media(width:1024px) and (max-aspect-ratio: 660 / 758) {
	#honor-x9b .section5 .sec5-text>h2 {
		font-size: 7.53333vw;
		margin-bottom: 0.52083vw;
	}
}

#honor-x9b .sec-macro {
	position: relative;
	height: 150vh;
}

#honor-x9b .sec-macro .sec-macro-sticky {
	position: sticky;
	height: calc(100vh - 52px);
	top: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#honor-x9b .sec-macro .img-wrapper {
	position: relative;
	overflow: hidden;
}

#honor-x9b .sec-macro .img-wrapper .img-every {
	width: 100%;
	height: 100%;
	width: 54.375vw;
	height: 40.67708vw;
	clip-path: inset(0 0 1px 0);
}

#honor-x9b .sec-macro .img-wrapper .img-every2 {
	position: absolute;
	top: 0;
	transform: translateY(100%);
	transition: all 0.5s;
}

#honor-x9b .sec-macro.active .img-wrapper .img-every2 {
	transform: translateY(0);
}

#honor-x9b .sec-macro .text-wrapper {
	position: relative;
	width: 22.91667vw;
	margin-left: 3.125vw;
}

#honor-x9b .sec-macro .text-wrapper h2 {
	color: #fff;
}

#honor-x9b .sec-macro .text-wrapper p {
	color: #fff;
}

#honor-x9b .sec-macro .text-wrapper .macro-title {
	font-size: 2.08333vw;
	color: #FFF;
	margin-bottom: 0.52083vw;
}

#honor-x9b .sec-macro .text-wrapper .text {
	transition: all 0.5s;
}

#honor-x9b .sec-macro .text-wrapper .text1 {
	width: 14.58333vw;
}

#honor-x9b .sec-macro .text-wrapper .text2 {
	width: 22.91667vw;
	position: absolute;
	top: 0;
	opacity: 0;
	transform: translateY(100%);
}

#honor-x9b .sec-macro.active .text-wrapper .text1 {
	opacity: 0;
	transform: translateY(-100%);
}

#honor-x9b .sec-macro.active .text-wrapper .text2 {
	opacity: 1;
	transform: translateY(0);
}

@media (max-aspect-ratio: 660 / 758) {
	#honor-x9b .sec-macro {
		height: auto;
		margin-top: 21.33333vw;
	}

	#honor-x9b .sec-macro .sec-macro-sticky {
		height: auto;
		display: block;
		position: static;
	}

	#honor-x9b .sec-macro .text-wrapper .img-every {
		width: 100%;
	}

	#honor-x9b .sec-macro .text-wrapper {
		width: 100%;
		margin-left: 0;
	}

	#honor-x9b .sec-macro .text-wrapper .macro-title {
		font-size: 6.53333vw;
		padding-left: 9.33333vw;
		padding-right: 9.33333vw;
		margin-top: 5.33333vw;
		margin-bottom: 2.66667vw;
	}

	#honor-x9b .sec-macro .text-wrapper p {
		padding-left: 9.33333vw;
		padding-right: 9.33333vw;
		margin-bottom: 22.13333vw;
	}

	#honor-x9b .sec-macro .text-wrapper .text {
		width: 100%;
	}

	#honor-x9b .sec-macro .text-wrapper .text2 {
		opacity: 1;
		position: static;
		transform: none;
	}
}

#honor-x9b .sec6 {
	position: relative;
	height: 300vh;
}

#honor-x9b .sec6 .sec6-sticky {
	width: 100%;
	height: calc(100vh - 52px);
	position: sticky;
	top: 52px;
	left: 0;
	overflow: hidden;
}

#honor-x9b .sec6 .sec6-sticky .part1 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#honor-x9b .sec6 .sec6-sticky .part1 .bg {
	width: 100%;
	height: 100%;
}

#honor-x9b .sec6 .sec6-sticky .part1 .bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#honor-x9b .sec6 .sec6-sticky .part1 .ani1,
#honor-x9b .sec6 .sec6-sticky .part1 .part1-list {
	position: absolute;
	/* top: 14.322917vw; */
	top: 50%;
	left: 26.677083vw;
	transform: translate3d(20vw, -50%, 0);
	opacity: 0;
	transition: all 0.7s;
	will-change: transform, opacity;
}

#honor-x9b .sec6 .sec6-sticky .part1 .ani1 .text1 {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(177.09deg, #FFE8C8 2.92%, #EDBA6D 98.09%);
	font-size: 4.166667vw;
	font-weight: 600;
}

#honor-x9b .sec6 .sec6-sticky .part1 .ani1 .text2 {
	font-size: 1.666667vw;
	line-height: 1.25;
	color: #fff;
	margin-top: 0.520833vw;
}

#honor-x9b .sec6 .sec6-sticky .part1 .ani1 .text3 {
	width: 21.572917vw;
	font-size: 0.9375vw;
	color: rgba(225, 225, 225, 10.6);
	margin-top: 1.5625vw;
}

#honor-x9b .sec6 .sec6-sticky .part1 .part1-list {
	width: 24.552083vw;
	display: flex;
	flex-wrap: wrap;
}

#honor-x9b .sec6 .sec6-sticky .part1 .part1-list .item {
	white-space: nowrap;
}

#honor-x9b .sec6 .sec6-sticky .part1 .part1-list .item .item-title {
	font-size: 2.083333vw;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(177.09deg, #FFE8C8 2.92%, #EDBA6D 98.09%);
	font-weight: 600;
}

#honor-x9b .sec6 .sec6-sticky .part1 .part1-list .item .item-title .item-title-s {
	font-size: 1.25vw;
}

#honor-x9b .sec6 .sec6-sticky .part1 .part1-list .item .item-text {
	font-size: 0.9375vw;
	margin-top: 0.520833vw;
	color: #fff;
}

#honor-x9b .sec6 .sec6-sticky .part1 .part1-list .item:nth-of-type(2n + 1) {
	width: 9.895833vw;
}

#honor-x9b .sec6 .sec6-sticky .part1 .part1-list .item:nth-of-type(2n) {
	margin-left: 2.96875vw;
	flex: 1;
}

#honor-x9b .sec6 .sec6-sticky .part1 .part1-list .item:nth-of-type(n + 3) {
	margin-top: 3.020833vw;
}

#honor-x9b .sec6 .sec6-sticky .part2 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#honor-x9b .sec6 .sec6-sticky .part2 .bg {
	width: 100%;
	height: 100%;
}

#honor-x9b .sec6 .sec6-sticky .part2 .bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#honor-x9b .sec6 .sec6-sticky .part2 .part2-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 19.927083vw;
}

#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-title {
	font-size: 2.083333vw;
	color: #dde0e6;
	transform: translate3d(20vw, 0, 0);
	transition: all 0.5s;
	opacity: 0;
}

#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list {
	margin-top: 2.604167vw;
}

#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item {
	margin: 1.5625vw 0 0 -3.333333vw;
	display: flex;
	align-items: center;
	transform: translate3d(20vw, 0, 0);
	transition: all 0.5s;
	opacity: 0;
}

#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item .item-img {
	width: 2.291667vw;
}

#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item .item-text {
	width: 28.229167vw;
	margin-left: 1.041667vw;
}

#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item .item-text .text1 {
	color: #fff;
	font-size: 1.25vw;
}

#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item .item-text .text2 {
	color: rgba(255, 255, 255, 0.6);
	font-size: 0.9375vw;
	line-height: 1.5;
}

#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item1 {
	transition-delay: 0.2s;
}

#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item2 {
	transition-delay: 0.3s;
}

#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item3 {
	transition-delay: 0.4s;
}

#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item4 {
	transition-delay: 0.5s;
}

#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item5 {
	transition-delay: 0.6s;
}

#honor-x9b .sec6.active1 .sec6-sticky .part1 .ani1 {
	transform: translate3d(0, -50%, 0);
	opacity: 1;
}

#honor-x9b .sec6.active2 .sec6-sticky .part1 .ani1 {
	opacity: 0;
}

#honor-x9b .sec6.active2 .sec6-sticky .part1 .part1-list {
	transform: translate3d(0, -50%, 0);
	opacity: 1;
}

#honor-x9b .sec6.active3 .sec6-sticky .part2 .part2-content .part2-title,
#honor-x9b .sec6.active3 .sec6-sticky .part2 .part2-content .part2-list .item {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

#honor-x9b .sec7 {
	position: relative;
	height: 250vh;
	background: #000;
}

#honor-x9b .sec7 .blue {
	font-weight: 600;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(180deg, #9EE0F4 17.71%, #009FEB 81.25%);
}

#honor-x9b .sec7 .sec7-sticky {
	height: calc(100vh - 52px);
	position: sticky;
	top: 52px;
	overflow: hidden;
}

#honor-x9b .sec7 .sec7-sticky .circle-wrap {
	width: 93.59375vw;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 14.73958vw);
}

#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle {
	width: 100%;
	height: 100%;
	opacity: 0.6;
	position: relative;
	z-index: 4;
	clip-path: polygon(0 0, 0 0, 0 100%, 50% 100%, 0 100%);
}

#honor-x9b .sec7 .sec7-sticky .circle-wrap .mask1,
#honor-x9b .sec7 .sec7-sticky .circle-wrap .mask2 {
	width: 150%;
	height: 150%;
	position: absolute;
	right: 0;
	bottom: 0;
	transform: translateX(-50%);
	background-color: #000;
}

#honor-x9b .sec7 .sec7-sticky .circle-wrap .mask1 {
	transform-origin: right bottom;
	transition: all 0.8s linear;
}

#honor-x9b .sec7 .sec7-sticky .circle-wrap .mask2 {
	right: auto;
	left: 0;
	transform: translateX(50%);
	transform-origin: left bottom;
	transition: all 0.4s linear;
	transition-delay: 0.4s;
}

#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle-title {
	font-size: 3.229167vw;
	position: absolute;
	top: 11.65625vw;
	left: 0;
	width: 100%;
	text-align: center;
	opacity: 0;
	transition: all 1s;
	z-index: 5;
	background-image: linear-gradient(to bottom, #0a72bd, #9acafa);
}

#honor-x9b .sec7 .sec7-sticky .circle-wrap .phone {
	width: 61.666667vw;
	position: absolute;
	top: 12.2875vw;
	left: 50%;
	margin-left: -30.833333vw;
	transform: rotate(-30deg) translate3d(-90vw, 0, 0);
	transition: all 0.7s;
	z-index: 3;
}

#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle-content {
	position: absolute;
	top: 31.5vw;
	color: #fff;
	width: 100%;
	text-align: center;
	opacity: 0;
	transition: all 1s;
	z-index: 5;
}

#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle-content .text1 {
	font-size: 2.083333vw;
}

#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle-content .text2 {
	font-size: 0.9375vw;
}

#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle-content .text2 .blue {
	font-size: 1.666667vw;
	background-image: linear-gradient(to bottom, #9acafa, #0a72bd);
}

#honor-x9b .sec7 .sec7-sticky .sec7-content1 {
	position: absolute;
	bottom: 24.708333vw;
	left: 18.0625vw;
	opacity: 0;
	transition: all 0.7s;
	transform: translate3d(15vw, 0, 0);
}

#honor-x9b .sec7 .sec7-sticky .sec7-content1 .text1 {
	font-size: 4.166667vw;
}

#honor-x9b .sec7 .sec7-sticky .sec7-content1 .text2 {
	font-size: 2.083333vw;
	margin-top: 0.520833vw;
	color: #fff;
}

#honor-x9b .sec7 .sec7-sticky .sec7-content1 .text3 {
	width: 20.3125vw;
	font-size: 0.9375vw;
	color: #fff;
	margin-top: 1.5625vw;
}

#honor-x9b .sec7 .sec7-sticky .sec7-content2 {
	position: absolute;
	bottom: 5.095833vw;
	right: 12.791667vw;
	display: flex;
	flex-wrap: wrap;
	width: 30.4375vw;
	opacity: 0;
	transition: all 0.7s;
	transform: translate3d(-15vw, 0, 0);
}

#honor-x9b .sec7 .sec7-sticky .sec7-content2 .item {
	font-size: 0.9375vw;
	color: #fff;
}

#honor-x9b .sec7 .sec7-sticky .sec7-content2 .item .item-title .blue {
	font-size: 2.083333vw;
}

#honor-x9b .sec7 .sec7-sticky .sec7-content2 .item2 {
	margin-left: 3.125vw;
}

#honor-x9b .sec7 .sec7-sticky .sec7-content2 .item3 {
	margin-top: 1.083333vw;
}

#honor-x9b .sec7 .sec7-sticky .sec7-content2 .item3 .item-img {
	width: 4.125vw;
	margin-bottom: 0.15625vw;
}

#honor-x9b .sec7 .sec7-sticky.active1 .circle-wrap .phone {
	transform: rotate(-30deg) translate3d(0, 0, 0);
	transition: all 1s;
}

#honor-x9b .sec7 .sec7-sticky.active1 .sec7-content1,
#honor-x9b .sec7 .sec7-sticky.active1 .sec7-content2 {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	transition: all 0.7s;
	transition-delay: 0.3s;
}

#honor-x9b .sec7 .sec7-sticky.active3-r .circle-wrap .circle {
	animation: circleReverse 1s 1 forwards linear;
}

#honor-x9b .sec7 .sec7-sticky.active3 .sec7-content1 {
	transform: translate3d(-15vw, 0, 0);
	opacity: 0;
	transition-delay: 0;
}

#honor-x9b .sec7 .sec7-sticky.active3 .sec7-content2 {
	transform: translate3d(15vw, 0, 0);
	opacity: 0;
	transition-delay: 0;
}

#honor-x9b .sec7 .sec7-sticky.active3 .circle-wrap .phone {
	transform: rotate(0deg) translate3d(0, 0, 0);
}

#honor-x9b .sec7 .sec7-sticky.active3 .circle-wrap .circle-title,
#honor-x9b .sec7 .sec7-sticky.active3 .circle-wrap .circle-content {
	opacity: 1;
}

#honor-x9b .sec7 .sec7-sticky.active3 .circle-wrap .circle {
	animation: circleForward 1s 1 forwards linear;
}

#honor-x9b .sec7 .sec7-sticky.active3 .circle-wrap .mask1 {
	transform: rotate(180deg);
}

#honor-x9b .sec7 .sec7-sticky.active3 .circle-wrap .mask2 {
	transform: rotate(90deg);
}

@keyframes circleForward {
	0% {
		clip-path: polygon(0 0, 0 0, 0 100%, 50% 100%, 0 100%);
	}

	33% {
		clip-path: polygon(0 0, 0 0, 0 100%, 50% 100%, 0 0);
	}

	66% {
		clip-path: polygon(100% 0, 0 0, 0 100%, 50% 100%, 100% 0);
	}

	100% {
		clip-path: polygon(100% 0, 0 0, 0 100%, 50% 100%, 100% 100%);
	}
}

@keyframes circleReverse {
	0% {
		clip-path: polygon(100% 0, 0 0, 0 100%, 50% 100%, 100% 100%);
	}

	33% {
		clip-path: polygon(100% 0, 0 0, 0 100%, 50% 100%, 100% 0);
	}

	66% {
		clip-path: polygon(0 0, 0 0, 0 100%, 50% 100%, 0 0);
	}

	100% {
		clip-path: polygon(0 0, 0 0, 0 100%, 50% 100%, 0 100%);
	}
}

#honor-x9b .sec-zoom {
	height: calc(100vh - 52px);
	display: flex;
	justify-content: center;
	align-items: center;
}

#honor-x9b .sec-zoom .zoom-content {
	display: flex;
}

#honor-x9b .sec-zoom .zoom-content .left {
	margin-right: 4.010417vw;
	margin-bottom: 14.770833vw;
	align-self: flex-end;
}

#honor-x9b .sec-zoom .zoom-content .left .title {
	font-size: 2.083333vw;
	color: #fff;
}

#honor-x9b .sec-zoom .zoom-content .left .text2 {
	color: #fff;
	font-size: 0.9375vw;
	margin-top: 1.041667vw;
}

#honor-x9b .sec-zoom .zoom-content .left .zoom-num {
	margin-top: 2.083333vw;
	display: flex;
	padding: 0.390625vw;
	border-radius: 999px;
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
	font-size: 0.9375vw;
	width: 5.9375vw;
	justify-content: space-between;
}

#honor-x9b .sec-zoom .zoom-content .left .zoom-num .zoom1,
#honor-x9b .sec-zoom .zoom-content .left .zoom-num .zoom3 {
	width: 2.083333vw;
	line-height: 2.083333vw;
	text-align: center;
	border-radius: 999px;
	background-color: rgba(255, 255, 255, 0.3);
	cursor: pointer;
	transition: all 0.7s;
	-webkit-tap-highlight-color: transparent;
}

#honor-x9b .sec-zoom .zoom-content .left .zoom-num>div.active {
	/* color: #e6b658; */
	transform: scale(1.1);
}

#honor-x9b .sec-zoom .zoom-content .img-wrap {
	width: 31.25vw;
	height: 41.666667vw;
	overflow: hidden;
}

#honor-x9b .sec-zoom .zoom-content .img-wrap .zoom-img {
	width: 100%;
	transition: all 0.7s;
	transform-origin: 45% 93%;
	will-change: transform;
}

#honor-x9b .sec-zoom .zoom-content .img-wrap.zoom1 .zoom-img {
	transform: scale3d(1, 1, 1);
	clip-path: inset(1px);
}

#honor-x9b .sec-zoom .zoom-content .img-wrap.zoom3 .zoom-img {
	transform: scale3d(3, 3, 1);
}

#honor-x9b .sec-movie {
	height: calc(100vh - 52px);
	display: flex;
	justify-content: center;
	align-items: center;
}

#honor-x9b .sec-movie .movie-content {
	display: flex;
	justify-content: center;
	align-items: center;
}

#honor-x9b .sec-movie .movie-content .phone-wrap {
	width: 18.2526vw;
	position: relative;
	margin-right: 3.333333vw;
}

#honor-x9b .sec-movie .movie-content .phone-wrap .phone {
	width: 100%;
}

#honor-x9b .sec-movie .movie-content .phone-wrap .phone-reverse {
	width: 22.310417vw;
	position: absolute;
	bottom: 0;
	left: -1.770833vw;
	transform: translate(0, 100%);
}

#honor-x9b .sec-movie .movie-content .right {
	font-size: 2.083333vw;
	color: #fff;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .sec6 .sec6-sticky {
		top: 50px;
		height: calc(100vh - 50px);
	}

	#honor-x9b .sec6 .sec6-sticky .part1 .bg {
		width: 100%;
		min-height: 112.5vw;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#honor-x9b .last5 .fs-40 {
		font-size: 6.533333vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part1 .ani1 {
		transform: translate3d(0, 0, 0);
		margin: 5.266667vw 0 0 9.6vw;
		opacity: 1;
		position: static;
		transition: none;
	}

	#honor-x9b .sec6 .sec6-sticky .part1 .ani1 .text1 {
		font-size: 10.666667vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part1 .ani1 .text2 {
		font-size: 6.4vw;
		margin-top: 2.666667vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part1 .ani1 .text3 {
		width: 80vw;
		font-size: 3.733333vw;
		margin-top: 2.666667vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part1 .part1-list {
		width: 85vw;
		margin: 1.333333vw 0 0 9.6vw;
		opacity: 1;
		transform: translate3d(0, 0, 0);
		position: static;
		/* opacity: 0; */
		transition: none;
	}

	#honor-x9b .sec6 .sec6-sticky .part1 .part1-list .item {
		opacity: 0;
	}

	#honor-x9b .sec6 .sec6-sticky .part1 .part1-list .item .item-title {
		font-size: 6.4vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part1 .part1-list .item .item-title .item-title-s {
		font-size: 4.8vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part1 .part1-list .item .item-text {
		font-size: 3.733333vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part1 .part1-list .item:nth-of-type(n + 3) {
		margin-top: 5.333333vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part1 .part1-list .item:nth-of-type(2n + 1) {
		width: 38.4vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part1 .part1-list .item:nth-of-type(2n) {
		margin-left: 5.333333vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part2 .part2-content {
		transform: translateY(0);
		top: 13.333333vw;
		left: 8vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-title {
		font-size: 8.533333vw;
		transform: translateX(0);
		opacity: 1;
	}

	#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list-wrap {
		overflow: hidden;
		margin-top: 6.4vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item {
		display: block;
		transform: translateX(0);
		opacity: 1;
		margin: 0;
	}

	#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item .item-img {
		width: 8vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item .item-text {
		margin-top: 2.666667vw;
		width: 40vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item .item-text .text1 {
		font-size: 3.733333vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item .item-text .text2 {
		font-size: 3.2vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item:nth-of-type(n + 2) {
		margin: 4.333333vw 0 0;
	}

	#honor-x9b .sec7 .sec7-sticky .circle-wrap {
		width: 122.133333vw;
		top: 8.933333vw;
		transform: translate(-50%, 0);
	}

	#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle {
		opacity: 1;
		clip-path: inset(0);
		z-index: 2;
	}

	#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle img {
		height: auto;
	}

	#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle-title {
		font-size: 10.666667vw;
		top: 20vw;
	}

	#honor-x9b .sec7 .sec7-sticky .circle-wrap .mask1 {
		transform-origin: center bottom;
		transform: rotate(45deg) translateX(-50%);
		z-index: 2;
	}

	#honor-x9b .sec7 .sec7-sticky .circle-wrap .mask2 {
		width: 100%;
		height: 75%;
		transform: translateX(0);
		background-image: linear-gradient(to top, #d8d8d8, #f9f9f9 80%, rgba(255, 255, 255, 0) 100%);
	}

	#honor-x9b .sec7 .sec7-sticky .circle-wrap .phone {
		width: 102.666667vw;
		top: 30.133333vw;
		margin-left: -47.466667vw;
		transform: rotate(-30deg) translate3d(0, 0, 0);
	}

	#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle-content {
		padding: 0 10vw;
	}

	#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle-content {
		top: 74.5vw;
	}

	#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle-content .text1 {
		font-size: 8.533333vw;
	}

	#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle-content .text2 {
		width: 84vw;
		font-size: 3.733333vw;
		margin: 5.333333vw auto 0;
	}

	#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle-content .text2 .blue {
		font-size: 6.4vw;
	}

	#honor-x9b .sec7 .sec7-sticky .sec7-content1 {
		width: 84vw;
		top: 88.666667vw;
		left: 50%;
		transform: translateX(0);
		position: static;
		margin: 72.666667vw auto 0;
		opacity: 1;
		transition-delay: 0;
	}

	#honor-x9b .sec7 .sec7-sticky .sec7-content1 .text1 {
		font-size: 10.666667vw;
		transition: all 0.7s;
	}

	#honor-x9b .sec7 .sec7-sticky .sec7-content1 .text2 {
		font-size: 8.533333vw;
		transition: all 0.7s;
	}

	#honor-x9b .sec7 .sec7-sticky .sec7-content1 .text3 {
		width: 100%;
		font-size: 3.733333vw;
		margin-top: 4.666667vw;
	}

	#honor-x9b .sec7 .sec7-sticky .sec7-content2 {
		top: 88.666667vw;
		left: 50%;
		right: auto;
		bottom: auto;
		transform: translateX(0);
		opacity: 1;
		width: 85.333333vw;
		position: static;
		margin: 5.333333vw auto 0;
		opacity: 0;
		transition-delay: 0;
	}

	#honor-x9b .sec7 .sec7-sticky .sec7-content2 .item {
		font-size: 3.733333vw;
	}

	#honor-x9b .sec7 .sec7-sticky .sec7-content2 .item .item-title .blue {
		font-size: 6.4vw;
	}

	#honor-x9b .sec7 .sec7-sticky .sec7-content2 .item .item-img {
		width: 10.666667vw;
		margin-bottom: 1.333333vw;
	}

	#honor-x9b .sec7 .sec7-sticky .sec7-content2 .item2 {
		margin-left: 5.333333vw;
	}

	#honor-x9b .sec7 .sec7-sticky .sec7-content2 .item3 {
		margin-top: 5.333333vw;
	}

	#honor-x9b .sec7 .sec7-sticky.active1 .sec7-content1,
	#honor-x9b .sec7 .sec7-sticky.active1 .sec7-content2 {
		transform: translate3d(0, -47.46667vw, 0);
	}

	#honor-x9b .sec7 .sec7-sticky.active1 .sec7-content1 .text1,
	#honor-x9b .sec7 .sec7-sticky.active1 .sec7-content1 .text2 {
		opacity: 0;
	}

	#honor-x9b .sec7 .sec7-sticky.active1 .sec7-content2 {
		opacity: 1;
	}

	#honor-x9b .sec7 .sec7-sticky.active2 .circle-wrap .phone {
		transform: rotate(0deg) translate3d(0, 0, 0);
	}

	#honor-x9b .sec7 .sec7-sticky.active2 .circle-wrap .mask1 {
		transform: rotate(135deg) translateX(-50%);
	}

	#honor-x9b .sec7 .sec7-sticky.active2 .sec7-content1,
	#honor-x9b .sec7 .sec7-sticky.active2 .sec7-content2 {
		opacity: 0;
	}

	#honor-x9b .sec7 .sec7-sticky.active2 .circle-wrap .circle-title {
		opacity: 1;
	}

	#honor-x9b .sec7 .sec7-sticky.active2 .circle-wrap .circle-content {
		opacity: 1;
		transform: translate3d(0, -10.66667vw, 0);
	}

	#honor-x9b .sec7 .sec7-sticky.active3 .circle-wrap .circle {
		animation: none;
	}

	#honor-x9b .sec7 .sec7-sticky.active3 .circle-wrap .mask1 {
		transform: rotate(90deg) translateX(-50%);
	}

	#honor-x9b .sec-zoom {
		height: auto;
	}

	#honor-x9b .sec-zoom .zoom-content {
		flex-direction: column-reverse;
		margin-top: 4.166667vw;
	}

	#honor-x9b .sec-zoom .zoom-content .img-wrap {
		width: 100%;
		height: 133.333333vw;
	}

	#honor-x9b .sec-zoom .zoom-content .left {
		align-self: flex-start;
		margin: 5.33333vw 0 0 9.333333vw;
	}

	#honor-x9b .sec-zoom .zoom-content .left .title {
		font-size: 6.533333vw;
	}

	#honor-x9b .sec-zoom .zoom-content .left .text2 {
		font-size: 3.733333vw;
		margin-top: 2.666667vw;
	}

	#honor-x9b .sec-zoom .zoom-content .left .zoom-num {
		width: 26vw;
		padding: 2.133333vw;
		margin-top: 2.666667vw;
	}

	#honor-x9b .sec-zoom .zoom-content .left .zoom-num .zoom1,
	#honor-x9b .sec-zoom .zoom-content .left .zoom-num .zoom3 {
		width: 9.066667vw;
		line-height: 9.066667vw;
		font-size: 4vw;
	}

	#honor-x9b .sec-movie {
		height: auto;
	}

	#honor-x9b .sec-movie .movie-content {
		flex-direction: column;
		margin-top: 20.266667vw;
	}

	#honor-x9b .sec-movie .movie-content .phone-wrap {
		width: 50.4vw;
		margin-right: 0;
	}

	#honor-x9b .sec-movie .movie-content .phone-wrap .phone-reverse {
		width: 61.6vw;
		left: -5.066667vw;
	}

	#honor-x9b .sec-movie .movie-content .right {
		font-size: 6.533333vw;
		width: 84.533333vw;
		margin-top: 7.2vw;
	}
}

@media (width: 662px) {
	#honor-x9b .sec7 .sec7-sticky .circle-wrap {
		width: 122.133333vw;
		bottom: auto;
		top: 60%;
		transform: translate(-50%, -50%);
	}

	#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle::after {
		display: block;
		content: '';
		width: 100%;
		height: 50%;
		background-color: #000;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle-content {
		top: 37.5vw;
	}

	#honor-x9b .sec7 .sec7-sticky .sec7-content1 {
		top: 50%;
		transform: translate3d(15vw, -50%, 0);
		margin-top: -15vw;
	}

	#honor-x9b .sec7 .sec7-sticky .sec7-content2 {
		top: 50%;
		transform: translate3d(-15vw, -50%, 0);
		margin-top: 15vw;
		bottom: auto;
		width: 42.4375vw;
	}

	#honor-x9b .sec7 .sec7-sticky.active1 .sec7-content1,
	#honor-x9b .sec7 .sec7-sticky.active1 .sec7-content2 {
		transform: translate3d(0, -50%, 0);
	}

	#honor-x9b .sec7 .sec7-sticky.active3 .sec7-content1 {
		transform: translate3d(-15vw, -50%, 0);
	}

	#honor-x9b .sec7 .sec7-sticky.active3 .sec7-content2 {
		transform: translate3d(15vw, -50%, 0);
	}

	#honor-x9b .last-add .left-warper .left-txt {
		width: 100%;
	}

	#honor-x9b .sec7 .sec7-sticky.active1 .sec7-content1,
	#honor-x9b .sec7 .sec7-sticky.active1 .sec7-content2 {
		transition-delay: 0;
	}

	#honor-x9b .sec-zoom .zoom-content .left .zoom-num .zoom1,
	#honor-x9b .sec-zoom .zoom-content .left .zoom-num .zoom3 {
		width: 2.083333vw;
		height: 2.083333vw;
		line-height: 2.383333vw;
		text-align: center;
		border-radius: 999px;
		background-color: rgba(255, 255, 255, 0.3);
		cursor: pointer;
		transition: all 0.7s;
		-webkit-tap-highlight-color: transparent;
	}
}

@media (width: 1024px) and (orientation: portrait),
	(width: 768px) and (orientation: portrait) {
		#honor-x9b .sec6 .sec6-sticky .part2 .part2-content {
			top: 3.333333vw;
		}

		#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-title {
			font-size: 6.533333vw;
		}

		#honor-x9b .sec6 .sec6-sticky .part1 .ani1,
		#honor-x9b .sec6 .sec6-sticky .part1 .part1-list {
			transform: scale(0.65);
			transform-origin: left top;
		}

		#honor-x9b .sec6 .sec6-sticky .part1 .part1-list {
			margin: 7.333333vw 0 0 9.6vw;
		}

		#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item .item-text .text1 {
			font-size: 3.433333vw;
		}

		#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-list .item .item-text .text2 {
			font-size: 2.8vw;
		}

		/* #honor-x9b .sec6 .sec6-sticky .part1 .ani1 .text1{
		font-size: 8.666667vw;
	}
		#honor-x9b .sec6 .sec6-sticky .part1 .ani1 .text2{
		font-size: 4.4vw;
		margin-top: 1.666667vw;
	}
		#honor-x9b .sec6 .sec6-sticky .part1 .ani1 .text3{
		font-size: 2.733333vw;
	} */
		#honor-x9b .sec7 .sec7-sticky .sec7-content2 {
			margin: 0.333333vw auto 0;
		}

		#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle-content {
			padding: 0;
		}

		#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle-content .text2 {
			font-size: 2.733333vw;
		}

		#honor-x9b .sec7 .sec7-sticky.active1 .sec7-content1,
		#honor-x9b .sec7 .sec7-sticky.active1 .sec7-content2 {
			transform: translate3d(0, -42.46667vw, 0);
		}

		#honor-x9b .sec7 .sec7-sticky .sec7-content1 .text1 {
			font-size: 8.666667vw;
		}

		#honor-x9b .sec7 .sec7-sticky .sec7-content1 .text2 {
			font-size: 6.533333vw;
		}

		#honor-x9b .sec7 .sec7-sticky .sec7-content1 .text3 {
			font-size: 2.733333vw;
		}

		#honor-x9b .sec7 .sec7-sticky .sec7-content2 .item3 {
			margin-top: 1.333333vw;
		}

		#honor-x9b .sec7 .sec7-sticky .sec7-content2 .item {
			font-size: 2.733333vw;
		}

		#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle-content .text1 {
			font-size: 6.533333vw;
		}

		#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle-content .text2 {
			margin: 3.333333vw auto 0;
		}

		#honor-x9b .sec7 .sec7-sticky .circle-wrap {
			top: 1.933333vw;
		}

		#honor-x9b .last5-bg .text1 {
			top: 78%;
		}

		#honor-x9b .last5-bg .text1 p {
			font-size: 2.733333vw;
		}
	}

/* zyl============================================================ */
#honor-x9b .last5 {
	background: #000;
	height: 120vh;
	position: relative;
	width: 100%;
}

#honor-x9b .last5-content {
	height: calc(100vh - 52px);
	position: sticky;
	top: 52px;
	overflow: hidden;
}

#honor-x9b .last5-bg {
	width: 100%;
	height: calc(100vh + 26px);
	display: flex;
	align-items: center;
	transition: all 1s ease;
	transition-delay: 0.1s;
}

#honor-x9b .last5-bg.active {
	transform: scale(0.3);
	opacity: 0;
	transition: all 1s ease;
	transition-delay: 0.1s;
}

#honor-x9b .last5-bg .bg-warper {
	width: 100%;
	height: 50.625vw;
	position: relative;
}

#honor-x9b .last5-bg .text1 {
	width: 24.8958333333vw;
	height: -moz-max-content;
	height: max-content;
	position: absolute;
	top: 50%;
	left: 50%;
	color: rgb(255, 255, 255);
	transform: translate(calc(-50% + 20.8333333333vw), calc(-50% + 2.0833333333vw));
}

#honor-x9b .last5-bg .text1 h3 {
	font-weight: 500;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 0.5208333333vw;
}

#honor-x9b .last5-bg .text1 p {
	font-size: 0.9375vw;
	color: rgba(255, 255, 255, 0.6);
}

#honor-x9b .last5-bg .text1 .cpu-warper {
	width: 19.53125vw;
	display: flex;
	text-align: left;
	margin: 1.5625vw 0 0.5208333333vw 0;
}

#honor-x9b .last5-bg .text1 .right-gpu {
	margin-left: 5.2083333333vw;
}

#honor-x9b .last5-bg .text1 .cpu,
#honor-x9b .last5-bg .text1 .gpu {
	width: -moz-max-content;
	width: max-content;
	display: flex;
	align-items: flex-end;
	font-size: 0.9375vw;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.8);
}

#honor-x9b .last5-bg .text1 .cpu img,
#honor-x9b .last5-bg .text1 .gpu img {
	width: 1.3541666667vw;
	height: 1.7708333333vw;
	margin-left: 0.2604166667vw;
}

#honor-x9b .last5-ani {
	width: 100%;
	height: 31.71875vw;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#honor-x9b .last5-ani.active .last5-ani-left {
	transform: translateX(0);
	transition: all 1s ease;
}

#honor-x9b .last5-ani.active .last5-ani-right {
	transform: translateX(0);
	transition: all 1s ease;
}

#honor-x9b .last5-ani .last5-ani-left {
	position: relative;
	transform: translateX(-110%);
	transition: all 1s ease;
}

#honor-x9b .last5-ani .last5-ani-left .ani-left-txt {
	position: absolute;
	top: 0;
	width: 24.21875vw;
	height: -moz-max-content;
	height: max-content;
	bottom: 0;
	left: 8.5vw;
	margin: auto;
}

#honor-x9b .last5-ani .last5-ani-left .ani-left-txt p {
	color: rgba(255, 255, 255, 0.8);
	font-size: 0.9375vw;
}

#honor-x9b .last5-ani .last5-ani-left .ani-left-txt h2 {
	color: rgba(255, 255, 255);
	margin-bottom: 1.0416666667vw;
}

#honor-x9b .last5-ani .last5-ani-left .ani-left-txt .nc {
	font-size: 1.1458333333vw;
	font-weight: 500;
	background: linear-gradient(180deg, #9acafa 10.09%, #0a72bd 80%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#honor-x9b .last5-ani .last5-ani-left .ani-left-txt .nc h3 {
	font-size: 1.75vw;
}

#honor-x9b .last5-ani .last5-ani-left .ani-left-txt .nc sup {
	background: linear-gradient(180deg, #9acafa 10.09%, #0a72bd 80%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#honor-x9b .last5-ani .last5-ani-left .ani-left-txt .nc span {
	font-size: 1.6666666667vw;
}

#honor-x9b .last5-ani .last5-ani-right {
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(110%);
	transition: all 0.7s ease;
}

#honor-x9b .last-add {
	width: 100%;
	padding: 6.25vw 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add {
		padding: 16vw 0 0 0;
	}
}

#honor-x9b .last-add .sec-add-warper {
	display: flex;
	justify-content: center;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add .sec-add-warper {
		flex-direction: column;
		align-items: center;
	}
}

#honor-x9b .last-add .left-warper {
	margin: 0 0.5208333333vw;
	width: 36.9791666667vw;
	height: 41.5625vw;
	position: relative;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add .left-warper {
		margin: 0;
		width: 91.4666666667vw;
		height: 106.6666666667vw;
		margin-bottom: 5.3333333333vw;
	}
}

#honor-x9b .last-add .left-warper .left-txt {
	padding: 2.6041666667vw 2.6041666667vw 0 2.6041666667vw;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	left: 50%;
	width: 100%;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add .left-warper .left-txt {
		padding: 5.3333333333vw 5.3333333333vw 0 5.3333333333vw;
		text-align: center;
	}
}

#honor-x9b .last-add .left-warper .left-txt h3 {
	font-weight: 500;
	margin-bottom: 0.5208333333vw;
	color: rgba(0, 0, 0);
}

#honor-x9b .last-add .left-warper .left-txt p,
#honor-x9b .last-add .right-warper .right-txt p {
	color: rgba(0, 0, 0, 0.6);
	font-size: 1.145833vw;
}

#honor-x9b .last-add .right-warper {
	position: relative;
	margin: 0 0.5208333333vw;
	width: 36.9791666667vw;
	height: 41.5625vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add .right-warper {
		margin: 0;
		width: 91.4666666667vw;
		height: 105.8666666667vw;
	}
}

#honor-x9b .last-add .right-warper .right-txt {
	padding: 2.6041666667vw 2.6041666667vw 0 2.6041666667vw;
	position: absolute;
	top: 0;
	left: 0;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {

	#honor-x9b .last-add .left-warper .left-txt p,
	#honor-x9b .last-add .right-warper .right-txt p {
		font-size: 3.733333vw;
	}

	#honor-x9b .last-add .right-warper .right-txt {
		padding: 5.3333333333vw 5.3333333333vw 0 5.3333333333vw;
		text-align: center;
	}

	#honor-x9b .last-add .left-warper .left-txt,
	#honor-x9b .last-add .right-warper .right-txt {
		width: 100%;
	}
}

#honor-x9b .last-add .right-warper .right-txt h3 {
	font-weight: 500;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 0.5208333333vw;
}

#honor-x9b .last-add .right-warper .right-txt p {
	color: rgba(0, 0, 0, 0.6);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last5 {
		background: #000;
		height: 110vh;
		position: relative;
	}

	#honor-x9b .last5-content {
		height: calc(100vh - 52px);
		position: sticky;
		top: 52px;
	}

	#honor-x9b .last5-bg {
		width: 100%;
		height: calc(100vh - 52px);
		display: flex;
		align-items: flex-start;
		transition: all 1s ease;
		transition-delay: 0.1s;
	}

	#honor-x9b .last5-bg.active {
		transform: scale(0.3);
		opacity: 0;
		transition: all 1s ease;
		transition-delay: 0.1s;
	}

	#honor-x9b .last5-bg .bg-warper {
		width: 100%;
		height: 108.5333333333vw;
		position: relative;
	}

	#honor-x9b .last5-bg .text1 {
		width: 100%;
		padding: 0;
		height: -moz-max-content;
		height: max-content;
		position: absolute;
		top: 83%;
		left: 0;
		transform: translate(0, 0);
		text-align: center;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (max-aspect-ratio: 660/758) and (width: 1024px) {
	#honor-x9b .last5-bg .text1 {
		transform: translate(0, 0) scale(0.5);
		top: 64%;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last5-bg .text1 h3 {
		margin-bottom: 2.6666666667vw;
		text-align: center;
		font-size: 8.5333333333vw;
	}

	#honor-x9b .last5-bg .text1 p {
		font-size: 3.7333333333vw;
		text-align: center;
	}

	#honor-x9b .last5-bg .text1 .cpu-warper {
		width: 100%;
		display: flex;
		text-align: left;
		margin: 1.5625vw 0 0.5208333333vw 0;
		justify-content: center;
	}

	#honor-x9b .last5-bg .text1 .right-gpu {
		margin-left: 0vw;
		margin-left: 13.3333333333vw;
	}

	#honor-x9b .last5-bg .text1 .cpu,
	#honor-x9b .last5-bg .text1 .gpu {
		width: -moz-max-content;
		width: max-content;
		display: flex;
		align-items: flex-end;
		font-size: 3.7333333333vw;
		font-weight: 500;
		color: rgba(255, 255, 255, 0.8);
		margin: 0 0vw;
		text-align: left;
	}

	#honor-x9b .last5-bg .text1 .cpu img,
	#honor-x9b .last5-bg .text1 .gpu img {
		width: 5.3333333333vw;
		height: 6.9333333333vw;
		margin-left: 1.3333333333vw;
	}

	#honor-x9b .last5-ani {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: auto;
		margin: auto;
		display: flex;
		flex-direction: column-reverse;
		justify-content: flex-end;
		overflow: hidden;
	}

	#honor-x9b .last5-ani.active .last5-ani-left {
		transform: translateY(0);
		transition: all 1s ease;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (max-aspect-ratio: 660/758) and (width: 1024px) {
	#honor-x9b .last5-ani.active .last5-ani-left {
		transform: translateY(-20vw);
		transition: all 1s ease;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last5-ani.active .last5-ani-right {
		width: 100vw;
		min-height: 100vw;
		transform: translateY(0);
		transition: all 1s ease;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (max-aspect-ratio: 660/758) and (width: 1024px) {
	#honor-x9b .last5-ani.active .last5-ani-right {
		width: 100vw;
		min-height: 100vw;
		transform: translateY(-20vw);
		transition: all 1s ease;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last5-ani .last5-ani-left {
		position: relative;
		top: -30.6666666667vw;
		transform: translateY(70vh);
		transition: all 1s ease;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (width: 768px) {
	#honor-x9b .last5-ani .last5-ani-left {
		top: -49.3333333333vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last5-ani .last5-ani-left .ani-left-txt {
		position: absolute;
		top: 37.3333333333vw;
		width: 85.3333333333vw;
		height: -moz-max-content;
		height: max-content;
		bottom: auto;
		left: 5.3333333333vw;
		right: 0;
		margin: auto;
		text-align: left;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (max-aspect-ratio: 660/758) and (width: 1024px) {
	#honor-x9b .last5-ani .last5-ani-left .ani-left-txt {
		transform: scale(0.7);
		top: 21.3333333333vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (width: 768px) {
	#honor-x9b .last5-ani .last5-ani-left .ani-left-txt {
		transform: scale(0.6);
		top: 21.3333333333vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last5-ani .last5-ani-left .ani-left-txt p {
		color: rgba(255, 255, 255, 0.8);
		font-size: 3.7333333333vw;
	}

	#honor-x9b .last5-ani .last5-ani-left .ani-left-txt h2 {
		color: rgba(255, 255, 255);
		margin-bottom: 5.3333333333vw;
		font-size: 5.4666666667vw;
	}

	#honor-x9b .last5-ani .last5-ani-left .ani-left-txt .nc {
		font-size: 6.4vw;
		font-weight: 500;
		background: linear-gradient(180deg, #9acafa 10.09%, #0a72bd 80%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	#honor-x9b .last5-ani .last5-ani-left .ani-left-txt .nc h3 {
		font-size: 6.4vw;
		text-align: left;
	}

	#honor-x9b .last5-ani .last5-ani-left .ani-left-txt .nc sup {
		background: linear-gradient(180deg, #9acafa 10.09%, #0a72bd 80%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	#honor-x9b .last5-ani .last5-ani-left .ani-left-txt .nc span {
		font-size: 6.4vw;
	}

	#honor-x9b .last5-ani .last5-ani-right {
		position: relative;
		top: 0;
		right: 0;
		transform: translateY(-70vh);
		transition: all 1s ease;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (max-aspect-ratio: 660/758) and (width: 1024px) {
	#honor-x9b .last5-ani .last5-ani-right {
		transform: translateY(-90vh);
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (width: 768px) {
	#honor-x9b .last5-ani .last5-ani-right {
		top: -17.3333333333vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add {
		width: 100%;
		padding: 6.25vw 0;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add {
		padding: 16vw 0 0 0;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add .sec-add-warper {
		display: flex;
		justify-content: center;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add .sec-add-warper {
		flex-direction: column;
		align-items: center;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add .left-warper {
		margin: 0 0.5208333333vw;
		width: 36.9791666667vw;
		height: 41.5625vw;
		position: relative;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add .left-warper {
		margin: 0;
		width: 91.4666666667vw;
		height: 106.6666666667vw;
		margin-bottom: 5.3333333333vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add .left-warper .left-txt {
		padding: 2.6041666667vw 2.6041666667vw 0 2.6041666667vw;
		position: absolute;
		top: 0;
		left: 50%;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add .left-warper .left-txt {
		padding: 5.3333333333vw 5.3333333333vw 0 5.3333333333vw;
		text-align: center;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add .left-warper .left-txt h3 {
		font-weight: 500;
		margin-bottom: 0.5208333333vw;
		font-size: 5.3vw;
		color: rgba(0, 0, 0, 0.8);
	}

	#honor-x9b .last-add .left-warper .left-txt p {
		color: rgba(0, 0, 0, 0.6);
	}

	#honor-x9b .last-add .right-warper {
		position: relative;
		margin: 0 0.5208333333vw;
		width: 36.9791666667vw;
		height: 41.5625vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add .right-warper {
		margin: 0;
		width: 91.4666666667vw;
		height: 105.8666666667vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add .right-warper .right-txt {
		padding: 2.6041666667vw 2.6041666667vw 0 2.6041666667vw;
		position: absolute;
		top: 0;
		left: 0;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add .right-warper .right-txt {
		padding: 5.3333333333vw 5.3333333333vw 0 5.3333333333vw;
		text-align: center;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last-add .right-warper .right-txt h3 {
		font-weight: 500;
		color: rgba(0, 0, 0, 0.8);
		font-size: 5.3vw;
		margin-bottom: 0.5208333333vw;
	}

	#honor-x9b .last-add .right-warper .right-txt p {
		color: rgba(0, 0, 0, 0.6);
	}
}

@media (width: 768px) and (orientation: portrait) {
	#honor-x9b .last5-bg .text1 {
		top: 78%;
	}

	#honor-x9b .last5-bg .text1 {
		transform-origin: center top;
		transform: scale(0.6) translate(0, 0);
	}
}

#honor-x9b .last2 {
	width: 100%;
	/* height: 46.875vw; */
	margin: 0 auto;
	text-align: center;
	margin-top: 5.2083vw;
	background: #000;
}

#honor-x9b .last2 .last2-content {
	width: 100%;
	position: relative;
}

#honor-x9b .last2-bg {
	margin: 0 auto;
	width: 38.802083vw;
	height: 31.40625vw;
}

#honor-x9b .last2 .last2-txt {
	position: relative;
	margin-top: -1vw;
	width: 100%;
	left: 0;
	bottom: 1.2vw;
	color: rgba(255, 255, 255, 0.8);
	z-index: 2;
}

#honor-x9b .last2 .last2-txt h2 {
	font-size: 1.6667vw;
	font-weight: 400;
}

#honor-x9b .last2 .last2-txt p.p1 {
	font-size: 1.25vw;
	margin-bottom: 1vw;
	margin-top: 0.5vw;
}

#honor-x9b .last2 .last2-txt p.p2 {
	margin-top: 1vw;
	margin-bottom: 0.9vw;
}

#honor-x9b .last2 .last2-txt p.p2 a {
	font-size: 0.8333vw;
	cursor: pointer;
	color: #3d7fff;
}

#honor-x9b .sec-last h2 {
	padding: 6.4896vw 0 3.2083vw 0;
	text-align: center;
	font-size: 2.5vw;
	line-height: 1.5;
	font-weight: 600;
	color: rgba(255, 255, 255, 1);
	font-family: 'HONOR Sans World DemiBold';
}

#honor-x9b .sec-last ul {
	background: #000;
	width: 49.0313vw;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-content: center;
}

#honor-x9b .sec-last ul li {
	width: 33%;
	text-align: center;
	margin-bottom: 3.125vw;
}

#honor-x9b .sec-last ul li p {
	font-size: 0.9375vw;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.5;
	padding-top: 2.0833vw;
}

#honor-x9b .sec-last ul li img {
	width: 5.2083vw;
	margin: 0 auto;
	height: auto;
}

#honor-x9b .sec-last .sec-last-bz {
	font-size: 0.9375vw;
	text-align: center;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.8);
	width: 51.3542vw;
	margin: 0 auto;
	margin-top: 0.5625vw;
	padding-bottom: 6.25vw;
}

#honor-x9b .footer-concent {
	width: 57.2917vw;
	margin: 0 auto;
	padding: 1.8125vw 0 5vw 0;
	font-size: 14px;
	color: rgba(255, 255, 255, 1);
	line-height: 1.6;
	background: #000;
}

#honor-x9b .footer-concent ol li {
	list-style-type: decimal;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b {
		/* sec-last-mob */
	}

	#honor-x9b .last2 {
		width: 100%;
		/* height: 138.88889vw; */
		margin-top: 37.2083vw;
		margin-bottom: 17vw;
	}

	#honor-x9b .last2 .last2-content {
		width: 100%;
		position: relative;
	}

	#honor-x9b .last2-bg {
		width: 100vw;
		height: 82.9333333333vw;
	}

	#honor-x9b .last2 .last2-txt {
		margin-top: 5vw;
	}

	#honor-x9b .last2 .last2-txt h2 {
		margin-bottom: 2vw;
		font-size: 4.444vw;
	}

	#honor-x9b .last2 .last2-txt p.p1 {
		font-size: 3.88889vw;
		margin-bottom: 2vw;
	}

	#honor-x9b .last2 .last2-txt p.p2 a {
		font-size: 3.33333vw;
	}

	#honor-x9b .sec-last {
		/* margin-top: -5vw; */
		position: relative;
	}

	#honor-x9b .sec-last h2 {
		padding: 21.222222vw 0 11.111111vw 0;
		font-size: 6.666667vw;
	}

	#honor-x9b .sec-last ul {
		width: 96%;
	}

	#honor-x9b .sec-last ul li {
		width: 49%;
		margin-bottom: 11.111111vw;
	}

	#honor-x9b .sec-last ul li:nth-child(1),
	#honor-x9b .sec-last ul li:nth-child(3) {
		width: 39%;
	}

	#honor-x9b .sec-last ul li:nth-child(2),
	#honor-x9b .sec-last ul li:nth-child(4) {
		width: 45%;
	}

	#honor-x9b .sec-last ul li:nth-child(5) {
		margin-bottom: 0;
	}

	#honor-x9b .sec-last ul li p {
		font-size: 3.888889vw;
		color: rgba(255, 255, 255, 0.8);
		padding-top: 2.777778vw;
	}

	#honor-x9b .sec-last ul li img {
		width: 13.888889vw;
	}

	#honor-x9b .sec-last .sec-last-bz {
		font-size: 3.7333333333vw;
		width: 88%;
		color: rgba(255, 255, 255, 0.5);
		margin-top: 11.111111vw;
		padding-bottom: 4.777778vw;
	}

	#honor-x9b .footer-concent {
		width: 86vw;
		margin: 0 auto;
		padding: 1.8125vw 0 15vw 0;
		font-size: 12px;
		color: #fff;
		line-height: 1.6;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .mob-wide {
		width: 100%;
	}

	#honor-x9b .mob-wide .last4-right-mob-bg {
		width: 100%;
		height: -moz-max-content;
		height: max-content;
		margin-bottom: 5.3333333333vw;
	}

	#honor-x9b .mob-wide .last4-right-mob-txt {
		width: 80%;
		margin: 0 auto;
	}

	#honor-x9b .mob-wide h2 {
		font-size: 6.5333333333vw;
		font-weight: 500;
		color: rgba(255, 255, 255);
		margin-bottom: 2.6666666667vw;
	}

	#honor-x9b .mob-wide p {
		font-size: 3.7333333333vw;
		/* color: rgba(0, 0, 0, 0.6); */
		color: rgba(255, 255, 255, 0.8);
		opacity: 0.6;
	}
}

/* buy */
#honor-x9b .kvBuyBtn {
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 0.9375vw;
	border-radius: 2.6041666667vw;
	border: 1.5px solid #7f7f7f;
	color: #000;
	padding: 0.5208333333vw 1.5625vw;
	line-height: 1;
	transition: border-color 0.1s linear;
	margin: 0 0.78125vw;
}



@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .kvBuyBtn {
		margin: 8vw auto 0;
		font-size: 2.6666666667vw;
		transform: none;
		display: block;
		width: 13.87109vw;
		padding: 1.6vw 0;
		border-radius: 13.3333333333vw;
	}
}

@media (min-aspect-ratio: 660/758) and (max-width: 1023px) {
	#honor-x9b .kvBuyBtn {
		margin: 6.6666666667vw auto 0;
		font-size: 3.7333333333vw;
		transform: none;
		padding: 0vw 5.3333333333vw;
		border-radius: 8vw;
		height: 10.6666666667vw;
		line-height: 10.6666666667vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .kvBuyBtn {
		margin: 2.666667vw auto 0;
		font-size: 2.733333vw;
		transform: none;
		padding: 0vw 1.333333vw;
		border-radius: 8vw;
		height: 5.666667vw;
		line-height: 5.666667vw;
	}
}

@media (width: 662px) {
	#honor-x9b .kvBuyBtn {
		margin: 0.666667vw auto 0;
		font-size: 2.733333vw;
		transform: none;
		padding: 0vw 20px;
		border-radius: 8vw;
		height: 6.666667vw;
		line-height: 40px;
		transform: scale(.6);
		width: 15vw;
	}
}

@media (width: 662px) {
	#honor-x9b .section5 .sec5-phone .phone-in-wrapper1 .txt {
		top: 0.10417vw;
		left: -26.70938vw;
	}

	#honor-x9b .section5 .sec5-phone .phone-in-wrapper2 .txt {
		top: 0.26042vw;
		left: -16.95208vw;
	}

	#honor-x9b .section5 .sec5-phone .phone-in-wrapper3 .txt {
		top: 0.3125vw;
		left: -19.06615vw;
	}
}

@media (width: 1366px) {
	#honor-x9b .section5 .sec5-phone .phone-in-wrapper3 .txt {
		top: 0.3125vw;
		left: -15.06615vw;
	}

	#honor-x9b .section5 .sec5-phone .phone-in-wrapper2 .txt {
		top: 0.26042vw;
		left: -13.75208vw;
	}

	#honor-x9b .section5 .sec5-phone .phone-in-wrapper1 .txt {
		top: 0;
		left: -20.70938vw;
	}
}

/* 放大镜 */
#honor-x9b .section-pixel {
	height: 100%;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .section-pixel {
		height: auto;
	}
}

#honor-x9b .section-pixel.is-in .bgWrapper .bg {
	transform: none;
}

#honor-x9b .section-pixel.is-in .bgWrapper .detail,
#honor-x9b .section-pixel.is-in .bgWrapper .camera {
	opacity: 1;
	transition: opacity 0.5s ease 0.7s;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {

	#honor-x9b .section-pixel.is-in .bgWrapper .detail,
	#honor-x9b .section-pixel.is-in .bgWrapper .camera {
		transition-delay: 0s;
	}
}

#honor-x9b .section-pixel.is-in .text {
	opacity: 1;
	transform: none;
	transition: opacity 0.5s ease 0.7s, transform 0.5s ease 0.7s;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .section-pixel.is-in .text {
		transition-delay: 0s;
		transform: translateY(-2w);
	}
}

#honor-x9b .section-pixel .sticky-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .section-pixel .sticky-container {
		display: block;
		height: auto;
		position: relative;
		top: auto;
		margin-bottom: 20vw;
	}
}

#honor-x9b .section-pixel .bgWrapper {
	position: relative;
	width: 62.7291666667vw;
	height: 41.6666666667vw;
	margin-left: 7.2916666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .section-pixel .bgWrapper {
		width: 100%;
		height: auto;
		margin-left: 0;
		overflow: hidden;
	}
}

#honor-x9b .section-pixel .bgWrapper .bg {
	width: 62.7291666667vw;
	height: 41.6666666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .section-pixel .bgWrapper .bg {
		transform: none;
		width: 100%;
		height: 66.6666666667vw;
	}
}

#honor-x9b .section-pixel .bgWrapper .camera {
	position: absolute;
	top: 0;
	left: 0;
	width: 5.8333333333vw;
	height: 5.8333333333vw;
	background: rgba(255, 255, 255, 0.2);
	transform: translate(25.234375vw, 15.8333333333vw);
	pointer-events: none;
	opacity: 1;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .section-pixel .bgWrapper .camera {
		width: 24vw;
		height: 24vw;
		transform: translate(38vw, 21.3333333333vw);
		opacity: 1;
	}
}

#honor-x9b .section-pixel .bgWrapper .camera>div {
	position: absolute;
	width: 0.9375vw;
	height: 0.9375vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .section-pixel .bgWrapper .camera>div {
		width: 2.6666666667vw;
		height: 2.6666666667vw;
	}
}

#honor-x9b .section-pixel .bgWrapper .camera>div:nth-of-type(1) {
	top: 0;
	left: 0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

#honor-x9b .section-pixel .bgWrapper .camera>div:nth-of-type(2) {
	top: 0;
	right: 0;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

#honor-x9b .section-pixel .bgWrapper .camera>div:nth-of-type(3) {
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

#honor-x9b .section-pixel .bgWrapper .camera>div:nth-of-type(4) {
	bottom: 0;
	right: 0;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

#honor-x9b .section-pixel .bgWrapper .detail {
	position: absolute;
	top: 55%;
	right: -16.6666666667vw;
	width: 18.59375vw;
	height: 12.3958333333vw;
	overflow: hidden;
	opacity: 1;
	will-change: opacity;
	pointer-events: none;
	z-index: 3;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .section-pixel .bgWrapper .detail {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		height: 61.0666666667vw;
		opacity: 1;
	}
}

#honor-x9b .section-pixel .bgWrapper .detail img {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -50%) scale(1.8);
	width: 62.7291666667vw;
	height: 41.6666666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .section-pixel .bgWrapper .detail img {
		transform: translate(-30vw, -13.3333333333vw) scale(2);
		width: 100vw;
		height: 66.6666666667vw;
	}
}

#honor-x9b .section-pixel .text {
	position: relative;
	width: 23.5vw;
	margin-left: 0;
	opacity: 1;
	transform: translateY(0.5208333333vw);
}

#honor-x9b .section-pixel .text h2 {
	/* opacity: 0.8; */
	color: #fff;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .section-pixel .text h2 {
		font-size: 6.5vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .section-pixel .text {
		width: 84vw;
		margin: 0 auto;
		transform: translateY(2.6666666667vw);
	}
}

#honor-x9b .section-pixel .text>div {
	position: absolute;
	top: -2.8645833333vw;
	left: -3vw;
	width: 100%;
	transform: translateY(-100%);
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .section-pixel .text>div {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		margin-top: 10vw;
	}
}

#honor-x9b .section-pixel .text p {
	color: rgba(255, 255, 255, 0.8);
	margin-top: 1.0416666667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .section-pixel .text p {
		margin-top: 4.3333333333vw;
	}
}

/*# sourceMappingURL=style.css.map */
/* 序列帧 */
#honor-x9b .last4 {
	background: #000;
	height: 360vh;
	position: relative;
	width: 100%;
}

#honor-x9b .last4-content {
	height: calc(100vh - 52px);
	position: sticky;
	top: 52px;
	overflow: hidden;
}

#honor-x9b .last4-middle {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	transform: translateX(100%);
	transition: all 0.7s ease;
}

#honor-x9b .last4-middle.active {
	transform: translateX(0%);
	transition: all 0.7s ease;
}

#honor-x9b .last4-middle.active2 {
	transform: translateX(-100%);
	transition: all 0.7s ease;
}

#honor-x9b .last4-left {
	width: 100%;
	height: 100%;
	transform: translateX(0%);
	transition: all 0.7s ease;
}

#honor-x9b .last4-left.active {
	transform: translateX(-100%);
	transition: all 0.7s ease;
}

#honor-x9b .last4-first-des {
	width: 100%;
	height: -moz-max-content;
	height: max-content;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
}

#honor-x9b .last4-first-des.active .last4-tit {
	transform: translateY(100%);
	transition: all 0.7s ease;
}

#honor-x9b .last4-first-des.active .h4-wraper h4 {
	transform: translateY(-100%);
	transition: all 0.7s ease;
}

#honor-x9b .last4-first-des .tit-wraper {
	width: -moz-max-content;
	width: max-content;
	height: -moz-max-content;
	height: max-content;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-clip-path: inset(0 0 2px 0);
	clip-path: inset(0 0 2px 0);
}

#honor-x9b .last4-first-des .tit-wraper .tit-mask {
	width: 100%;
	height: 1vw;
	background: linear-gradient(to top, rgb(0, 0, 0) 5%, rgba(0, 0, 0, 0.5) 60%, transparent);
	position: absolute;
	bottom: 0;
	left: 0;
}

#honor-x9b .last4-first-des .h4-wraper {
	margin: 0 auto;
	width: -moz-max-content;
	width: max-content;
	height: -moz-max-content;
	height: max-content;
	overflow: hidden;
	position: relative;
	-webkit-clip-path: inset(2px 0 0 0);
	clip-path: inset(2px 0 0 0);
}

#honor-x9b .last4-first-des .h4-wraper .h4-mask {
	height: 0.5vw;
	width: 100%;
	position: absolute;
	background: linear-gradient(to bottom, rgb(0, 0, 0) 5%, rgba(0, 0, 0, 0.5) 60%, transparent);
	top: 0;
	left: 0;
}

#honor-x9b .last4-first-des .last4-tit {
	font-size: 5.25vw;
	font-weight: 600;
	background-image: url(https://www.honor.com/content/dam/honor/br/products/smartphone/honor-magic6-lite/imgs/last4/tit-bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	transform: translateY(0);
	transition: all 0.7s ease;
	transition-delay: 1s;
}

#honor-x9b .last4-first-des h4 {
	font-size: 2.5vw;
	font-weight: 500;
	color: #fff;
	line-height: 2;
	transform: translateY(0);
	transition: all 0.7s ease;
	transition-delay: 1s;
}

#honor-x9b .phone-xlz {
	width: 100%;
	height: -moz-max-content;
	height: max-content;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	transform: scale(1) translateX(0);
	transition: all 0.7s ease;
	transform-origin: center bottom;
}

#honor-x9b .phone-xlz.active {
	transform: scale(0.9) translateX(23.5416666667vw);
	transform-origin: center bottom;
	transition: all 0.7s ease;
}

@media (width: 662px) {
	#honor-x9b .phone-xlz.active {
		transform: scale(1) translateX(8.3333333333vw);
	}

	#honor-x9b .last4-first-des .last4-tit {
		font-size: 5.25vw;
	}
}

@media (width: 1024px) {
	#honor-x9b .last4-first-des .last4-tit {
		font-size: 5.25vw;
	}

	#honor-x9b .phone-xlz.active {
		transform: scale(1) translateX(8.3333333333vw);
	}
}

#honor-x9b .phone-xlz .xlz-content {
	height: -moz-max-content;
	height: max-content;
}

#honor-x9b .last4-phone2-warper {
	width: 52.0833333333vw;
	height: 38.75vw;
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: -4.1666666667vw;
	right: 34.8958333333vw;
	opacity: 0;
	z-index: 2;
	transition: all 0.7s ease;
}

@media (width: 662px) {
	#honor-x9b .last4-phone2-warper {
		right: 52.0833333333vw;
		bottom: -1.0416666667vw;
	}
}

@media (width: 1024px) {
	#honor-x9b .last4-phone2-warper {
		right: 52.0833333333vw;
		bottom: -1.0416666667vw;
	}
}

#honor-x9b .last4-phone2-warper.active {
	opacity: 1;
	transition: all 0.7s ease;
	transition-delay: 0.7s;
}

#honor-x9b .phone2-txt {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 28.6458333333vw;
	align-items: flex-start;
	align-content: flex-start;
}

@media (width: 662px) {
	#honor-x9b .phone2-txt {
		width: 32.8125vw;
		transform: translate(42vw, -47vw) scale(1.2);
	}
}

@media (width: 1024px) {
	#honor-x9b .phone2-txt {
		width: 32.8125vw;
		transform: translate(42vw, -34vw) scale(0.8);
	}
}

#honor-x9b .phone2-txt>div {
	width: 45%;
	margin-bottom: 2.125vw;
}

#honor-x9b .phone2-txt>div .txt1-p p {
	color: rgba(255, 255, 255, 0.8);
	font-size: 0.9375vw;
	margin-top: 0.5208333333vw;
}

#honor-x9b .phone2-txt>div .icon {
	width: 3.125vw;
	height: 3.125vw;
	margin-bottom: 0.5208333333vw;
}

#honor-x9b .phone2-txt>div .dots {
	color: rgba(255, 255, 255, 0.8);
}

#honor-x9b .phone2-txt>div .dots h3 {
	font-size: 1.6666666667vw;
	font-weight: 500;
	color: #fff;
}

#honor-x9b .phone2-txt>div .dots h3 span {
	font-size: 1.25vw;
	font-weight: 500;
}

#honor-x9b .phone2-txt>div .dots h4 {
	font-size: 1.25vw;
}

#honor-x9b .phone2-txt>div .dots .dots-color {
	background: linear-gradient(180deg, #D9FEFF 0%, #607B7C 80%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#honor-x9b .phone2-txt>div .dots .dots-color sup {
	background: linear-gradient(180deg, #D9FEFF 0%, #607B7C 80%);
	;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last4 .mob-txt2 sup {
		background: linear-gradient(180deg, #D9FEFF 0%, #607B7C 80%);
		;
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}

#honor-x9b .phone2-bg {
	width: 19.5833333333vw;
	height: 42.2395833333vw;
	margin-bottom: 0.5208333333vw;
}

#honor-x9b .last4-right {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	transform: translateX(100%);
	transition: all 0.7s ease;
	align-items: center;
}

#honor-x9b .last4-right.active {
	transform: translateX(0%);
	transition: all 0.7s ease;
}

#honor-x9b .last4-right .last4-right-txt {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10.4166666667vw;
	padding-left: 4.4166666667vw;
}

#honor-x9b .last4-right .last4-right-txt h2 {
	font-size: 2.0833333333vw;
	color: rgba(255, 255, 255);
	margin-bottom: 0.5208333333vw;
}

#honor-x9b .last4-right .last4-right-txt p {
	font-size: 1.1458333333vw;
	color: rgba(255, 255, 255);
	opacity: 0.6;
}

#honor-x9b .last4-right .last4-right-bg {
	width: 63.8541666667vw;
	height: 41.6666666667vw;
	margin-right: 10.5729166667vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last4 {
		background: #000;
		height: 220vh;
		position: relative;
		width: 100%;
	}

	#honor-x9b .last4-content {
		height: calc(100vh - 52px);
		position: sticky;
		top: 52px;
		overflow: hidden;
	}

	#honor-x9b .last4-mob-container {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt {
		height: 53.3333333333vw;
		margin-top: -5.3333333333vw;
		position: relative;
		z-index: 3;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (max-aspect-ratio: 660/758) and (width: 1024px) {
	#honor-x9b .last4-mob-container .last4-mob-txt {
		transform: scale(0.8);
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (width: 360px) {
	#honor-x9b .last4-mob-container .last4-mob-txt {
		margin-top: -5.3333333333vw;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .last4-mob-container .last4-mob-txt>div {
		width: 90%;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt2,
	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt3 {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		transition: all 0.7s ease;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt1 {
		margin: 0 auto;
		margin-top: 13.3333333333vw;
		position: relative;
		transform: translateY(0vw);
		transition: all 0.7s ease;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt1.active {
		opacity: 0;
		transform: translateY(-26.6666666667vw);
		transition: all 0.7s ease;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt1 h2 {
		text-align: center;
		font-size: 8.5333333333vw;
		font-weight: 600;
		background-image: url(https://www.honor.com/content/dam/honor/br/products/smartphone/honor-magic6-lite/imgs/last4/tit-bg.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt1 h4 {
		font-size: 6.4vw;
		font-weight: 500;
		color: rgba(255, 255, 255, 0.8);
		margin-top: 2.6666666667vw;
		text-align: center;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt2 {
		z-index: 10;
		opacity: 0;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt2 .txt2-bg {
		width: 12.2666666667vw;
		height: 12.2666666667vw;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt2 p {
		color: rgba(255, 255, 255, 0.6);
		font-size: 3.7333333333vw;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt2 h2 {
		margin: 1.3333333333vw 0;
		font-size: 6.1vw;
		background: linear-gradient(180deg, #D9FEFF 0%, #607B7C 80%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: 500;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt2 h2 span {
		font-size: 7.5333333333vw;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt3 {
		display: flex;
		justify-content: space-between;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt3>div {
		margin-top: 8vw;
		width: 30%;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt3>div p {
		font-size: 4.8vw;
		font-weight: 500;
		color: rgba(255, 255, 255, 0.8);
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt3>div h3 {
		font-weight: 500;
		font-size: 4.8vw;
		background: linear-gradient(180deg, #D9FEFF 0%, #607B7C 80%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt3>div h3 span {
		font-size: 6.4vw;
		font-weight: 500;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt3>div .mob-icon {
		width: 12.2666666667vw;
		height: 12.2666666667vw;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt2.active {
		opacity: 1;
		transform: translateY(0vw);
		transition: all 0.7s ease;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt2.active2 {
		opacity: 0;
		transform: translateY(-26.6666666667vw);
		transition: all 0.7s ease;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt3.active {
		opacity: 1;
		transform: translateY(0vw);
		transition: all 0.7s ease;
	}

	#honor-x9b .last4-mob-container .last4-mob-txt .mob-txt3.active2 {
		opacity: 0;
		transform: translateY(-26.6666666667vw);
		transition: all 0.7s ease;
	}

	#honor-x9b .last4-mob-container .last4-mob-bg {
		width: 100vw;
		height: 110.9333333333vw;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 2;
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (max-aspect-ratio: 660/758) and (width: 768px) {
	#honor-x9b .last4-mob-container .last4-mob-bg {
		bottom: -30vw;
		transform: scale(0.7);
	}
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) and (max-aspect-ratio: 660/758) and (width: 1024px) {
	#honor-x9b .last4-mob-container .last4-mob-bg {
		bottom: -30vw;
		transform: scale(0.8);
	}
}

/* 3x */
#honor-x9b .sec-zoom .zoom-content .img-wrap .zoom-img {
	position: relative;
}

#honor-x9b .sec-zoom .zoom-content .img-wrap .mak-1x {
	opacity: 1;
	transition: all 0.5s;
	color: #e6b658 !important;
}

#honor-x9b .sec-zoom .zoom-content .btn1x {
	color: #fff !important;
}

#honor-x9b .sec-zoom .zoom-content .btn1x.active {
	color: #e6b658 !important;
}

#honor-x9b .sec-zoom .zoom-content .img-wrap .mak-1x.active {
	opacity: 0;
	transition: all 0.5s;
}

#honor-x9b .sec-zoom .zoom-content .img-wrap .mak-3x.active {
	opacity: 1;
	transition: all 0.5s;
}

#honor-x9b .sec-zoom .zoom-content .img-wrap .mak-3x {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.5s;
	color: #fff;
}

#honor-x9b .sec-zoom .zoom-content .img-wrap .mak-3x.active {
	opacity: 1;
	transition: all 0.5s;
}

#honor-x9b .sec-zoom .zoom-content .btn3x {
	color: #fff !important;
}

#honor-x9b .sec-zoom .zoom-content .btn3x.active {
	color: #e6b658 !important;
}

/* video popup */
#honor-x9b .video-play-btn {
	top: calc(50% + 4vw);
}

@media (max-aspect-ratio: 660 / 758) {
	#honor-x9b .video-play-btn {
		top: 52%;
	}
}

#honor-x9b .x30Max-video-content {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: none;
}

#honor-x9b .x30Max-video-content video {
	object-fit: contain;
}

#honor-x9b .section1 .kv-icons {
	display: flex;
	justify-content: end;
	margin-bottom: 1.2vw;
}

#honor-x9b .section1 .kv-icons img {
	width: 14vw;
	height: auto;
	object-fit: contain;
}

/* #honor-x9b .section1 .kv-icons .icon2{
margin-left: 1.5vw;
} */
@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .section1 .kv-icons img {
		width: 60vw;
		height: auto;
	}

	#honor-x9b .section1 .kv-icons {
		margin-bottom: 6vw;
	}

	/* #honor-x9b .section1 .kv-icons .icon2{
	margin-left: 4.5vw;
} */
}

#honor-x9b .sec6 .sec6-sticky .part1 .part1-list .item .item-title {
	font-size: 1.683333vw;
}

#honor-x9b .section5 .sec5-phone .phone-in-wrapper .txt .line1 {
	width: 2.60938vw;
}

#honor-x9b .section5 .sec5-phone .phone-in-wrapper .txt .line2 {
	width: 5.60938vw;
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .sec6 .sec6-sticky .part1 .part1-list .item .item-title {
		font-size: 6.4vw;
	}
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 600px) {
	#honor-x9b .sec7 .sec7-sticky .sec7-content1 {
		width: 87vw;
	}
}

@media (width: 662px) {
	#honor-x9b .section5 .sec5-phone .phone-in-wrapper .txt .line1 {
		width: 4.60938vw;
	}

	#honor-x9b .section5 .sec5-phone .phone-in-wrapper .txt .line2 {
		width: 4.60938vw;
	}
}

@media (max-aspect-ratio: 660 / 758) {
	#honor-x9b .section1 .last-text {
		width: auto;
		right: 4vw;
		bottom: 1.30417vw;
		transform: scale(0.2);
	}
}

@media (width: 1024px) and (orientation: portrait),
	(width: 768px) and (orientation: portrait) {
		#honor-x9b .sec7 .sec7-sticky .sec7-content1 .text2 {
			font-size: 5.533333vw;
		}
	}

@media (max-aspect-ratio: 660 / 758) and (max-width: 1025px) {
	#honor-x9b .sec7 .sec7-sticky .sec7-content2 .item2 {
		margin-left: 14.333333vw;
	}

	#honor-x9b .last5-ani .last5-ani-left .ani-left-txt {
		top: 28.333333vw;
	}
}

@media (max-aspect-ratio: 660 / 758) and (max-width: 600px) {
	#honor-x9b .sec7 .sec7-sticky .sec7-content2 .item2 {
		margin-left: 5.333333vw;
	}

	#honor-x9b .last5-ani .last5-ani-left .ani-left-txt {
		top: 41.333333vw;
	}
}

@media (width: 662px) {
	#honor-x9b .section1 .sec1-text {
		top: 2.21875vw;
	}

	#honor-x9b .sec7 .sec7-sticky .sec7-content2 .item2 {
		margin-right: 8.125vw;
	}
}

@media (width: 1366px) {
	#honor-x9b .section5 .sec5-phone .phone-in-wrapper .txt .line1 {
		width: 4.60938vw;
	}
}

#honor-x9b .section3 .high .sec3-text h3 {
	font-size: 1.266667vw;
}

#honor-x9b .section5 .sec5-phone .phone-in-wrapper3 .txt {
	left: -17.36615vw;
}

#honor-x9b .section5 .sec5-phone .phone-in-wrapper1 .txt {
	left: -16.00938vw;
}

#honor-x9b .section5 .sec5-phone .phone-in-wrapper2 .txt {
	left: -16.5208vw;
}

@media (max-aspect-ratio: 660 / 758) {
	#honor-x9b .section3 .high .sec3-text h3 {
		font-size: 5vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part2 .part2-content .part2-title {
		font-size: 6.3533333vw;
	}

	#honor-x9b .sec7 .sec7-sticky .circle-wrap .circle-content .text1 {
		font-size: 7.533333vw;
	}
}

@media (width: 662px) {
	#honor-x9b .section5 .sec5-phone .phone-in-wrapper3 .txt {
		left: -26.06615vw;
	}

	#honor-x9b .section5 .sec5-phone .phone-in-wrapper2 .txt {
		left: -23.95208vw;
	}

	#honor-x9b .section5 .sec5-phone .phone-in-wrapper1 .txt {
		left: -23vw;
	}

	#honor-x9b .sec6 .sec6-sticky .part1 .part1-list {
		width: 23.552083vw;
	}
}

#honor-x9b .section4 .cmf-wrapper .black {
	background: linear-gradient(180deg, #fcc5a9 0%, #f68f5a 100%);
}

/* #honor-x9b根据当前产品的mainclass或id改 
.num-list是数字的
.xing-list是*号的
.kong-list是前面啥也没有的
*/
#honor-x9b .footer-concent {
	width: 72.9166666667vw;
	margin: 0 auto;
	padding: 3.2083333333vw 0;
	padding-bottom: 10vw;
	border-top: 2px solid #E9E9E9;
	margin-top: 5vw;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .footer-concent {
		width: 80vw;
		padding: 10vw 0;
		padding-bottom: 20vw;
		margin-top: 15vw;
	}
}

#honor-x9b .footer-concent ol li {
	line-height: 1.5;
	list-style: decimal !important;
	font-size: 14px;
	color: #fff;
	margin-bottom: 0.2604166667vw;
}

#honor-x9b .footer-concent .num-list li {
	list-style-type: decimal !important;
}

#honor-x9b .footer-concent .xing-list li {
	list-style: "* " !important;
}

#honor-x9b .footer-concent .kong-list li {
	list-style: "  " !important;
}

@media (max-aspect-ratio: 660/758) and (max-width: 1025px) {
	#honor-x9b .footer-concent ol li {
		font-size: 12px;
	}
}