@import"common.css";
@import"swiper.min.css";

::-webkit-scrollbar {
	display: none
}

.errMask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 2022
}

.errMask .errTip {
	width: 48.9063vw;
	height: 33.3854vw;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.errMask .errTip img {
	width: 100%;
	display: block
}

.errMask .errTip img:nth-child(2) {
	display: none
}

.errMask .errTip .errCancle {
	width: 17.0833vw;
	height: 4.3229vw;
	position: absolute;
	top: 16.0208vw;
	right: 4.7396vw;
	cursor: pointer
}

.errMask .errTip .errCancle img {
	width: 100%;
	display: block
}

.errMask .errTip .errCancle img:nth-child(2) {
	display: none
}

.errMask .errTip .errConfim {
	width: 17.0833vw;
	height: 4.3229vw;
	position: absolute;
	top: 16.0208vw;
	left: 5.625vw;
	cursor: pointer
}

.errMask .errTip .errConfim img {
	width: 100%;
	display: block
}

.errMask .errTip .errConfim img:nth-child(2) {
	display: none
}

.main {
	position: relative;
	display: none
}

.main .navContainer {
	width: 100vw;
	height: 6.9792vw;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .8);
	z-index: 12;
	display: flex;
	align-items: center
}

.main .navContainer .logo {
	width: 14.4792vw;
	height: 6.1979vw;
	position: absolute;
	left: 13.2604vw;
	top: 50%;
	transform: translate(0, -50%)
}

.main .navContainer .logo img {
	width: 100%;
	display: block
}

.main .navContainer .navCon {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	right: 10.958vw;
	top: 50%;
	transform: translate(0, -50%);
	color: #fff;
	font-size: 1.6vw;
	font-weight: 600
}

.main .navContainer .navCon .navItem {
	margin: 0 1vw;
	cursor: pointer;
	text-shadow: 2px 2px #b146df;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff
}

.main .navContainer .navCon .navItem .navbi {
	width: 10px;
	height: 10px;
	box-shadow: 2px 2px #b146df;
	transform: rotate(45deg);
	background: #fff;
	margin-right: 10px
}

.main .navContainer .navCon .navItem p {
	color: #fff
}

.main .mobNavIcon {
	display: none
}

.main .navContainer1 {
	display: none
}

.main .mainBg {
	width: 100vw;
	height: 225.833vw;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	margin-top: -1px
}

.main .mainBg img {
	width: 100%;
	display: block
}

.main .mainBg img:nth-child(2) {
	display: none
}

.main .title {
	width: 100vw;
	height: 56.25vw;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden
}

.main .title img {
	width: 100%;
	display: block
}

.main .title img:nth-child(2) {
	display: none
}

.main .title .videoBg {
	width: 100vw;
	height: 56.25vw;
	position: absolute;
	top: 0;
	left: 0
}

.main .title .videoBg video {
	width: 100%;
	height: 100%
}

.main .title .titleVideoBgMb {
	display: none
}

.main .title .google {
	width: 17vw;
	height: 6.0521vw;
	position: absolute;
	bottom: 12.6563vw;
	left: 35vw;
	cursor: pointer;
	z-index: 2
}

.main .title .google img {
	width: 140%;
	display: block
}

.main .title .google img:nth-child(2) {
	display: none
}

.main .title .apple1 {
	width: 17vw;
	height: 6.0521vw;
	position: absolute;
	bottom: 12.6563vw;
	left: 58vw;
	cursor: pointer;
	z-index: 2
}

.main .title .apple1 img {
	width: 100%;
	display: block
}

.main .title .apple1 img:nth-child(2) {
	display: none
}

.main .title .Clique-em {
	width: 17vw;
	height: 5.0521vw;
	position: absolute;
	bottom: 12.6563vw;
	left: 47vw;
	cursor: pointer;
	z-index: 2
}

.main .title .Clique-em img {
	width: 100%;
	display: block
}

.main .title .Clique-em img:nth-child(2) {
	display: none
}

.main .title .PC {
	width: 17vw;
	height: 5.0521vw;
	position: absolute;
	bottom: 12.6563vw;
	left: 77vw;
	cursor: pointer;
	z-index: 2
}

.main .title .PC img {
	width: 100%;
	display: block
}

.main .title .PC img:nth-child(2) {
	display: none
}

.main .title .apple {
	width: 14.4792vw;
	height: 4.2188vw;
	position: absolute;
	bottom: 12.6563vw;
	left: 25.4167vw
}

.main .title .apple img {
	width: 100%;
	display: block
}

.main .title .noxBox {
	width: 14.4792vw;
	height: 4.2188vw;
	position: absolute;
	bottom: 12.6563vw;
	left: 60.1042vw;
	cursor: pointer;
	z-index: 2
}

.main .title .noxBox img {
	width: 100%;
	display: block
}

.main .title .noxBox img:nth-child(2) {
	display: none
}

.main .title .scrollDown {
	width: 10.3125vw;
	height: 11.9271vw;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	animation: scrollDown 2500ms linear infinite;
	z-index: 10
}

.main .title .scrollDown img {
	width: 100%;
	display: block
}

@keyframes scrollDown {
	0% {
		transform: translateY(6px)
	}

	50% {
		transform: translateY(2px)
	}

	55% {
		transform: translateY(0)
	}

	65% {
		transform: translateY(-3px)
	}

	75% {
		transform: translateY(3px)
	}

	100% {
		transform: translateY(6px)
	}
}

.main .part1 {
	width: 100vw;
	height: 56.25vw;
	position: relative;
	top: 5.2083vw;
	left: 0;
	overflow: hidden
}

.main .part1 img {
	width: 100%;
	display: block
}

.main .part1 img:nth-child(2) {
	display: none
}

.main .part1 .partSwiperCon {
	display: none
}

.main .part1-5 {
	position: absolute;
	top: 113vw;
	right: 11%
}

.main .part1-5 img {
	width: 3.5vw
}

.main .part2 {
	width: 68.6979vw;
	height: 46.9271vw;
	position: relative;
	top: 1.5521vw;
	left: 50%;
	transform: translate(-50%, 0)
}

.main .part2 .personPrime {
	position: absolute;
	top: 3.0208vw;
	left: 13.4896vw;
	color: #fff;
	font-size: 2.5vw
}

.main .part2 .personInfo {
	width: 62.2917vw;
	height: 43.9063vw;
	position: absolute;
	top: -1vw;
	left: 50%;
	transform: translate(-50%, 0)
}

.main .part2 .personInfo img {
	width: 100%;
	display: block
}

.main .part2 .personInfo img:nth-child(2) {
	display: none
}

.main .part2 .right {
	width: 5.1042vw;
	height: 6.8229vw;
	position: absolute;
	top: 38.4688vw;
	right: 0;
	cursor: pointer
}

.main .part2 .right img {
	width: 100%;
	display: block
}

.main .part2 .right img:nth-child(2) {
	display: none
}

.main .part2 .left {
	width: 5.1042vw;
	height: 6.8229vw;
	position: absolute;
	top: 38.4688vw;
	left: 0;
	cursor: pointer
}

.main .part2 .left img {
	width: 100%;
	display: block
}

.main .part2 .left img:nth-child(2) {
	display: none
}

.main .part2 .personIcon {
	width: 59.3229vw;
	height: 8vw;
	position: absolute;
	top: 38vw;
	left: 4.6354vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.main .part2 .personIcon .active {
	transform: scale(1.1)
}

.main .part2 .personIcon .personIconItem1 {
	width: 7.1875vw;
	height: 7.2396vw;
	background: url("../images/picon1.png") no-repeat;
	background-size: 100%
}

.main .part2 .personIcon .personIconItem2 {
	width: 7.1875vw;
	height: 7.2396vw;
	background: url("../images/picon2.png") no-repeat;
	background-size: 100%
}

.main .part2 .personIcon .personIconItem3 {
	width: 7.1875vw;
	height: 7.2396vw;
	background: url("../images/picon3.png") no-repeat;
	background-size: 100%
}

.main .part2 .personIcon .personIconItem4 {
	width: 7.1875vw;
	height: 7.2396vw;
	background: url("../images/picon4.png") no-repeat;
	background-size: 100%
}

.main .part2 .personIcon .personIconItem5 {
	width: 7.1875vw;
	height: 7.2396vw;
	background: url("../images/picon5.png") no-repeat;
	background-size: 100%
}

.main .part2 .personIcon .personIconItem6 {
	width: 7.1875vw;
	height: 7.2396vw;
	background: url("../images/picon6.png") no-repeat;
	background-size: 100%
}

.main .part2 .personIcon .personIconItem7 {
	width: 7.1875vw;
	height: 7.2396vw;
	background: url("../images/picon7.png") no-repeat;
	background-size: 100%
}

.main .part2 .personIcon .personIconItem8 {
	width: 7.1875vw;
	height: 7.2396vw;
	background: url("../images/picon8.png") no-repeat;
	background-size: 100%
}

.main .part2 .personIcon .personIconItem9 {
	width: 7.1875vw;
	height: 7.2396vw;
	background: url("../images/picon9.png") no-repeat;
	background-size: 100%
}

.main .part2 .personIcon .personIconItem10 {
	width: 7.1875vw;
	height: 7.2396vw;
	background: url("../images/picon10.png") no-repeat;
	background-size: 100%
}

.main .part2 .personIcon .personIconItem11 {
	width: 7.1875vw;
	height: 7.2396vw;
	background: url("../images/picon11.png") no-repeat;
	background-size: 100%
}

.main .part2 .personIcon .personIconItem12 {
	width: 7.1875vw;
	height: 7.2396vw;
	background: url("../images/picon12.png") no-repeat;
	background-size: 100%
}

.main .part2 .personIcon .personIconItem13 {
	width: 7.1875vw;
	height: 7.2396vw;
	background: url("../images/picon13.png") no-repeat;
	background-size: 100%
}

.main .part2 .personIcon .personIconItem14 {
	width: 7.1875vw;
	height: 7.2396vw;
	background: url("../images/picon14.png") no-repeat;
	background-size: 100%
}

.main .part2 .personIcon .personIconItem15 {
	width: 7.1875vw;
	height: 7.2396vw;
	background: url("../images/picon15.png") no-repeat;
	background-size: 100%
}

.main .part2 .personIcon .personIconItem16 {
	width: 7.1875vw;
	height: 7.2396vw;
	background: url("../images/picon16.png") no-repeat;
	background-size: 100%
}

.main .part2 .videoContainer {
	width: 23vw;
	height: 8vw;
	position: absolute;
	top: 25vw;
	left: 4vw
}

.main .part2 .videoContainer .videoTxt {
	width: 7vw;
	height: 1vw;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%)
}

.main .part2 .videoContainer .videoTxt img {
	width: 100%;
	display: block
}

.main .part2 .videoContainer .videoAnt {
	width: 14vw;
	height: 8vw;
	position: absolute;
	top: 0;
	right: 0
}

.main .part2 .videoContainer .videoAnt img {
	width: 100%;
	display: block
}

.main .part3 {
	width: 100vw;
	height: 56.25vw;
	position: relative;
	top: 9.5vw;
	left: 0
}

.main .part3 img {
	width: 100%;
	display: block
}

.main .part3 .noticeContainer {
	width: 62.1146vw;
	height: 27.6979vw;
	position: absolute;
	top: 23.75vw;
	left: 50%;
	transform: translate(-50%, 0);
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	overflow: hidden
}

.main .part3 .noticeContainer .noticeItem {
	width: 14.1667vw;
	height: 13.0729vw;
	display: flex;
	flex-direction: column;
	margin: 0 6px
}

.main .part3 .noticeContainer .noticeItem .notImg {
	width: 14.1667vw;
	height: 7.9167vw
}

.main .part3 .noticeContainer .noticeItem .notImg img {
	width: 100%;
	display: block
}

.main .part3 .noticeContainer .noticeItem .notTxt {
	display: flex;
	flex-direction: column;
	margin-top: 5px
}

.main .part3 .noticeContainer .noticeItem .notTxt p {
	margin: 5px 0
}

.main .part3 .noticeContainer .noticeItem .notTxt p:nth-child(1) {
	font-size: 1.2vw
}

.main .swiperPerson {
	width: 97.3958vw;
	height: 27.5521vw;
	position: relative;
	top: 11.54vw;
	left: 1.1458vw;
	display: flex;
	justify-content: space-between
}

.main .swiperPerson .swiperContainer {
	width: 97.3958vw;
	height: 27.5521vw;
	display: flex;
	justify-content: space-between
}

.main .swiperPerson .swiperContainer .swiper-slide {
	width: 15.3646vw !important;
	height: 27.5521vw !important
}

.main .swiperPerson .swiperContainer .swiper-slide img {
	width: 100%;
	display: block
}

.main footer {
	width: 100vw;
	height: 17.5vw;
	position: relative;
	top: 20.45vw;
	left: 0
}

.main footer .footerLogo {
	width: 21.0417vw;
	height: 11.0417vw;
	position: absolute;
	top: 3.125vw;
	left: 16.7708vw
}

.main footer .footerLogo img {
	width: 100%;
	display: block
}

.main footer .footerLogo img:nth-child(2) {
	display: none
}

.main footer .footerLinkBox {
	width: 14.4792vw;
	height: 9.7917vw;
	position: absolute;
	top: 4.1146vw;
	left: 40.4688vw;
	display: flex;
	flex-direction: column;
	align-content: space-between;
	justify-content: space-between
}

.main footer .footerLinkBox .footerApk {
	width: 14.4792vw;
	height: 4.2188vw;
	cursor: pointer
}

.main footer .footerLinkBox .footerApk img {
	width: 100%;
	display: block
}

.main footer .footerLinkBox .footerApk img:nth-child(2) {
	display: none
}

.main footer .footerLinkBox .footerNox {
	width: 14.4792vw;
	height: 4.2188vw;
	cursor: pointer
}

.main footer .footerLinkBox .footerNox img {
	width: 100%;
	display: block
}

.main footer .footerLinkBox .footerNox img:nth-child(2) {
	display: none
}

.main footer .fotterContact {
	width: 15.1042vw;
	height: 6.7083vw;
	position: absolute;
	top: 5.5208vw;
	right: 16.5625vw;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center
}

.main footer .fotterContact .conTxt {
	color: #fff;
	font-weight: 600
}

.main footer .fotterContact .conChannel {
	display: flex;
	justify-content: center;
	align-items: center
}

.main footer .fotterContact .conChannel .contactTele {
	width: 3.9063vw;
	height: 3.9063vw
}

.main footer .fotterContact .conChannel .contactTele img {
	width: 100%;
	display: block
}

.main footer .fotterContact .conChannel .contactTele img:nth-child(2) {
	display: none
}

.main footer .fotterContact .conChannel .contactFb {
	width: 3.9063vw;
	height: 3.9063vw;
	margin: 0 10px
}

.main footer .fotterContact .conChannel .contactFb img {
	width: 100%;
	display: block
}

.main footer .fotterContact .conChannel .contactFb img:nth-child(2) {
	display: none
}

.main footer .fotterContact .conChannel .contactDis {
	width: 3.9063vw;
	height: 3.9063vw
}

.main footer .fotterContact .conChannel .contactDis img {
	width: 100%;
	display: block
}

.main footer .fotterContact .conChannel .contactDis img:nth-child(2) {
	display: none
}

.main footer .fotterContact .conChannel .contactTwtt {
	display: none
}

.main .slideContainer {
	position: fixed;
	right: 0;
	top: 20%;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 12
}

.main .slideContainer .slideImgCon {
	width: 12.6042vw;
	height: 11.802vw;
	position: relative
}

.main .slideContainer .slideImgCon img {
	width: 100%;
	display: block
}

.main .slideContainer .slideImgCon .imgItem {
	width: 11.7188vw;
	height: 4.8958vw;
	position: absolute;
	top: 8.75vw;
	left: 50%;
	transform: translate(-50%, 0)
}

.main .slideContainer .slideImgCon .imgItem img {
	width: 100%;
	display: block
}

.main .slideContainer .slideImgCon .imgItem .slideTime {
	width: 100%;
	height: .9375vw;
	line-height: .9375vw;
	position: absolute;
	bottom: .15vw;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	padding-left: 5px
}

.main .slideContainer .slideImgCon .slideNot {
	position: absolute;
	bottom: .25208vw;
	left: .9375vw;
	color: #fff
}

.main .slideContainer .popFb {
	width: 12.5vw;
	height: 4.0104vw
}

.main .slideContainer .popFb img {
	width: 100%;
	display: block
}

.main .slideContainer .popFb img:nth-child(2) {
	display: none
}

.main .slideContainer .popDiscode {
	width: 12.5vw;
	height: 4.0104vw
}

.main .slideContainer .popDiscode img {
	width: 100%;
	display: block
}

.main .slideContainer .popDiscode img:nth-child(2) {
	display: none
}

.main .slideContainer .androidDownload {
	width: 12.5vw;
	height: 4.0104vw;
	margin-top: .5vw
}

.main .slideContainer .androidDownload img {
	width: 100%;
	display: block
}

.main .slideContainer .androidDownload img:nth-child(2) {
	display: none
}

.main .slideContainer .popTww {
	display: none
}

.main .hzvideo {
	width: 70vw;
	height: 40vw;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2022;
	display: none
}

.main .showad {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2021;
	background: rgba(0, 0, 0, .5);
	display: none
}

@media screen and (max-width: 750px) {
	.errMask {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, .5);
		z-index: 2022
	}

	.errMask .errTip {
		width: 88.133vw;
		height: 158.933vw;
		position: relative;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%)
	}

	.errMask .errTip img {
		width: 100%;
		display: block
	}

	.errMask .errTip img:nth-child(1) {
		display: none
	}

	.errMask .errTip img:nth-child(2) {
		display: block
	}

	.errMask .errTip .errCancle {
		width: 56vw;
		height: 14.133vw;
		position: absolute;
		top: 58.0208vw;
		right: 14.7396vw;
		cursor: pointer
	}

	.errMask .errTip .errCancle img {
		width: 100%;
		display: block
	}

	.errMask .errTip .errCancle img:nth-child(1) {
		display: none
	}

	.errMask .errTip .errCancle img:nth-child(2) {
		display: block
	}

	.errMask .errTip .errConfim {
		width: 56vw;
		height: 14.133vw;
		position: absolute;
		top: 39.0208vw;
		left: 17.625vw;
		cursor: pointer
	}

	.errMask .errTip .errConfim img {
		width: 100%;
		display: block
	}

	.errMask .errTip .errConfim img:nth-child(1) {
		display: none
	}

	.errMask .errTip .errConfim img:nth-child(2) {
		display: block
	}

	.main {
		position: relative;
		display: none
	}

	.main .navContainer {
		width: 100vw;
		height: 6.9792vw;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, .8);
		z-index: 12;
		display: flex;
		align-items: center;
		display: none
	}

	.main .navContainer .logo {
		width: 14.4792vw;
		height: 6.1979vw;
		position: absolute;
		left: 13.2604vw;
		top: 50%;
		transform: translate(0, -50%)
	}

	.main .navContainer .logo img {
		width: 100%;
		display: block
	}

	.main .navContainer .navCon {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: absolute;
		right: 24.8958vw;
		top: 50%;
		transform: translate(0, -50%);
		color: #fff;
		font-size: 1.6vw;
		font-weight: 600
	}

	.main .navContainer .navCon .navItem {
		margin: 0 1vw;
		cursor: pointer;
		text-shadow: 2px 2px #b146df;
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	.main .navContainer .navCon .navItem .navbi {
		width: 10px;
		height: 10px;
		box-shadow: 2px 2px #b146df;
		transform: rotate(45deg);
		background: #fff;
		margin-right: 10px
	}

	.main .navContainer .navCon .navItem p {
		color: #fff
	}

	.main .mobNavIcon {
		width: 10.667vw;
		height: 6.933vw;
		position: absolute;
		top: 3.867vw;
		right: 3.333vw;
		z-index: 15;
		display: block
	}

	.main .mobNavIcon img {
		width: 100%;
		display: block
	}

	.main .navContainer1 {
		width: 100vw;
		height: 43.9792vw;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, .4);
		z-index: 15;
		display: flex;
		align-items: center;
		display: none
	}

	.main .navContainer1 .logo {
		width: 14.4792vw;
		height: 6.1979vw;
		position: absolute;
		left: 20.2604vw;
		top: 50%;
		transform: translate(0, -50%);
		display: none
	}

	.main .navContainer1 .logo img {
		width: 100%;
		display: block
	}

	.main .navContainer1 .navCon {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(0, -50%);
		color: #fff;
		font-size: 4.6vw;
		font-weight: 600;
		flex-direction: column;
		height: 100%;
		padding: 10px 0;
		width: 100%
	}

	.main .navContainer1 .navCon .navItem {
		margin: 0 1vw;
		cursor: pointer;
		text-shadow: 2px 2px #b146df;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #fff
	}

	.main .navContainer1 .navCon .navItem .navbi {
		width: 10px;
		height: 10px;
		box-shadow: 2px 2px #b146df;
		transform: rotate(45deg);
		background: #fff;
		margin-right: 10px
	}

	.main .navContainer1 .navCon .navItem p {
		color: #fff
	}

	.main .mainBg {
		width: 100vw;
		height: 676.25vw;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		margin-top: -1px
	}

	.main .mainBg img {
		width: 100%;
		height: 100%;
		display: block
	}

	.main .mainBg img:nth-child(1) {
		display: none
	}

	.main .mainBg img:nth-child(2) {
		display: block
	}

	.main .title {
		width: 100vw;
		height: 177.867vw;
		position: relative;
		top: 0;
		left: 0;
		overflow: hidden
	}

	.main .title img {
		width: 100%;
		display: block
	}

	.main .title img:nth-child(1) {
		display: none
	}

	.main .title img:nth-child(2) {
		display: block
	}

	.main .title .videoBg {
		display: none
	}

	.main .title .titleVideoBgMb {
		display: block;
		width: 100vw;
		height: 177.867vw
	}

	.main .title .titleVideoBgMb video {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0
	}

	.main .title #titleCanvas {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1
	}

	.main .title .google {
		width: 44.533vw;
		height: 12.933vw;
		position: fixed;
		bottom: 10vw;
		left: 27vw;
		cursor: pointer;
		z-index: 2
	}

	.main .title .google img {
		width: 130%;
		display: block
	}

	.main .title .google img:nth-child(1) {
		display: none
	}

	.main .title .google img:nth-child(2) {
		display: block
	}

	.main .title .apple1 {
		width: 44.533vw;
		height: 12.933vw;
		position: absolute;
		bottom: 32vw;
		left: 52vw;
		cursor: pointer;
		z-index: 2;
		display: none
	}

	.main .title .apple1 img {
		width: 130%;
		display: block
	}

	.main .title .apple1 img:nth-child(1) {
		display: none
	}

	.main .title .apple1 img:nth-child(2) {
		display: block
	}

	.main .title .Clique-em {
		width: 44.533vw;
		height: 12.933vw;
		position: absolute;
		bottom: 46vw;
		left: 27vw;
		cursor: pointer;
		z-index: 2
	}

	.main .title .Clique-em img {
		width: 100%;
		display: block
	}

	.main .title .Clique-em img:nth-child(1) {
		display: none
	}

	.main .title .Clique-em img:nth-child(2) {
		display: block
	}

	.main .title .PC {
		width: 44.533vw;
		height: 12.933vw;
		position: absolute;
		bottom: 15vw;
		left: 52vw;
		cursor: pointer;
		z-index: 2
	}

	.main .title .PC img {
		width: 100%;
		display: block
	}

	.main .title .PC img:nth-child(1) {
		display: none
	}

	.main .title .PC img:nth-child(2) {
		display: block
	}

	.main .title .apple {
		width: 14.4792vw;
		height: 4.2188vw;
		position: absolute;
		bottom: 12.6563vw;
		left: 25.4167vw;
		display: none
	}

	.main .title .apple img {
		width: 100%;
		display: block
	}

	.main .title .noxBox {
		width: 44.533vw;
		height: 12.933vw;
		position: absolute;
		bottom: 61vw;
		left: 52vw;
		cursor: pointer
	}

	.main .title .noxBox img {
		width: 100%;
		display: block
	}

	.main .title .noxBox img:nth-child(1) {
		display: none
	}

	.main .title .noxBox img:nth-child(2) {
		display: block
	}

	.main .title .scrollDown {
		width: 10.3125vw;
		height: 11.9271vw;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 0);
		animation: scrollDown 2500ms linear infinite;
		z-index: 10;
		display: none
	}

	.main .title .scrollDown img {
		width: 100%;
		display: block
	}

	.main .part1 {
		width: 100vw;
		height: 180vw;
		position: relative;
		top: 5.2083vw;
		left: 0;
		overflow: hidden
	}

	.main .part1 img {
		width: 100%;
		display: block
	}

	.main .part1 img:nth-child(1) {
		display: none
	}

	.main .part1 img:nth-child(2) {
		display: block
	}

	.main .part1 .partSwiperCon {
		width: 260vw;
		height: 56.267vw;
		position: absolute;
		top: 104vw;
		left: -35px;
		display: block;
		transform: rotate(352deg) !important
	}

	.main .part1 .partSwiperCon .perSwCo {
		width: 260vw;
		height: 56.267vw;
		animation: moveSlideshow 10s linear infinite
	}

	.main .part1 .partSwiperCon .perSwCo img {
		width: 100%;
		display: block
	}

	@keyframes moveSlideshow {
		100% {
			transform: translateX(-60.2%)
		}
	}

	.main .part1-5 {
		position: absolute;
		top: 360vw;
		right: 2vw
	}

	.main .part1-5 img {
		width: 7.5vw
	}

	.main .part2 {
		width: 100vw;
		height: 173.3333vw;
		position: relative;
		top: 11vw;
		left: 50%;
		transform: translate(-50%, 0)
	}

	.main .part2 .personPrime {
		position: absolute;
		top: 8.4vw;
		left: 31.2vw;
		color: #fff;
		font-size: 2.5vw
	}

	.main .part2 .personName {
		position: absolute;
		top: 1.8667vw;
		left: 5.6vw;
		font-size: 3vw;
		color: #f9e507;
		font-weight: 600
	}

	.main .part2 .personDesc {
		width: 94.1333vw;
		height: 44.9333vw;
		position: absolute;
		top: 93.0667vw;
		left: 50%;
		transform: translate(-50%, 0);
		z-index: 2
	}

	.main .part2 .personDesc img {
		width: 100%;
		display: block
	}

	.main .part2 .personDesc img:nth-child(1) {
		display: none
	}

	.main .part2 .personDesc img:nth-child(2) {
		width: 100%;
		display: block
	}

	.main .part2 .personDesc .personTxt {
		color: #fff;
		font-size: 1.25vw;
		position: absolute;
		top: 0;
		width: 485px;
		height: 278px;
		padding: 12px;
		font-weight: 600;
		letter-spacing: 2px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		display: none
	}

	.main .part2 .personInfo {
		width: 98.133vw;
		height: 102vw;
		position: absolute;
		top: 4vw;
		left: 50%;
		transform: translate(-50%, 0)
	}

	.main .part2 .personInfo img {
		width: 100%;
		display: block
	}

	.main .part2 .right {
		width: 6.5333vw;
		height: 9.8667vw;
		position: absolute;
		top: 154.1333vw;
		right: 0;
		cursor: pointer
	}

	.main .part2 .right img {
		width: 100%;
		display: block
	}

	.main .part2 .right img:nth-child(1) {
		display: none
	}

	.main .part2 .right img:nth-child(2) {
		width: 100%;
		display: block
	}

	.main .part2 .left {
		width: 6.5333vw;
		height: 9.8667vw;
		position: absolute;
		top: 154.1333vw;
		left: 0;
		cursor: pointer
	}

	.main .part2 .left img {
		width: 100%;
		display: block
	}

	.main .part2 .left img:nth-child(1) {
		display: none
	}

	.main .part2 .left img:nth-child(2) {
		width: 100%;
		display: block
	}

	.main .part2 .personIcon {
		width: 88.6667vw;
		height: 15vw;
		position: absolute;
		top: 153vw;
		left: 6.2667vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.main .part2 .personIcon .active {
		transform: scale(1.1)
	}

	.main .part2 .personIcon .personIconItem1 {
		width: 14.2667vw;
		height: 13.7333vw;
		background: url("../images/picon1.png") no-repeat;
		background-size: 100%
	}

	.main .part2 .personIcon .personIconItem2 {
		width: 14.2667vw;
		height: 13.7333vw;
		background: url("../images/picon2.png") no-repeat;
		background-size: 100%
	}

	.main .part2 .personIcon .personIconItem3 {
		width: 14.2667vw;
		height: 13.7333vw;
		background: url("../images/picon3.png") no-repeat;
		background-size: 100%
	}

	.main .part2 .personIcon .personIconItem4 {
		width: 14.2667vw;
		height: 13.7333vw;
		background: url("../images/picon4.png") no-repeat;
		background-size: 100%
	}

	.main .part2 .personIcon .personIconItem5 {
		width: 14.2667vw;
		height: 13.7333vw;
		background: url("../images/picon5.png") no-repeat;
		background-size: 100%
	}

	.main .part2 .personIcon .personIconItem6 {
		width: 14.2667vw;
		height: 13.7333vw;
		background: url("../images/picon6.png") no-repeat;
		background-size: 100%
	}

	.main .part2 .personIcon .personIconItem7 {
		width: 14.2667vw;
		height: 13.7333vw;
		background: url("../images/picon7.png") no-repeat;
		background-size: 100%
	}

	.main .part2 .personIcon .personIconItem8 {
		width: 14.2667vw;
		height: 13.7333vw;
		background: url("../images/picon8.png") no-repeat;
		background-size: 100%
	}

	.main .part2 .personIcon .personIconItem9 {
		width: 14.2667vw;
		height: 13.7333vw;
		background: url("../images/picon9.png") no-repeat;
		background-size: 100%
	}

	.main .part2 .personIcon .personIconItem10 {
		width: 14.2667vw;
		height: 13.7333vw;
		background: url("../images/picon10.png") no-repeat;
		background-size: 100%
	}

	.main .part2 .personIcon .personIconItem11 {
		width: 14.2667vw;
		height: 13.7333vw;
		background: url("../images/picon11.png") no-repeat;
		background-size: 100%
	}

	.main .part2 .personIcon .personIconItem12 {
		width: 14.2667vw;
		height: 13.7333vw;
		background: url("../images/picon12.png") no-repeat;
		background-size: 100%
	}

	.main .part2 .personIcon .personIconItem13 {
		width: 14.2667vw;
		height: 13.7333vw;
		background: url("../images/picon13.png") no-repeat;
		background-size: 100%;
		display: none
	}

	.main .part2 .personIcon .personIconItem14 {
		width: 14.2667vw;
		height: 13.7333vw;
		background: url("../images/picon14.png") no-repeat;
		background-size: 100%;
		display: none
	}

	.main .part2 .personIcon .personIconItem15 {
		width: 14.2667vw;
		height: 13.7333vw;
		background: url("../images/picon15.png") no-repeat;
		background-size: 100%;
		display: none
	}

	.main .part2 .personIcon .personIconItem16 {
		width: 14.2667vw;
		height: 13.7333vw;
		background: url("../images/picon16.png") no-repeat;
		background-size: 100%;
		display: none
	}

	.main .part2 .videoContainer {
		width: 35vw;
		height: 20vw;
		position: absolute;
		top: 71vw;
		left: 62vw
	}

	.main .part2 .videoContainer .videoTxt {
		width: 17vw;
		height: 3vw;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		display: none
	}

	.main .part2 .videoContainer .videoTxt img {
		width: 100%;
		display: block
	}

	.main .part2 .videoContainer .videoAnt {
		width: 35vw;
		height: 20vw;
		position: absolute;
		top: 0;
		right: 0
	}

	.main .part2 .videoContainer .videoAnt img {
		width: 100%;
		display: block
	}

	.main .part3 {
		width: 100vw;
		height: 56.25vw;
		position: relative;
		top: 9.5vw;
		left: 0;
		display: none
	}

	.main .part3 img {
		width: 100%;
		display: block
	}

	.main .part3 .noticeContainer {
		width: 59.1146vw;
		height: 27.6979vw;
		position: absolute;
		top: 23.75vw;
		left: 50%;
		transform: translate(-50%, 0);
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: space-between;
		overflow: hidden
	}

	.main .part3 .noticeContainer .noticeItem {
		width: 14.1667vw;
		height: 13.0729vw;
		display: flex;
		flex-direction: column
	}

	.main .part3 .noticeContainer .noticeItem .notImg {
		width: 14.1667vw;
		height: 7.9167vw
	}

	.main .part3 .noticeContainer .noticeItem .notImg img {
		width: 100%;
		display: block
	}

	.main .part3 .noticeContainer .noticeItem .notTxt {
		display: flex;
		flex-direction: column;
		margin-top: 5px
	}

	.main .part3 .noticeContainer .noticeItem .notTxt p {
		margin: 5px 0
	}

	.main .part3 .noticeContainer .noticeItem .notTxt p:nth-child(1) {
		font-size: 1.2vw
	}

	.main .swiperPerson {
		width: 100vw;
		height: 34.8vw;
		position: relative;
		top: 21.8vw;
		left: 0;
		display: flex;
		justify-content: space-between
	}

	.main .swiperPerson .swiperContainer {
		width: 100vw;
		height: 34.8vw;
		display: flex;
		justify-content: space-between
	}

	.main .swiperPerson .swiperContainer .swiper-slide {
		width: 18.9333vw !important;
		height: 34.8vw !important
	}

	.main .swiperPerson .swiperContainer .swiper-slide img {
		width: 100%;
		display: block
	}

	.main .swiperPerson .swiperContainer .personItem6 {
		display: none
	}

	.main footer {
		width: 100vw;
		height: 82vw;
		position: relative;
		top: 27.45vw;
		left: 0
	}

	.main footer .footerLogo {
		width: 47.467vw;
		height: 24.933vw;
		position: absolute;
		top: 4vw;
		left: 26vw
	}

	.main footer .footerLogo img {
		width: 100%;
		display: block
	}

	.main footer .footerLogo img:nth-child(1) {
		display: none
	}

	.main footer .footerLogo img:nth-child(2) {
		display: block
	}

	.main footer .footerLinkBox {
		width: 90vw;
		height: 12.4vw;
		position: absolute;
		top: 30vw;
		left: 5vw;
		display: flex;
		flex-direction: row;
		align-content: center;
		justify-content: space-between
	}

	.main footer .footerLinkBox .footerApk {
		width: 42.533vw;
		height: 12.133vw;
		cursor: pointer
	}

	.main footer .footerLinkBox .footerApk img {
		width: 100%;
		display: block
	}

	.main footer .footerLinkBox .footerApk img:nth-child(1) {
		display: none
	}

	.main footer .footerLinkBox .footerApk img:nth-child(2) {
		display: block
	}

	.main footer .footerLinkBox .footerNox {
		width: 42.533vw;
		height: 12.133vw;
		cursor: pointer
	}

	.main footer .footerLinkBox .footerNox img {
		width: 100%;
		display: block
	}

	.main footer .footerLinkBox .footerNox img:nth-child(1) {
		display: none
	}

	.main footer .footerLinkBox .footerNox img:nth-child(2) {
		display: block
	}

	.main footer .fotterContact {
		width: 64vw;
		height: 25vw;
		position: absolute;
		top: 49vw;
		right: 20vw;
		display: none;
		flex-direction: column;
		justify-content: space-between;
		align-items: center
	}

	.main footer .fotterContact .conTxt {
		color: #fff;
		font-weight: 600
	}

	.main footer .fotterContact .conChannel {
		display: flex;
		justify-content: center;
		align-items: center
	}

	.main footer .fotterContact .conChannel .contactTele {
		width: 12.267vw;
		height: 12.267vw
	}

	.main footer .fotterContact .conChannel .contactTele img {
		width: 100%;
		display: block
	}

	.main footer .fotterContact .conChannel .contactTele img:nth-child(1) {
		display: none
	}

	.main footer .fotterContact .conChannel .contactTele img:nth-child(2) {
		display: block
	}

	.main footer .fotterContact .conChannel .contactFb {
		width: 12.267vw;
		height: 12.267vw;
		margin: 0 10px
	}

	.main footer .fotterContact .conChannel .contactFb img {
		width: 100%;
		display: block
	}

	.main footer .fotterContact .conChannel .contactFb img:nth-child(1) {
		display: none
	}

	.main footer .fotterContact .conChannel .contactFb img:nth-child(2) {
		display: block
	}

	.main footer .fotterContact .conChannel .contactDis {
		width: 12.267vw;
		height: 12.267vw
	}

	.main footer .fotterContact .conChannel .contactDis img {
		width: 100%;
		display: block
	}

	.main footer .fotterContact .conChannel .contactDis img:nth-child(1) {
		display: none
	}

	.main footer .fotterContact .conChannel .contactDis img:nth-child(2) {
		display: block
	}

	.main footer .fotterContact .conChannel .contactTwtt {
		width: 12.267vw;
		height: 12.267vw;
		margin: 0 10px;
		display: none
	}

	.main footer .fotterContact .conChannel .contactTwtt img {
		width: 100%;
		display: block
	}

	.main .slideContainer {
		width: 15%;
		height: 60vw;
		position: fixed;
		right: 0;
		top: 50vw;
		display: unset;
		flex-direction: unset;
		align-items: unset;
		z-index: 12
	}

	.main .slideContainer .slideImgCon {
		width: 77vw;
		height: 40vw;
		position: relative;
		top: 11vw;
		left: 50%;
		transform: translate(-50%, 0);
		background: #db0c87;
		border-radius: 8px;
		display: none
	}

	.main .slideContainer .slideImgCon img {
		width: 100%;
		display: block
	}

	.main .slideContainer .slideImgCon img:nth-child(1) {
		display: none
	}

	.main .slideContainer .slideImgCon .imgItem {
		width: 72.4vw;
		height: 30vw;
		position: absolute;
		top: 3vw;
		left: 50%;
		transform: translate(-50%, 0)
	}

	.main .slideContainer .slideImgCon .imgItem img {
		width: 100%;
		display: block
	}

	.main .slideContainer .slideImgCon .imgItem .slideTime {
		width: 100%;
		height: 6vw;
		line-height: 6vw;
		position: absolute;
		bottom: .15vw;
		background: rgba(0, 0, 0, .5);
		color: #fff;
		padding-left: 5px
	}

	.main .slideContainer .slideImgCon .slideNot {
		position: absolute;
		bottom: 1vw;
		left: 5vw;
		color: #fff
	}

	.main .slideContainer .popFb {
		width: 100%;
		height: 15.267vw;
		position: absolute;
		top: 0;
		left: 0
	}

	.main .slideContainer .popFb img {
		width: 100%;
		display: block
	}

	.main .slideContainer .popFb img:nth-child(1) {
		display: none
	}

	.main .slideContainer .popFb img:nth-child(2) {
		display: block
	}

	.main .slideContainer .popDiscode {
		width: 100%;
		height: 15.267vw;
		position: absolute;
		top: 18vw;
		left: 0
	}

	.main .slideContainer .popDiscode img {
		width: 100%;
		display: block
	}

	.main .slideContainer .popDiscode img:nth-child(1) {
		display: none
	}

	.main .slideContainer .popDiscode img:nth-child(2) {
		display: block
	}

	.main .slideContainer .androidDownload {
		width: 100%;
		height: 15.267vw;
		position: absolute;
		top: 38vw;
		left: 0
	}

	.main .slideContainer .androidDownload img {
		width: 100%;
		display: block
	}

	.main .slideContainer .androidDownload img:nth-child(1) {
		display: none
	}

	.main .slideContainer .androidDownload img:nth-child(2) {
		display: block
	}

	.main .slideContainer .popTww {
		width: 32.267vw;
		height: 10.267vw;
		position: absolute;
		top: 0;
		left: 67vw;
		display: block
	}

	.main .slideContainer .popTww img {
		width: 100%;
		display: block
	}

	.main .hzvideo {
		width: 98vw;
		height: 55vw;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2022;
		display: none
	}
}