@charset "UTF-8";

@font-face {
	font-family: "HanyiVar-vivo-hwid-50";
	src: url("./HanyiVar-vivo-hwid-50.woff2?v=20230320_09") format('woff2'),
		url("./HanyiVar-vivo-hwid-50.woff?v=20230320_09") format('woff'),
		url("./HanyiVar-vivo-hwid-50.ttf?v=20230320_09") format('truetype');
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: "HanyiVar-vivo-hwid-75";
	src: url("./HanyiVar-vivo-hwid-75.woff2?v=20230320_09") format('woff2'),
		url("./HanyiVar-vivo-hwid-75.woff?v=20230320_09") format('woff'),
		url("./HanyiVar-vivo-hwid-75.ttf?v=20230320_09") format('truetype');
	font-style: normal;
	font-weight: 400;
}


/* .vp-head-wrap {
	display: none;
} */

.debugBtn {
	width: 8em;
	height: 5em;
	line-height: 5em;
	text-align: center;
	background-color: #00000078;
	color: white;
	z-index: 999;
	position: fixed;
	top: 8em;
	right: 4em;
	/* display: flex; */
	display: none;
	justify-content: center;
	align-items: center;
	border-radius: 2em;
	cursor: pointer;
}

html {
	font-family: HanyiVar-vivo-hwid-50, sans-serif;
}

video {
	object-fit: fill;
}

video:focus {
	outline: none;
}
.flip1-blackSpace{
	background-color: #fff;
	height: 100vh;
	width: 100vw;
}
.uimix-pc-mid-flip1 {
	font-size: 15px !important;
	font-size: 0.78125vw !important;
	font-family: HanyiVar-vivo-hwid-50, sans-serif;
	background: transparent;
	color: black;
	display: none;
}

.flip1-pc-screen {
	position: relative;
	width: 100%;
	background-color: white;
	margin-top: -1px !important;
}

.flip1-pc-parallel-wrapper {
	width: 100%;
	margin-top: 86px;
	height: calc(100% - 86px);
	/* display: flex;
	align-items: center;
	justify-content: center; */
	position: relative;
	overflow: hidden;
	z-index: 50;
	box-sizing: border-box;
}

.uimix-pc-mid-flip1 section {
	overflow: hidden;
}
.uimix-pc-mid-flip1  sup{
	font-size: 0.3em;
	position: relative;
	top: -0.6em;
}
/* kv */
.flip1-pc-kv-content {
	width: 100%;
	height: calc(100vh - 35px);
	background-image: url(../images/pc/kv.jpg?v=20230320_09);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}

.flip1-pc-kv-content-text {
	width: 34.2em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 13.8em;
}

.flip1-pc-kv-content-img {
	display: block;
	width: 100%;
}

.flip1-pc-kv-content-btn {
	margin-top: 1em;
	margin-left: 1px;
	float: left;
	font-size: 1.4em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #3b3b3b;
	line-height: 1.5333333em;
	display: flex;
	justify-content: center;
	align-items: center;
}

.flip1-pc-kv-content-btn-icon {
	display: block;
	position: relative;
	top: 0.05em;
	width: 1.0357142857em;
	height: 1.0357142857em;
	margin-left: 0.392857142857em;
	fill: currentColor;
}

.flip1-pc-kv-content-btn:hover {
	color: #475ef6;
}

/* summary */
.flip1-pc-summary-screen {
	width: 100%;
	height: 100vh;
	background: #fafafa;
	z-index: 50;
}

.flip1-pc-summary-screen .flip1-pc-parallel-wrapper {
	position: relative;
	height: 100vh;
	margin-top: 0;
}

.flip1-pc-summary-video-wrapper {
	position: absolute;
	width: 31.78125em;
	height: 36em;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0.3;
	border-radius: 1.87em;
	overflow: hidden;
	z-index: 40;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 1.7333333333em;
	background-image: url('../images/pc/summary3.jpg');
	background-position: center;
	background-size: cover;
}

.flip1-pc-summary-video {
	min-height: 100%;
}

.flip1-pc-summary-video-btn {
	position: absolute;
	bottom: 2vh;
	right: 3vw;
	font-size: 1.4em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #3b3b3b;
	line-height: 1.5333333em;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.flip1-pc-summary-video-btn-icon {
	display: block;
	position: relative;
	top: 0.05em;
	width: 1.0357142857em;
	height: 1.0357142857em;
	margin-left: 0.392857142857em;
	fill: currentColor;
}

.flip1-pc-summary-video-btn:hover {
	color: #475ef6;
}

.flip1-pc-summary-list {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	width: 113.866666666666em;
	justify-content: space-between;
	opacity: 0.3;
}

.flip1-pc-summary-item {
	width: 21.2em;
	background: #f4edfe;
	border-radius: 1.87em;
	position: relative;
	border-radius: 1.7333333333em; 
    padding-bottom: 1em;
}

.flip1-pc-summary-item3 {
	opacity: 0;
}

.flip1-pc-summary-item2 {
	transform: translateX(-23em);
}

.flip1-pc-summary-item4 {
	transform: translateX(23em);
}

.flip1-pc-summary-item1 {
	transform: translateX(-28.2em);
}

.flip1-pc-summary-item5 {
	transform: translateX(28.2em);
}

.flip1-pc-summary-item img {
	display: block;
	margin: 0.8em auto 0;
	width: 19.6em;
	border-radius: 1.5em;
	overflow: hidden;
}

.flip1-pc-summary-item h1 {
	font-size: 2em;
	margin-top: 1.2em;
	margin-left: 0.4em;
	font-family: HanyiVar-vivo-hwid-75, HanyiVar-vivo-hwid;
	color: #675071;
}

.flip1-pc-summary-item p {
	margin-top: 0.63em;
	margin-left: 0.75em;
	margin-right: 0.75em;
	font-size: 1.06666666em;
	font-family: HanyiVar-vivo-hwid-50, HanyiVar-vivo-hwid;
	color: #87719c;
}

.flip1-pc-summary-title p {
	display: none;
	width: 100%;
	text-align: center;
	font-family: HanyiVar-vivo-hwid-75, HanyiVar-vivo-hwid;
	color: #FFFFFF;
	z-index: 999;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
}

.flip1-pc-summary-title .flip1-pc-summary-title-item1 {
	font-size: 6em;
	line-height: 8.47em;
}

.flip1-pc-summary-title .flip1-pc-summary-title-item2 {
	font-size: 3em;
}

.flip1-pc-summary-title .flip1-pc-summary-title-item3 {
	font-size: 3em;
}

.flip1-pc-summary-title .flip1-pc-summary-title-item4 {
	font-size: 3em;
}

/* color */
.flip1-pc-color-screen {
	width: 100%;
	height: 100vh;
	background: #f3f3f3;
	z-index: 50;
	position: relative;
}

.flip1-pc-color-screen .flip1-pc-parallel-wrapper {
	position: relative;
	height: 100vh;
	margin-top: 0;
	background: #fff;
}

.flip1-pc-color-frames {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
}

.flip1-pc-color-canvas {
	width: 100%;
}

.flip1-pc-color-title-item {
	font-weight: normal;
	z-index: 999;
	position: absolute;
	opacity: 0;
	text-align: center;
}

.flip1-pc-color-title-item h1 {
	font-size: 2em;
	font-family: HanyiVar-vivo-hwid-75;
}

.flip1-pc-color-title-item p {
	font-size: 1.33em;
	font-family: HanyiVar-vivo-hwid-50;
}

.flip1-pc-color-title-item1 {
	color: #2a2e3a;
	left: 20.2em;
	bottom: 41em;
}

.flip1-pc-color-title-item2 {
	color: #beae94;
	left: 58.9333333em;
	bottom: 16em;
}

.flip1-pc-color-title-item3 {
	color: #ae8fc7;
	right: 20.8em;
	bottom: 41em;
}

/* wallpaper */
.flip1-pc-wallpaper-screen {
	width: 100%;
	height: 100vh;
	background: white;
	z-index: 50;
}

.flip1-pc-wallpaper-screen .flip1-pc-parallel-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	margin-top: 0;
}

.flip1-pc-wallpaper-content-div {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.flip1-pc-wallpaper-content {
	width: 100%;
	position: relative;
	height: 45em;
}

.flip1-pc-wallpaper-img-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: visible;
	z-index: 40;
}

.flip1-pc-wallpaper-img {
	position: absolute;
	display: none;
	opacity: 0;
}

.flip1-pc-wallpaper-img img {
	width: 100%;
}

.flip1-pc-wallpaper-img video {
	width: 90%;
	position: absolute;
	left: 5%;
	top: 8%;
	z-index: -1;
}

.flip1-pc-wallpaper-img1 {
	z-index: 6;
}

.flip1-pc-wallpaper-text-div {
	width: 100%;
	display: block;
	text-align: center;
	position: relative;
	left: 0;
	overflow: visible;
	opacity: 0;
}

.flip1-pc-wallpaper-name-div {
	position: relative;
	height: 2.8em;
	margin-bottom: 3em;
}

.flip1-pc-wallpaper-name {
	font-size: 1.5em;
	font-family: HanyiVar-vivo-hwid-50;
	position: absolute;
	bottom: 0;
	left: 50%;
	opacity: 0;
}

.flip1-pc-wallpaper-name1 {
	color: #917aac;
	opacity: 1;
}

.flip1-pc-wallpaper-name2 {
	color: #414a5f;
}

.flip1-pc-wallpaper-name3 {
	color: #b7a996;
}

.flip1-pc-wallpaper-name4 {
	color: #917aac;
}

.flip1-pc-wallpaper-name5 {
	color: #414a5f;
}

.flip1-pc-wallpaper-name6 {
	color: #b7a996;
}

.flip1-pc-wallpaper-title {
	font-size: 4em;
	font-family: HanyiVar-vivo-hwid-75;
	/* background: linear-gradient(-9deg, #806b98 2%, #9f88bd 100%); */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
	color: #9f88bd;
	margin-bottom: 0.2em;
}

.flip1-pc-wallpaper-desc {
	font-size: 1.33em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
	margin-bottom: 0.6em;
}

/* screen */
.flip1-pc-screen-screen {
	width: 100%;
	height: 100vh;
	background: white;
	z-index: 50;
}

.flip1-pc-screen-screen .flip1-pc-parallel-wrapper {
	width: 100%;
	margin-top: 0;
	height: 100%;
}

.flip1-pc-screen-frames {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.flip1-pc-screen-video {
	width: 100%;
	position: absolute;
	display: none;
	min-height: 100%;
}

.flip1-pc-screen-text1 {
	position: absolute;
	top: 14em;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
}

.flip1-pc-screen-text1-left {
	padding-right: 1em;
	overflow: hidden;
}

.flip1-pc-screen-text1-right {
	padding-left: 1em;
	overflow: hidden;
}

.flip1-pc-screen-text1 p {
	font-size: 4em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #9780b4;
	/* background: linear-gradient(-9deg, #806b98 2%, #9780b4 100%); */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
	text-align: center;
}

.flip1-pc-screen-text1-left p {
	transform: translateX(120%);
}

.flip1-pc-screen-text1-right p {
	transform: translateX(-120%);
}

.flip1-pc-screen-text2 {
	position: absolute;
	top: 10em;
	left: 0;
	font-size: 2em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #000000;
	text-align: center;
	width: 100%;
	transform: translateY(50px);
	opacity: 0;
}

.flip1-pc-screen-text3 {
	position: absolute;
	top: 11em;
	left: 0;
	text-align: center;
	width: 100%;
	opacity: 0;
	transform: translateY(50px);
	opacity: 0;
}

.flip1-pc-screen-text3 .title {
	font-size: 1.866666666em;
	font-family: HanyiVar-vivo-hwid-75;
	text-align: center;
	color: #8f78aa;
}

.flip1-pc-screen-text3 img {
	width: 25em;
	margin: 0.5em auto 0;
}

.flip1-pc-screen-text3 .number {
	font-family: HanyiVar-vivo-hwid-50;
	padding-left: 0.4em;
	font-size: 8em;
	font-weight: 600;
	text-align: center;
	color: #8f78aa;
}

.flip1-pc-screen-text3 .number span {
	font-size: 0.4em;
}

.flip1-pc-screen-text3 .desc {
	font-size: 1.866666666em;
	font-family: HanyiVar-vivo-hwid-75;
	text-align: center;
	color: #000000;
}

/* social */
.flip1-pc-social-screen {
	width: 100%;
	height: 100vh;
	background: white;
	z-index: 50;
	position: relative;
}

.flip1-pc-social-screen .flip1-pc-parallel-wrapper {
	width: 100%;
	margin-top: 0;
	height: 100%;
}

.flip1-pc-social-mainDiv {
	display: block;
	width: 56em;
	position: absolute;
	right: 6em;
	top: 25em;
	transform: translateY(20em) rotate(-15deg);
}

.flip1-pc-social-img1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
}

.flip1-pc-social-img2 {
	position: absolute;
	left: 8%;
	width: 41.5%;
	transform: translateY(-13%);
	z-index: 2;
}

.flip1-pc-social-video1 {
    position: absolute;
    top: -0.1em;
    left: 10.2%;
    width: 37.5%;
    transform: translateY(-9.1%);
    z-index: 1;
}

.flip1-pc-social-video2 {
	position: absolute;
    top: -0.1em;
    left: 10.4%;
    width: 36.8%;
	transform: translateY(-9.1%);
	z-index: 1;
	opacity: 0;
}

.flip1-pc-social-info1 {
	position: absolute;
	top: 25em;
	left: 23.8em;
	transform: translateY(20em);
}

.flip1-pc-social-info1 .title {
	color: #9780b4;
	/* background: linear-gradient(-9deg, #806b98 2%, #9780b4 100%); */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
	font-size: 4em;
	font-family: HanyiVar-vivo-hwid-75;
	line-height: 1.1666666em;
}

.flip1-pc-social-info1 .desc {
	margin-top: 1em;
	font-size: 1.3333333333em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
}

.flip1-pc-social-info2 {
	position: absolute;
	top: 25em;
	right: 23.8em;
	transform: translateY(10em);
	opacity: 0;
}

.flip1-pc-social-info2 .title {
	color: #9780b4;
	/* background: linear-gradient(-9deg, #806b98 2%, #9780b4 100%); */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
	font-size: 4em;
	font-family: HanyiVar-vivo-hwid-75;
	line-height: 1.1666666em;
}

.flip1-pc-social-info2 .desc {
	margin-top: 1em;
	font-size: 1.3333333333em;
	line-height: 1.5em;
	font-family: HanyiVar-vivo-hwid-50, HanyiVar-vivo-hwid;
	color: #4d4d4d;
}

/* amusement */
.flip1-pc-amusement-screen {
	width: 100%;
	height: 100vh;
	background: white;
	z-index: 50;
	position: relative;
}

.flip1-pc-amusement-screen .flip1-pc-parallel-wrapper {
	width: 100%;
	margin-top: 0;
	height: 100%;
}

.flip1-pc-amusement-frames {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
}

.flip1-pc-amusement-canvas-text {
	position: absolute;
	top: 50%;
	transform: translateY(-40%);
	width: 100%;
	display: flex;
	justify-content: center;
    right: 1em;
}

.flip1-pc-amusement-canvas-text span {
	color: #8C76A7;
	font-size: 19.333333em;
	font-family: HanyiVar-vivo-hwid-75;
}

.flip1-pc-amusement-canvas-text span:last-of-type {
	margin-left: 1.9em;
}

.flip1-pc-amusement-text {
	position: absolute;
	top: 27em;
	left: 23em;
	text-align: left;
	overflow: visible;
	width: 33.33em;
}

.flip1-pc-amusement-text1 {
	color: #9780b4;
	/* background: linear-gradient(-9deg, #806b98 2%, #9780b4 100%); */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
	font-size: 4em;
	font-family: HanyiVar-vivo-hwid-75, HanyiVar-vivo-hwid;
	opacity: 0;
}

.flip1-pc-amusement-text1 span {
	display: block;
}

.flip1-pc-amusement-text2 {
	margin-top: 1.5em;
	font-size: 1.33333333333em;
	line-height: 1.5em;
	font-family: HanyiVar-vivo-hwid-50, HanyiVar-vivo-hwid;
	color: #737373;
	opacity: 0;
}

.flip1-pc-amusement-text2 span {
	color: #927CAE;
	font-weight: bolder;
}

/* lifeinfo */
.flip1-pc-lifeinfo-screen {
	width: 100%;
	height: 100vh;
	background: #fafafa;
	z-index: 50;
}

.flip1-pc-lifeinfo-content {
	width: 100%;
	height: 100%;
}

.flip1-pc-lifeinfo-text {
	width: 100%;
}

.flip1-pc-lifeinfo-title {
	margin-top: 0.6em;
	width: 100%;
	font-size: 4em;
	font-family: HanyiVar-vivo-hwid-75, HanyiVar-vivo-hwid;
	color: #9780b4;
	text-align: center;
}

.flip1-pc-lifeinfo-desc {
	width: 100%;
	margin-top: 0.5em;
	font-size: 1.33em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
	text-align: center;
	margin-bottom: 6em;
}

.flip1-pc-lifeinfo-img-wrapper {
	display: flex;
	flex-wrap: wrap;
}


@keyframes rolling {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

@-webkit-keyframes rolling {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

@keyframes rolling2 {
	from {
		transform: translateX(-50%);
	}

	to {
		transform: translateX(0);
	}
}

@-webkit-keyframes rolling2 {
	from {
		transform: translateX(-50%);
	}

	to {
		transform: translateX(0);
	}
}

.flip1-pc-lifeinfo-img-wrapper1 {
	width: 489.6em;
	animation: rolling 15s linear infinite;
	-webkit-animation: rolling 15s linear infinite;
}

.flip1-pc-lifeinfo-img-wrapper2 {
	width: 489.6em;
	animation: rolling2 13s linear infinite;
	-webkit-animation: rolling2 13s linear infinite;
}

.flip1-pc-lifeinfo-img-wrapper img {
	margin-right: 0.6em;
	margin-bottom: 0.6em;
	width: 30em;
	border-radius: 0.93em;
}

/* experience */

.flip1-pc-experience-screen {
	width: 100%;
	height: 100vh;
	z-index: 50;
}

.flip1-pc-experience-screen .flip1-pc-parallel-wrapper {
	position: relative;
	height: 100vh;
	margin-top: 0;
}

.flip1-pc-experience-img {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: -2px;
}

.flip1-pc-experience-content {
	width: 100%;
	height: 100%;
}

.flip1-pc-experience-title {
	position: absolute;
	top: 2.4333333333em;
	left: 0;
	width: 100%;
	font-size: 4em;
	font-family: HanyiVar-vivo-hwid-75;
	text-align: center;
	color: #9780b4;
	/* background: linear-gradient(-9deg, #806b98 2%, #9780b4 100%); */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
	line-height: 1.1666666666em;
}

/* zeiss */
.flip1-pc-zeiss-screen {
	width: 100%;
	height: 100vh;
	background: white;
	z-index: 50;
}

.flip1-pc-zeiss-screen .flip1-pc-parallel-wrapper {
	background: white;
	overflow: visible;
	height: 100%;
	margin-top: 0;
}

.flip1-pc-zeiss-content {
	width: 100%;
	height: 100%;
	position: relative;
}

.flip1-pc-zeiss-frames {
	position: absolute;
	width: 100vw;
	height: 100%;
	transform: scale(4);
	top: -50em;
	left: -75em;
}

.flip1-pc-zeiss-title {
	width: 100%;
	height: calc(50% + 90px);
	margin-top: -88px;
	position: absolute;
	top: 0;
	padding-left: 23.93em;
	background-color: #fff;
	z-index: 9;
}

.flip1-pc-zeiss-title p {
	color: #9780b4;
	/* background: linear-gradient(-9deg, #806b98 2%, #9780b4 100%); */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
	font-size: 10em;
	font-family: HanyiVar-vivo-hwid-75;
	line-height: 1.2em;
	position: absolute;
	bottom: 0.2em;
}

.flip1-pc-zeiss-desc {
	width: 100%;
	height: 50%;
	position: absolute;
	top: 50%;
	padding-left: 23.93em;
	background-color: #fff;
	z-index: 9;
}

.flip1-pc-zeiss-desc p {
	font-size: 1.6em;
	font-family: HanyiVar-vivo-hwid-50;
	font-weight: normal;
	color: #4d4d4d;
	line-height: 1.5em;
	position: absolute;
	top: 0;
	left: 15.2em;
}



.flip1-pc-zeiss-info {
	position: absolute;
	left: 24.2em;
	bottom: 20.6em;
}

.flip1-pc-zeiss-info-title {
	color: #9780b4;
	font-size: 3.73em;
	font-family: HanyiVar-vivo-hwid-75;
	line-height: 1.24333333em;
}

.flip1-pc-zeiss-info-title2 {
	margin-top: 1em;
}

.flip1-pc-zeiss-info-subtitle {
	color: #9780b4;
	font-size: 2em;
	font-family: HanyiVar-vivo-hwid-75;
	line-height: 1.5em;
	margin-bottom: 0.3em;
}

.flip1-pc-zeiss-info-desc {
	font-size: 1.33em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
	line-height: 1.5037594em;
}

.flip1-pc-zeiss-info2 {
	position: absolute;
	left: 30em;
	top: 26em;
	opacity: 0;
}

.flip1-pc-zeiss-info2-title {
	font-family: HanyiVar-vivo-hwid-75;
	color: #9780b4;
	font-size: 3.73em;
}

.flip1-pc-zeiss-info2-desc {
	font-family: HanyiVar-vivo-hwid-75;
	color: #9780b4;
	font-size: 2em;
}

/* freedom */
.flip1-pc-freedom-screen {
	width: 100%;
	height: 100vh;
	background: white;
	z-index: 50;
}

.flip1-pc-freedom-screen .flip1-pc-parallel-wrapper {
	position: relative;
	height: 100vh;
	margin-top: 0;
}

.flip1-pc-freedom-content {
	width: 100%;
	height: 100%;
	position: relative;
	background: #F2F1F7;
}

.flip1-pc-freedom-phone {
	position: absolute;
	width: 46.8em;
	bottom: 11em;
	right: 28em;
	z-index: 8;
}


.flip1-pc-freedom-title {
	position: absolute;
	left: 4em;
	bottom: 5em;
	z-index: 7;
	color: #9780b4;
	font-size: 5.33333333em;
	font-family: HanyiVar-vivo-hwid-75;
	line-height: 1.1994003em;
}


/* rear1 */
.flip1-pc-rear1-screen {
	width: 100%;
	height: 100vh;
	background: white;
	z-index: 50;
}

.flip1-pc-rear1-content {
	width: 80.1333333em;
	height: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}

.flip1-pc-rear1-item1 {
	float: right;
	margin-top: 11.6em;
	transform: translateY(10em);
	width: calc(50% - 23px);
}

.flip1-pc-rear1-title1 {
	color: #9780b4;
	font-size: 4em;
	font-family: HanyiVar-vivo-hwid-75;
	line-height: 1.1675em;
	overflow: visible;
}

.flip1-pc-rear1-img1 {
	margin-top: 1.5em;
	width: 100%;
	transform: translateY(5em);
}

.flip1-pc-rear1-item2 {
	float: left;
	margin-top: 19.53em;
	transform: translateY(50em);
	width: calc(50% - 23px);
}

.flip1-pc-rear1-img2 {
	width: 100%;
	margin-bottom: 2.47em;
}

.flip1-pc-rear1-desc2 {
	font-size: 1.33em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
	line-height: 1.5037594em;
}







/* rear2 */
.flip1-pc-rear2-screen {
	width: 100%;
	height: 100vh;
	background: white;
	z-index: 50;
}

.flip1-pc-rear2-content {
	width: 80.1333333em;
	height: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}


.flip1-pc-rear2-item3 {
	float: right;
	margin-top: 30em;
}

.flip1-pc-rear2-title3 {
	color: #9780b4;
	font-size: 4em;
	font-family: HanyiVar-vivo-hwid-75;
	line-height: 1.1675em;
}

.flip1-pc-rear2-img3 {
	width: 38.27em;
	margin-bottom: 2.47em;
	margin-top: 2.5em;
}

.flip1-pc-rear2-desc3 {
	font-size: 1.33em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
	line-height: 1.5037594em;
}

.flip1-pc-rear2-item4 {
	float: left;
	margin-top: 20em;
}

.flip1-pc-rear2-img4 {
	width: 39.27em;
	margin-bottom: 22.2em;
}


/* rear3 */
.flip1-pc-rear3-screen {
	width: 100%;
	height: 100vh;
	background: white;
	z-index: 50;
}

.flip1-pc-rear3-content {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	display: flex;
}


.flip1-pc-rear3-img {
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
}


.flip1-pc-rear3-info {
	position: absolute;
	left: 24em;
	top: 15em;
}

.flip1-pc-rear3-info-title {
	color: #9780b4;
	/* background: linear-gradient(-9deg, #806b98 2%, #9780b4 100%); */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
	font-size: 4em;
	font-family: HanyiVar-vivo-hwid-75;
	line-height: 1.1666666666em;
}

.flip1-pc-rear3-info-desc {
	margin-top: 1em;
	font-size: 1.3333333333em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
	line-height: 1.5em;
}

.flip1-pc-rear3-info-img {
	margin-top: 2.6666666em;
	width: 22em;
}


/* dv */
.flip1-pc-dv-screen {
	display: block;
	width: 100%;
	height: 100vh;
	background: transparent;
	z-index: 50;
}

.flip1-pc-dv-screen .flip1-pc-parallel-wrapper {
	position: relative;
	height: 100vh;
	margin-top: 0;
}

.flip1-pc-dv-content {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.flip1-pc-dv-content {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.flip1-pc-dv-video {
	display: none;
	width: 100%;
	min-height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -999;
}

.flip1-pc-dv-mask {
	width: 100%;
	height: 778px;
	z-index: 2;
	position: relative;
	/* background-color: rgba(0, 0, 0, 0.5); */
}

.flip1-pc-dv-mask2 {
	width: 100%;
	height: 100vh;
	z-index: 2;
	background-color: #fff;
}

.flip1-pc-dv-info {
	display: flex;
	position: absolute;
	bottom: 8em;
	left: 24.13em;
	flex-direction: column;
	justify-content: center;
	z-index: 3;
}

.flip1-pc-dv-title {
	font-size: 4em;
	font-family: HanyiVar-vivo-hwid-75;
	line-height: 1.1675em;
	color: #ffffff;
}

.flip1-pc-dv-desc {
	margin-top: 1.30075188em;
	font-size: 1.33em;
	font-family: HanyiVar-vivo-hwid-50;
	line-height: 1.5037594em;
	color: #ffffff;
}

/* hd */
.flip1-pc-hd-screen {
	width: 100%;
	height: 100vh;
	background: white;
	z-index: 50;
}

.flip1-pc-hd-screen .flip1-pc-parallel-wrapper {
	background: white;
	overflow: visible;
}

.flip1-pc-hd-content {
	width: 100%;
	height: 100%;
	position: relative;
}

.flip1-pc-hd-content1 {
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
}


.flip1-pc-hd-title1 {
	width: 100%;
	height: calc(50% + 90px);
	margin-top: -88px;
	position: absolute;
	top: 0;
	background-color: #fff;
	z-index: 9;
}

.flip1-pc-hd-title1 p {
	width: 100%;
	font-size: 6.67em;
	font-family: HanyiVar-vivo-hwid-75;
	text-align: center;
	color: #9780b4;
	line-height: 1.1994003em;
	position: absolute;
	bottom: 0;
}

.flip1-pc-hd-title2 {
	width: 100%;
	height: 50%;
	position: absolute;
	top: 50%;
	background-color: #fff;
	z-index: 9;
}

.flip1-pc-hd-title2 p {
	width: 100%;
	font-size: 6.67em;
	font-family: HanyiVar-vivo-hwid-75;
	text-align: center;
	color: #9780b4;
	line-height: 1.1994003em;
	position: absolute;
	top: 0;
}

.flip1-pc-hd-img1 {
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 8;
}

.flip1-pc-hd-info1 {
	display: flex;
	position: absolute;
	top: 0;
	left: 21.93em;
	height: 100%;
	flex-direction: column;
	justify-content: center;
}

.flip1-pc-hd-info1-title {
	font-size: 4em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #9780b4;
	line-height: 1.1675em;
}

.flip1-pc-hd-info1-desc {
	margin-top: 1em;
	font-size: 1.33em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
	line-height: 1.5037594em;
}

.flip1-pc-hd-content2 {
	float: left;
	position: absolute;
	left: 100%;
	height: 100%;
	top: 0;
	margin-right: 4em;
}

.flip1-pc-hd-img2 {
	position: absolute;
	height: 75%;
	left: 1.5em;
	bottom: 10.2em;
}

.flip1-pc-hd-info2 {
	position: absolute;
	left: 58.03em;
	top: 0;
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: center;
}

.flip1-pc-hd-info2-title {
	font-size: 4em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #9780b4;
	line-height: 1.1675em;
	white-space: nowrap;
}

.flip1-pc-hd-info2-desc {
	margin-top: 1em;
	font-size: 1.33em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
	line-height: 1.5037594em;
	white-space: nowrap;
}

.flip1-pc-hd-img3 {
	position: absolute;
	left: 87.03em;
	width: 73em;
	top: 4.73em;
}

.flip1-pc-hd-img4 {
	position: absolute;
	left: 163.1em;
	width: 59.5em;
	top: 4.73em;
}

.flip1-pc-hd-progress {
	position: absolute;
	bottom: 2em;
	left: 15em;
	width: 22.67em;
	height: 0.27em;
	opacity: 0.8;
	background: #cdcdcd;
	border-radius: 0.13em;
	overflow: hidden;
}

.flip1-pc-hd-progress-fill {
	width: 25%;
	height: 100%;
	background: #8C76A7;
}

/* chip */
.flip1-pc-chip-screen {
	width: 100%;
	height: 100vh;
	background: white;
	z-index: 50;
}

.flip1-pc-chip-content {
	width: 100000em;
	height: 100%;
	position: relative;
	padding: 4em 0;
	box-sizing: border-box;
	display: flex;
}

.flip1-pc-chip-content-all {
	height: 100%;
	float: left;
	background: #f2f1f7;
	border-radius: 1.2em;
	box-sizing: border-box;
	margin-left: 4em;
	position: relative;
}

.flip1-pc-chip-content1 {
	width: 163em;
}

.flip1-pc-chip-img1 {
	position: absolute;
	top: 50%;
	left: -2.5em;
	transform: translate(0, -50%);
	z-index: 9;
	width: 125em;
}

.flip1-pc-chip-info1 {
	display: flex;
	position: absolute;
	top: 0;
	left: 80em;
	height: 100%;
	flex-direction: column;
	justify-content: center;
}

.flip1-pc-chip-info1-title {
	font-size: 4em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #c8aa7d;
	line-height: 1.1675em;
}

.flip1-pc-chip-info1-desc {
	margin-top: 1em;
	font-size: 1.33em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
	line-height: 1.5037594em;
}


.flip1-pc-chip-info2 {
	position: absolute;
	left: 100%;
	top: 0;
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	width: 50em;
}

.flip1-pc-chip-info2-title {
	font-size: 2.4em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #000000;
}

.flip1-pc-chip-info2-div {
	overflow: hidden;
}

.flip1-pc-chip-info2-div1 {
	margin-top: 4em;
}

.flip1-pc-chip-info2-div2 {
	margin-top: 6.47em;
}

.flip1-pc-chip-info2-div-left-title {
	font-size: 1.27em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
	line-height: 1.83464567em;
}

.flip1-pc-chip-info2-div-left-bar {
	margin-top: 0.7em;
	height: 0.47em;
	border-radius: 0.2em;
}

.flip1-pc-chip-info2-div1-left-bar1 {
	background: #c8aa7d;
	width: 26.93em;
	margin-bottom: 1.7em;
}

.flip1-pc-chip-info2-div1-left-bar2 {
	width: 23.67em;
	background: #d7d7d7;
}

.flip1-pc-chip-info2-div2-left-bar1 {
	background: #c8aa7d;
	width: 18.93em;
	margin-bottom: 1.7em;
}

.flip1-pc-chip-info2-div2-left-bar2 {
	width: 23.67em;
	background: #d7d7d7;
}

.flip1-pc-chip-info2-div-left {
	float: left;
	width: 27em;
}

.flip1-pc-chip-info2-div-right {
	float: right;
	margin-left: 1.8em;
}


.flip1-pc-chip-info2-div-right-title {
	font-size: 1.53em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
	line-height: 1.52287582em;
}

.flip1-pc-chip-info2-div-right-number {
	font-size: 5.33em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #c8aa7d;
	display: flex;
	justify-content: center;
	align-items: center;
}

.flip1-pc-chip-info2-div-right-number-icon1 {
	height: 0.775em;
	margin-left: 0.2375em;
	transform: rotate(180deg);
	margin-top: 0.1em;
}

.flip1-pc-chip-info2-div-right-number-icon2 {
	height: 0.775em;
	margin-left: 0.2375em;
	margin-top: 0.1em;
}


.flip1-pc-chip-info3 {
	position: absolute;
	left: 128em;
	top: 0;
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	width: 27em;
}

.flip1-pc-chip-info3-div1 {
	margin-bottom: 4em;
}

.flip1-pc-chip-info3-number {
	color: #c8aa7d;
	font-size: 4.67em;
	font-family: HanyiVar-vivo-hwid-75;
	margin-bottom: 0.1em;
}

.flip1-pc-chip-info3-title {
	font-size: 2em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #4d4d4d;
}

.flip1-pc-chip-info3-desc {
	font-size: 1.33em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
	line-height: 1.5037594em;
}


.flip1-pc-chip-content2 {
	width: 120em;
	overflow: hidden;
}

.flip1-pc-chip-info4 {
	position: absolute;
	left: 12em;
	top: 0;
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: center;
}

.flip1-pc-chip-info4-title {
	font-size: 4em;
	font-family: HanyiVar-vivo-hwid-75;
	line-height: 1.1675em;
	color: #9780b4;
}

.flip1-pc-chip-info4-desc {
	margin-top: 0.5em;
	font-size: 1.33em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
	line-height: 1.5037594em;
}

.flip1-pc-chip-info4-desc2 {
	margin-top: 3.2em;
	font-size: 1.33em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
	line-height: 1.5037594em;
}
.flip1-pc-chip-info4-number-txt {
	margin-top: 12em;
	font-size: 0.8em;
	font-family: HanyiVar-vivo-hwid-75;
	color: rgb(173, 173, 172) !important;
}
.flip1-pc-chip-info4-number {
	font-size: 4.67em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #9780b4;
}

.flip1-pc-chip-info4-number .prefix {
	font-size: 0.4em;
	line-height: 1em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #9780b4;
	display: inline-block;
	margin-right: 0.1em;
}

.flip1-pc-chip-info4-number .suffix {
	font-size: 0.428265525em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #9780b4;
}

.flip1-pc-chip-img2 {
	position: absolute;
	height: 90%;
	bottom: 0;
	right: 0;
}

.flip1-pc-chip-content3 {
	width: 120em;
	overflow: hidden;
	position: relative;
}

.flip1-pc-chip-img3 {
	position: absolute;
	height: 95%;
	left: 50%;
	transform: translateX(-50%);
}

.flip1-pc-chip-img4 {
	position: absolute;
	height: 70%;
	bottom: 0;
	left: 50%;
	display: none;
}

.flip1-pc-chip-content3-title {
	color: #9780b4;
	/* background: linear-gradient(-9deg, #806b98 2%, #9780b4 100%); */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
	font-size: 4em;
	font-family: HanyiVar-vivo-hwid-75;
	line-height: 1.16666667em;
	position: absolute;
	top: 4.5em;
	left: 4.15em;
	opacity: 0;
}

.flip1-pc-chip-info5,
.flip1-pc-chip-info6 {
	position: absolute;
	top: 18em;
	left: 87.33333333em;
	opacity: 0;
}

.flip1-pc-chip-info5-title,
.flip1-pc-chip-info6-title {
	color: #9780b4;
	/* background: linear-gradient(-9deg, #806b98 2%, #9780b4 100%); */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
	font-size: 2.6666666em;
	font-family: HanyiVar-vivo-hwid-75;
}

.flip1-pc-chip-info5-desc,
.flip1-pc-chip-info6-desc {
	font-size: 1.333333333333em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
	line-height: 1.5em;
}

.flip1-pc-chip-content4 {
	width: 120em;
	overflow: hidden;
	position: relative;
}

.flip1-pc-chip-img5 {
	height: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.flip1-pc-chip-info7 {
	position: absolute;
	top: 50%;
	left: 15em;
	transform: translateY(-50%);
}

.flip1-pc-chip-info7-title1 {
	color: #9780b4;
	/* background: linear-gradient(-9deg, #806b98 2%, #9780b4 100%); */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
	font-size: 4em;
	font-family: HanyiVar-vivo-hwid-75;
	line-height: 1em;
}

.flip1-pc-chip-info7-title2,
.flip1-pc-chip-info7-title3 {
	margin-top: 1.2em;
	color: #9780b4;
	/* background: linear-gradient(-9deg, #806b98 2%, #9780b4 100%); */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
	font-size: 2em;
	font-family: HanyiVar-vivo-hwid-75;
}

.flip1-pc-chip-info7-desc1,
.flip1-pc-chip-info7-desc2 {
	font-size: 1.33333333em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
	line-height: 1.5em;
}

.flip1-pc-chip-info8 {
	position: absolute;
	top: 50%;
	right: 10em;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
}

.flip1-pc-chip-info8-div1 {
	margin-right: 6em;
}

.flip1-pc-chip-info8-title {
	color: #9780b4;
	/* background: linear-gradient(-9deg, #806b98 2%, #9780b4 100%); */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
	font-size: 2.66666667em;
	font-family: HanyiVar-vivo-hwid-75;
}

.flip1-pc-chip-info8-desc {
	margin-bottom: 2em;
	font-size: 1.33333333em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #4d4d4d;
	line-height: 1.5em;
}

/* os */
.flip1-pc-os-screen {
	width: 100%;
	height: 100vh;
	background: white;
	z-index: 50;
}

.flip1-pc-os-content {
	width: 100%;
	height: 100%;
	position: relative;
}

.flip1-pc-os-content1 {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #f2f1f7;
	margin: 0 auto;
}

.flip1-pc-os-img1 {
	width: 64.33em;
	margin-bottom: 4.6em;
}

.flip1-pc-os-title1 {
	font-size: 6em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #000000;
	margin-bottom: 2.1em;
}

.flip1-pc-os-more {
	font-size: 2.33em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #000000;
}

.flip1-pc-os-content-div {
	width: 82%;
	display: flex;
	justify-content: space-between;
	margin: 40em auto 0;
}
.flip1-pc-os-zeiss-div{
    width: 82%;
    margin: 8em auto;
	position: relative;
}
.flip1-pc-os-zeiss-div img{
	display: block;
	width: 100%;
    height: 100%;
}
.flip1-pc-os-zeiss-div .flip1-pc-os-zeiss-title{
	font-size: 1.46666666667em;
    color: white;
    position: absolute;
    bottom: 3em;
    left: 50%;
	transform: translateX(-50%);
    font-family: HanyiVar-vivo-hwid-75;
}
.flip1-pc-os-zeiss-div .flip1-pc-os-zeiss-title:hover {
    color: #475ef6;
}
.flip1-pc-os-content2 {
	width: calc(50% - 1em);
	height: 37.2em;
	background: #f2f1f7;
	border-radius: 2.6em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.flip1-pc-os-img2 {
	width: 15.07em;
	margin-bottom: 4em;
}

.flip1-pc-os-title2 {
	font-size: 2em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #000000;
	line-height: 1.2em;
	margin-bottom: 0.9em;
	text-align: center;
}

.flip1-pc-os-desc2 {
	font-size: 1.33em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #000000;
	line-height: 1.40601504em;
	text-align: center;
}

.flip1-pc-os-content3 {
	width: calc(50% - 1em);
	height: 37.2em;
	background: #f2f1f7;
	border-radius: 2.6em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.flip1-pc-os-img3 {
	width: 15.07em;
	margin-bottom: 4.4em;
}

.flip1-pc-os-title3 {
	font-size: 2em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #000000;
	line-height: 1.2em;
	margin-bottom: 0.9em;
	text-align: center;
}

.flip1-pc-os-desc3 {
	font-size: 1.33em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #000000;
	line-height: 1.40601504em;
	text-align: center;
}

/* note */
.flip1-pc-note-screen {
	width: 100%;
	background: white;
	z-index: 50;
	margin-top: -1px;
}

.flip1-pc-note-content {
	width: 100%;
	position: relative;
	padding-left: 24.07em;
	padding-top: 10.53em;
	padding-bottom: 20.53em;
}


.flip1-pc-note-title {
	font-size: 2.67em;
	font-family: HanyiVar-vivo-hwid-75;
	color: #4d4d4d;
}

.flip1-pc-note-desc {
	margin-top: 3.93em;
}

.flip1-pc-note-desc p {
	font-size: 1.07em;
	font-family: HanyiVar-vivo-hwid-50;
	color: #adadac;
	line-height: 1.86915888em;
}


@media screen and (min-width: 1431px) and (max-width: 1440px) {

	.flip1-pc-color-title-item1 {
		bottom: 46em;
	}

	.flip1-pc-color-title-item2 {
		bottom: 20em;
	}

	.flip1-pc-color-title-item3 {
		bottom: 46em;
	}
}

@media screen and (max-width:1030px) {

	.flip1-pc-color-frames {
		position: absolute;
		top: 10vh;
		left: 0;
		width: 100vw;
		height: 80vh;
	}

	.flip1-pc-color-title-item1 {
		bottom: 50em;
	}

	.flip1-pc-color-title-item2 {
		bottom: 23em;
	}

	.flip1-pc-color-title-item3 {
		bottom: 50em;
	}

	.flip1-pc-social-mainDiv {
		right: 2.5em;
		transform: scale(1.5) !important;
	}

	.flip1-pc-social-info1 {
		top: 35em;
		left: 15em;
	}

	.flip1-pc-social-info2 {
		top: 30em;
		right: 11.8em;
	}

	.flip1-pc-amusement-canvas-text span {
		font-size: 17em;
	}

	.flip1-pc-amusement-canvas-text span:last-of-type {
		margin-left: 2.5em;
	}

	.flip1-pc-amusement-text {
		top: 37em;
	}

	.flip1-pc-experience-img {
		height: auto;
		bottom: 0;
	}

	.flip1-pc-dv-mask {
		height: 56vh;
	}

	.flip1-pc-dv-video {
		width: auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.flip1-pc-hd-info1 {
		left: 18.93em;
	}

	.flip1-pc-chip-screen .flip1-pc-parallel-wrapper {
		height: 100vh;
		margin-top: 0 !important;
	}

	.flip1-pc-chip-img2 {
		bottom: -5em;
		right: -2em;
	}

	.flip1-pc-chip-info4 {
		left: 7em;
		top: -24em;
	}

	.flip1-pc-chip-img5 {
		height: 70%;
	}

	.flip1-pc-chip-info8 {
		right: 5em;
	}

	.flip1-pc-chip-info7 {
		left: 7em;
	}

	.flip1-pc-note-content {
		padding-left: 6.07em;
	}


	.flip1-pc-kv-content {
		background-image: url(../images/pc/kv2.jpg?v=20230320_09);
	}

	.flip1-pc-freedom-title {
		left: 4em !important;
		bottom: 7em !important;
		translate: none !important;
		rotate: none !important;
		scale: none !important;
		transform: translate3d(0.0588px, 0px, 0px) scale(0.9999, 0.9999) !important;
	}

	.flip1-pc-freedom-phone {
		bottom: 22em;
		translate: none !important;
		rotate: none !important;
		scale: none !important;
		transform: translate3d(0px, 0px, 0px) !important;
		right: 12.0037em !important;
	}

	.flip1-pc-rear3-info {
		bottom: 45em;
	}

	.flip1-pc-rear3-img {
		right: -6em;
		width: 120%;
		height: auto;
	}

	.flip1-pc-hd-info2 {
		top: -7em;
	}
}

.J_replace_content {
	min-height: 100vh;
}

.flip1-pc-video-playDiv{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: black;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    overflow: hidden;
	display: none;
}
.flip1-pc-video-playDiv-wrapper {
    width: auto;
    height: 60%;
    overflow: hidden;
}
.flip1-pc-video-playDiv-video{
    height: 100%;
    object-fit: fill;
}
.flip1-pc-video-playDiv-closeBtn {
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    top: 2em;
    right: 2em;
    color: white;
    font-size: 2.5em;
    border-radius: 1em;
    cursor: pointer;
    background: #ffffff24;
    line-height: 1.4em;
    text-align: center;
}