body::-webkit-scrollbar {
	display: none;
}

@font-face {
	font-family: 'Source Han Serif SC';
	src: url('./font/SourceHanSerifSC-Bold.otf') format('opentype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Source Han Serif SC';
	src: url('./font/SourceHanSerifSC-SemiBold.otf') format('opentype');
	font-weight: 600;
	/* 半加粗常用 600 权重，可按需调整 */
	font-style: normal;
}

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* 页面容器 */
.page-container {
	display: flex;
	width: 600%;
	/* 两个页面的宽度 */
	height: 100vh;
	transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.5s ease;
}

/* 当前激活的背景显示 */
.active .homeBG,
.active .DLCBG {
	opacity: 1;
}

/* 页面内容 */
.page-content {
	opacity: 0;
	transform: translateY(250px);
	transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s;
}

/* 当前激活的页面内容显示 */
.active .page-content {
	opacity: 1;
	transform: translateY(0);
}

.main {
	width: calc(100%/6);
	height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main .homeBG {
	width: 100%;
	height: 100vh;
	position: absolute;
	transition: opacity 0.8s ease;
}

.main .homeVideoBG {
	width: 100%;
	height: 100vh;
	object-fit: cover;
	position: absolute;
}

.main .cadpa {
	width: 73px;
	height: 93px;
	position: absolute;
	left: 6.77%;
	top: 72.22%;
	cursor: pointer;
}

.main .guanzhu {
	width: 187px;
	height: 430px;
	position: absolute;
	left: 87.1%;
	top: 23.8%;
}

.main .downloadDisplay {
	width: 896px;
	height: 191px;
	position: absolute;
	left: 28.59%;
	top: 64.07%;
}

.main .downloadDisplay .downloadBG {
	width: 100%;
	position: absolute;
}

.main .downloadDisplay .downCode {
	width: 136px;
	height: 136px;
	position: absolute;
	left: 8.46%;
	top: 14.14%;
}

.main .downloadDisplay .AndroidDown {
	width: 204px;
	height: 61px;
	position: absolute;
	left: 27.57%;
	top: 14.66%;
	cursor: pointer;
}

.main .downloadDisplay .appleDown {
	width: 204px;
	height: 61px;
	position: absolute;
	left: 27.57%;
	top: 51.83%;
	cursor: pointer;
}

.main .downloadDisplay .gift {
	width: 117px;
	height: 126px;
	position: absolute;
	left: 54.53%;
	top: 16.23%;
	cursor: pointer;
}

.main .downloadDisplay .PCDown {
	width: 204px;
	height: 61px;
	position: absolute;
	left: 70.59%;
	top: 14.66%;
	cursor: pointer;
}

.main .downloadDisplay .oldVersionDowm {
	width: 204px;
	height: 61px;
	position: absolute;
	left: 70.59%;
	top: 51.83%;
	cursor: pointer;
}

@keyframes slideDownBounce {
	0% {
		transform: translateY(0);
	}

	/* 25% {
		transform: translateY(5px);
	}
	
	50% {
		transform: translateY(10px);
	} */

	75% {
		transform: translateY(15px);
	}

	100% {
		transform: translateY(0);
	}
}


.main .show {
	width: 357px;
	height: 65px;
	position: absolute;
	left: 40.73%;
	top: 85.65%;
	animation: slideDownBounce 1.5s ease infinite;
}

.DLC {
	width: calc(100%/6);
	height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.DLC .DLCBG {
	width: 100%;
	height: 100vh;
	position: absolute;
}

.DLC .DLCVideoBG {
	width: 100%;
	height: 100vh;
	position: absolute;
	object-fit: cover;
}

.DLC .dlcContent {
	width: 1665px;
	height: 778px;
	position: absolute;
	top: 14.44%;
	left: 6.82%;
}

.DLC .dlcContent .DlcContentBG {
	width: 1439px;
	height: 778px;
	position: absolute;
}

.DLC .dlcContent .Content {
	width: 1365px;
	height: 570px;
	position: absolute;
	top: 18.89%;
	left: 2.27%;
}

.DLC .dlcContent .DlcSel {
	width: 212px;
	height: 549px;
	position: absolute;
	top: 20.18%;
	left: 87.27%;
}

.DLC .dlcContent .DlcSel .selMenu {
	width: 155px;
	height: 345px;
	position: absolute;
	top: 17.67%;
	left: 12.74%;
}

.DLC .dlcContent .DlcSel .selMenu .menuLiSel {
	width: 155px;
	height: 48px;
	margin: 14px auto;
	display: inline-block;
	cursor: pointer;
}

.DLC .dlcContent .DlcSel .selMenu .menuLiNoSel {
	width: 155px;
	height: 48px;
	margin: 14px auto;
	display: inline-block;
	cursor: pointer;
}

.DLC .dlcContent .DlcSel .selMenu .menuLiNoSel .imgCenter {
	width: 86px;
	height: 20px;
	display: inline-block;
	margin: 9px 34.5px;
}

.news {
	width: calc(100%/6);
	height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.news .newsBG {
	width: 100%;
	height: 100vh;
	position: absolute;
}

.news .newsVideoBG {
	width: 100%;
	height: 100vh;
	position: absolute;
	object-fit: cover;
}

.news .bannerBG {
	width: 1440px;
	height: 778px;
	position: absolute;
	top: 138px;
	left: 240px;
}

.news .banner {
	width: 640px;
	height: 320px;
	position: absolute;
	top: 319px;
	left: 296px;
}

.bannerSel {
	width: 120px !important;
	height: 11px;
	position: absolute;
	margin-left: 517px;
	z-index: 100;
}

.pointer {
	width: 10px;
	height: 10px;
	float: left;
	margin-left: 13px;
	background-color: #e4cc9c;
	border: #fcf9c1 solid 1px;
	border-radius: 5px;
}

.pointerActive {
	width: 10px;
	height: 10px;
	float: left;
	margin-left: 13px;
	background-color: #ffffff;
	border: #ffffff solid 1px;
	border-radius: 5px;
}

.newsTips {
	width: 640px;
	height: 80px;
	position: absolute;
	top: 639px;
	left: 296px;
	background-color: #fff;

	font-family: Source Han Serif SC;
	font-weight: 600;
	font-size: 20px;
	color: #4A4949;
	line-height: 80px;
}

.tips {
	position: absolute;
	left: 27px;
}

.tipsTime {
	position: absolute;
	right: 23px;
}

.newsType {
	width: 638px;
	height: 63px;
	position: absolute;
	/* border: red solid 1px; */
	top: 320px;
	left: 985px;
}

.newsType .type {
	width: 109px;
	height: 41px;
	float: left;
	margin: 11px 25.5px 0 25px;

	text-align: center;
	line-height: 41px;
	font-family: Source Han Serif SC;
	font-weight: 600;
	font-size: 28px;
	color: #4E4336;
	cursor: pointer;
}

.newsType .typeActive {
	color: #F8F4E9;
	background-image: url("../../upload/img/newsTypeSel.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.newsList {
	width: 587px;
	position: absolute;
	top: 400px;
	left: 1010px;
}

.newsList .newsInfo {
	width: 561px;
	height: 47px;

	font-family: Source Han Serif SC;
	font-weight: 600;
	font-size: 24px;
	color: #4A4949;
	line-height: 47px;
	cursor: pointer;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 26px;
}

.newsList .newsInfo:hover {
	color: #FFF8E6;
	background-image: url("../../upload/img/infoSel.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.Guide {
	width: 1400px;
	height: 120px;
	position: absolute;
	top: 761px;
	left: 296px;
}

.Guide .list {
	width: 296px;
	height: 120px;
	float: left;
	margin-right: 48px;
	cursor: pointer;
}

.Guide .list a img {
	width: 100%;
}

.encyclopediaM {
	width: calc(100%/6);
	height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.encyclopediaM .encyclopediaBG {
	width: 100%;
	height: 100vh;
	position: absolute;
}

.encyclopediaM .encyclopediaMVideoBG {
	width: 100%;
	height: 100vh;
	position: absolute;
	object-fit: cover;
}

.encyclopediaM .encyclopediaContent {
	width: 1075;
	height: 711px;
	position: absolute;
	top: 13.15%;
	left: 12.29%;
}

.encyclopediaM .encyclopediaContent .encyclopediaContentBG {
	width: 1075;
	height: 711px;
	position: absolute;
}

.encyclopedianewinfo {
	width: 204px;
	height: 427px;
	position: absolute;
	top: 207px;
	left: 183px;
	cursor: pointer;
}

.encyclopediagameinfo {
	width: 204px;
	height: 427px;
	position: absolute;
	top: 207px;
	left: 441px;
	cursor: pointer;
}

.encyclopediasysinfo {
	width: 204px;
	height: 427px;
	position: absolute;
	top: 207px;
	left: 700px;
	cursor: pointer;
}

.videoCenterM {
	width: calc(100%/6);
	height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.videoCenterBG {
	width: 100%;
	height: 100vh;
	position: absolute;
}

.videoCenterM .videoCenterMVideoBG {
	width: 100%;
	height: 100vh;
	position: absolute;
	object-fit: cover;
}

.videoCenterContent {
	width: 1460px;
	height: 800px;
	position: absolute;
	top: 12.96%;
	left: 11.41%;
}

.videoCenterM .videoCenterContent .videoCenterContentBG {
	width: 1460px;
	height: 800px;
	position: absolute;
}

.video1 {
	width: 656px;
	height: 342px;
	position: absolute;
	top: 172px;
	left: 69px;
	object-fit: cover;
}

.video2 {
	width: 656px;
	height: 342px;
	position: absolute;
	top: 172px;
	left: 757px;
	object-fit: cover;
}

.wallpaper1 {
	width: 428px;
	height: 216px;
	position: absolute;
	top: 545px;
	left: 69px;
}

.wallpaper2 {
	width: 428px;
	height: 216px;
	position: absolute;
	top: 545px;
	left: 526px;
}

.wallpaper3 {
	width: 428px;
	height: 216px;
	position: absolute;
	top: 545px;
	left: 985px;
}

.video1play {
	width: 92px;
	height: 92px;
	position: absolute;
	top: 278px;
	left: 347px;
	cursor: pointer;
}

.video2play {
	width: 92px;
	height: 92px;
	position: absolute;
	top: 278px;
	left: 1043px;
	cursor: pointer;
}

.contactM {
	width: calc(100%/6);
	height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contactBG {
	width: 100%;
	height: 100vh;
	position: absolute;
}

.contactBG .contactBGVideoBG {
	width: 100%;
	height: 100vh;
	position: absolute;
	object-fit: cover;
}

.contactContent {
	width: 1010px;
	height: 613px;
	position: absolute;
	top: 12.96%;
	left: 23.7%;
}

.contactM .contactContent .contactContentBG {
	width: 1010px;
	height: 613px;
	position: absolute;
}

.footer {
	width: 100%;
	height: 240px;
	position: absolute;
	bottom: 0;
}

.giftAlter {
	width: 427px;
	height: 407px;
	position: fixed;
	top: 336px;
	left: 746px;
	z-index: 200;
	display: none;
}

.kefuAlter {
	width: 427px;
	height: 407px;
	position: fixed;
	top: 336px;
	left: 746px;
	z-index: 200;
	display: none;
}

.cadpaAlter {
	width: 1040px;
	height: 649px;
	position: fixed;
	top: 244px;
	left: 440px;
	z-index: 200;
	display: none;
}

.cadpaTitle {
	width: 600px;
	height: 68px;
	position: absolute;
	top: 40px;
	left: 220px;
}

.cadpaContent {
	width: 871px;
	height: 376px;
	position: absolute;
	top: 162px;
	left: 84px;

	font-family: SimSun;
	font-weight: 400;
	font-size: 16px;
	color: #C3BEB4;
	line-height: 30px;
	overflow-y: scroll;
}

.cadpaClose {
	width: 41px;
	height: 41px;
	position: absolute;
	top: 207px;
	left: 1495px;

	display: none;
}

.close {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 210;
}

.cadpaAlterBG {
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000000;
	opacity: 0.5;
	display: none;
}

.tiba {
	width: 210px;
	height: 240px;
	position: absolute;
	top: 281px;
	left: 677px;
	cursor: pointer;
}

.icp {
	width: 410px;
	height: 20px;
	position: absolute;
	bottom: 110px;
	cursor: pointer;
}

.grayNone {
	filter: grayscale(100%);
	filter: gray;
	pointer-events: none;
}