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

#launch-btn {
    display: block;
    position: fixed;
    right: 5px;
    width: 80px;
    top: calc(5vh-27px);
}

#unity-container {
	position: absolute;
	top: 0px;
	overflow: hidden;
	height: 100%;
}

#unity-container.unity-desktop {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#unity-container.unity-mobile {
	width: 100%;
	height: 100%
}

#unity-canvas {
	background: #231F20
}

.unity-mobile #unity-canvas {
	width: 100%;
	height: 100%
}

#unity-loading-bar {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none
}

#unity-logo {
	width: 154px;
	height: 130px;
	background: url('unity-logo-dark.png') no-repeat center
}

#unity-progress-bar-empty {
	width: 141px;
	height: 18px;
	margin-top: 10px;
	margin-left: 6.5px;
	background: url('progress-bar-empty-dark.png') no-repeat center
}

#unity-progress-bar-full {
	width: 0%;
	height: 18px;
	margin-top: 10px;
	background: url('progress-bar-full-dark.png') no-repeat center
}

#unity-footer {
	position: relative
}

.unity-mobile #unity-footer {
	display: none
}

#unity-webgl-logo {
	float: left;
	width: 204px;
	height: 38px;
	background: url('webgl-logo.png') no-repeat center
}

#unity-build-title {
	float: right;
	margin-right: 10px;
	line-height: 38px;
	font-family: arial;
	font-size: 18px
}

#unity-fullscreen-button {
	float: right;
	width: 38px;
	height: 38px;
	background: url('fullscreen-button.png') no-repeat center
}

#unity-warning {
	position: absolute;
	left: 50%;
	top: 5%;
	transform: translate(-50%);
	background: white;
	padding: 10px;
	display: none
}

.toast-top-center {
	top: 7% !important;
}

.image_preview {
		width: 100%;
		height: 100%;
		/* 背景图垂直、水平均居中 */
		background-position: center center;
		/* 背景图不平铺 */
		background-repeat: no-repeat;
		/* 让背景图基于容器大小伸缩 */
		background-size: 100% 100%;
		/* background-color: #ffffff; */
		/* border: 1px solid #B8B8B8; */
		/* box-shadow: 3px 2px 13px 0px rgba(13, 54, 64, 0.33); */
		display: flex;
		margin: auto;
		overflow: hidden;
}

/*定义竖屏 css*/
@media screen and (orientation:portrait) {
	.win_msg {
		position: absolute;
		background: rgba(68, 49, 67, 0.6);
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 9999;
		display: none;
	}

	.win-msg-cent {
		width: 70vw;
		height: 26vh;
		position: relative;

		background: linear-gradient(180deg, rgba(255, 218, 151, 0) 0%, #F3C4C9 51%, rgba(231, 172, 255, 0) 100%);
		border-radius: 10px;
		background: url('../TemplateData/login-panel.png') no-repeat center;
		background-size: 100% 100%;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-direction: column;
	}

	.win_msg .text {
		width: 70%;
		font-size: 22px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFDED;
	}

	.win_msg .text1 {
		font-size: 3vw;
	}

	.win_msg .btn {
		position: absolute;
		top: 336px;
		left: 78px;
		cursor: pointer;

		width: 488px;
		height: 51px;
		background: linear-gradient(180deg, #FFB838 0%, #8800FF 100%);
		box-shadow: 0px 6px 5px 0px rgba(25, 50, 74, 0.35);
		border-radius: 10px;

		font-size: 20px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFDED;
		text-shadow: 0px 1px 3px rgba(49, 79, 154, 0.77);

		display: flex;
		align-items: center;
		justify-content: center;
	}

	.btn_div {
		width: 65%;
		display: flex;
		justify-content: space-between;
	}

	.btn_div1 {
		left: 256px;
		width: auto;
	}


	.btn_div .btn_q {
		width: 80px;
		height: 30px;
	}

	.btn_div .btn_cj {
		cursor: pointer;
		background: linear-gradient(180deg, #FFB838 0%, #8800FF 100%);
		box-shadow: 0px 6px 5px 0px rgba(25, 50, 74, 0.35);
		border-radius: 10px;

		font-size: 14px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: white;
		text-shadow: 0px 1px 3px rgba(49, 79, 154, 0.77);

		display: flex;
		align-items: center;
		justify-content: center;
	}

	.btn_div .btn_qx {
		cursor: pointer;
		background: linear-gradient(0deg, #D4D2D2 0%, #A1A1A1 100%);
		box-shadow: 0px 6px 5px 0px rgba(25, 50, 74, 0.35);
		border-radius: 10px;

		font-size: 14px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: white;
		text-shadow: 0px 1px 3px rgba(49, 79, 154, 0.77);

		display: flex;
		align-items: center;
		justify-content: center;
	}

	.close-btn {
		position: absolute;
		right: 1px;
		top: 1px;
		width: 40px;
		cursor: pointer;
	}

	.app-condition {
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
		display: none;
		z-index: 2;
		position: absolute;
		background: #000000b8;
	}

	.condition-panel2 {
		width: 80vw;
		height: 30vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: relative;
	}

	.zidongmanyou-bg {
		position: relative;
		display: flex;
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
	}

	.zidongmanyou-bg img:nth-child(1) {
		position: absolute;
		width: 100%;
		height: 100%;
	}

	.zidongmanyou-bg img:nth-child(2) {
		position: absolute;
		width: 78%;
		top: 3vh;
	}

	.zidongmanyou-btn {
		display: flex;
		justify-content: space-around;
		position: absolute;
		bottom: 3vh;
		width: 75%;
	}

	.zidongmanyou-btn img {
		width: 40%;
		height: auto;
	}


	.load_bk_webgl_video {
		display: none;
		width: 100%;
		height: 100%;
		object-fit: fill;
		position: absolute;
	}

	.load_bk_webgl_video_text {
		position: absolute;
		right: 23px;
		top: 13vh;
		font-weight: bold;
		color: #FFFFFF;
		font-size: 20px;
		cursor: pointer;
		z-index: 9;
		display: none;
	}

	.playvideo {
		position: absolute;
		bottom: 133px;
		width: 158px;
		cursor: pointer;
		z-index: 9;
		display: none;
	}

	.messageBox {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 999999;
		background: rgba(22, 22, 22, 0.8);
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.win1::after {
		content: "";
		background-image: url(../TemplateData/app_bg.png);
		background-size: 100% 100%;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
	}

	.win1 {
		/* min-height: 444px; */
		width: 80vw;
		height: 60vh;
		min-height: 463px;
		background: linear-gradient(180deg, rgba(255, 218, 151, 1) 0%, #F3C4C9 100%, rgba(231, 172, 255, 1) 100%);
		box-shadow: 3px 2px 13px 0px rgba(13, 54, 64, 0.56);
		border-radius: 20px;
		border-radius: 1.25rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		display: none;
	}

	.win1 .title {
		/* width: 10.5rem; */
		/* height: 1.5rem; */
		font-size: 5vw;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #FFFFFF;
		text-shadow: 1px 1px 6px rgba(13, 54, 64, 0.56);
		margin-top: 32px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.win1 .input-div {
		/* width: 15.4167rem;
    height: 3.0833rem; */
		/* background-image: url("input-img.png"); */
		/* 背景图垂直、水平均居中 */
		/* background-position: center center; */
		/* 背景图不平铺 */
		/* background-repeat: no-repeat; */
		/* 让背景图基于容器大小伸缩 */
		/* background-size: cover;
    margin-top: 1.2917rem; */


		width: 60vw;
		height: 5vh;
		min-height: 40px;
		/* 背景图垂直、水平均居中 */
		background-position: center center;
		/* 背景图不平铺 */
		background-repeat: no-repeat;
		/* 让背景图基于容器大小伸缩 */
		background-size: 100% 100%;
		margin-top: 15px;
		background-color: #ffffff;
		border: 1px solid #B8B8B8;
		box-shadow: 3px 2px 13px 0px rgba(13, 54, 64, 0.33);
		border-radius: 10px;
		display: flex;
	}

	.win1 .input-div input {
		width: 60vw;
		height: 40px;
		min-height: 40px;
		padding-left: 3vw;
		border: none;
		background: rgba(255, 255, 255, 0);
		font-weight: bold;
		color: #2C2C2C;
		text-shadow: 0.005208rem 0.005208rem 0.03125rem rgba(13, 54, 64, 0.1);
		font-size: 12px;
	}

	.win3 {
		width: 100vw;
		height: 100vh;
		z-index: 999;
		position: absolute;
		background: rgba(0, 0, 0,0.5);
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
		display: none;
	}

	.win3 iframe {
		width: 100%;
		height: 100%;
		border: none;
	}

	.win3 .close_btn {
		position: absolute;
		right: 0px;
		top: 0px;
		cursor: pointer;
		width: 6vw;
		background: black;
	}

	.win2 {
		min-height: 444px;
		width: 80vw;
		height: 60vh;
		/* background: linear-gradient(20deg, #F2FFF6 0%, #00B878 100%); */
		background-image: url("../TemplateData/app_bg.png");
		background-size: 100% 100%;
		/* box-shadow: 3px 2px 13px 0px rgba(13, 54, 64, 0.56); */
		border-radius: 20px;
		border-radius: 1.25rem;
		display: static;
		flex-direction: column;
		align-items: center;
		display: none;
		z-index: 1;
		position: absolute;
		left: 10vw;
		top: 21vh;
	}

	.win2 .title {
		font-size: 4.5vw;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #FFFFFF;
		text-shadow: 1px 1px 6px rgba(13, 54, 64, 0.56);
		margin-top: 2vh;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.win2 .map_close_btn {
		position: absolute;
		top: 1vh;
		right: 1vw;
		width: 9vw;
	}

	.win2 .input-div {
		/* width: 60vw; */
		width: 90%;
		height: 74%;
		/* 背景图垂直、水平均居中 */
		background-position: center center;
		/* 背景图不平铺 */
		background-repeat: no-repeat;
		/* 让背景图基于容器大小伸缩 */
		background-size: 100% 100%;
		/* background-color: #ffffff; */
		/* border: 1px solid #B8B8B8; */
		/* box-shadow: 3px 2px 13px 0px rgba(13, 54, 64, 0.33); */
		border-radius: 10px;
		display: flex;
		margin: auto;
		margin-top: 2%;
		overflow: hidden;
	}

	.scene_to_btn_list {
		width: 90%;
		margin: auto;
		height: 15%;
		display: flex;
		align-items: center;
		overflow-x: scroll;
	}

	.scene_to_btn_list button {
		border: none;
		margin: 0px 10px;
		min-width: 150px;
		height: 30px;
		background-color: #B5B5B5;
		border-radius: 10px;
		/* background: linear-gradient(180deg, #5CF585 0%, #10C1C1 100%); */
		background: linear-gradient(180deg, #FFB838 0%, #8800FF 100%);
		cursor: pointer;
		color: white;
	}

	input:focus {
		outline: none;
	}

	.win1 .input-div input::-webkit-input-placeholder {
		/* WebKit browsers */
		/* color: #E4E3E3; */
		font-size: 12px;
	}

	.win1 .input-div input:-moz-placeholder {
		/* Mozilla Firefox 4 to 18 */
		/* color: #E4E3E3; */
		font-size: 12px;
	}

	.win1 .input-div input::-moz-placeholder {
		/* Mozilla Firefox 19+ */
		/* color: #E4E3E3; */
		font-size: 12px;
	}

	.win1 .input-div input:-ms-input-placeholder {
		/* Internet Explorer 10+ */
		/* color: #E4E3E3; */
		font-size: 12px;
	}

	.win1 .tx-list {
		width: 60vw;
		height: 30vh;
		min-height: 232px;
		display: block;
		flex-direction: row;
		margin-top: 15px;
		overflow: scroll;


		/*隐藏滚动条，当IE下溢出，仍然可以滚动*/
		-ms-overflow-style: none;
		/*火狐下隐藏滚动条*/
		scrollbar-width: none;
	}

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

	.win1 .tx-list img {
		width: 15vw;
		height: 15vw;
		/* box-shadow: .125rem .0833rem .5417rem 0px rgba(13, 54, 64, 0.56); */
		/* border-radius: 15vw; */
		margin: 2vw;
		cursor: pointer;
	}

	.win1 .tx-list .sel {
		box-shadow: 0 0 .5417rem .125rem rgba(255, 251, 0, 0.56);
	}

	.win1 .btn-list {
		display: flex;
		flex-direction: column;
		margin-top: 3vh;
		overflow: auto;
	}


	.win1 .btn-list div {
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;

		width: 50vw;
		height: 4vh;
		min-height: 30px;
		/* background: linear-gradient(0deg, #10C1C1 0%, #5CF585 100%); */
		background: linear-gradient(180deg, #FFB838 0%, #8800FF 100%);
		/* box-shadow: 0px 6px 5px 0px rgba(25, 50, 74, 0.35); */
		border-radius: 10px;

		font-size: 2vw;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: white;
		text-shadow: 0px 1px 3px rgba(49, 79, 154, 0.77);
	}

	.win1 .btn-list div:nth-child(1) {
		margin-bottom: 1vh;
	}

	#bg-img {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-size: 100% 100%;
		z-index: 2;
		min-height: 640px;
	}

	#bg-color {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background-image: url("../TemplateData/app_bg.png");
		background-size: 100% 100%;
		min-height: 772px;
		/* display: none; */
	}

	.loading {
		width: 16vw;
		height: auto;
		position: fixed;
		animation: fadenum 5s linear infinite normal;
	}

	.load_con {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.loading-text {
		font-size: 12px;
		color: #343434;
		font-family: Microsoft YaHei;
		font-weight: bold;
	}

	.load_g {
		width: 12vw;
		height: auto;
	}

	@keyframes fadenum {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(360deg);
		}
	}

	.msg {
		position: fixed;
		display: none;
		/* display: flex; */
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		z-index: 10;
	}

	.mag_box {
		background-image: url("../TemplateData/bg_qianwangdenglu_023.png");
		background-size: 100% 100%;
		width: 30vw;
		height: 38vh;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.mag_box span {
		font-size: 1.1vw;
		font-family: Microsoft YaHei-Bold, Microsoft YaHei;
		font-weight: bold;
		/* color: #D51C1C; */
		-webkit-background-clip: text;
		padding: 4vw;
	}

	.mag_box img {
		cursor: pointer;
		width: 6vw;
	}

	.msg1 {
		position: fixed;
		display: none;
		/* display: flex; */
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		z-index: 10;
	}

	.mag_box1 {
		background-image: url("../TemplateData/bg_qianwangdenglu_023.png");
		background-size: 100% 100%;
		width: 30vw;
		height: 38vh;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-direction: column;
	}

	.msg_text1 {
		background-image: url("../TemplateData/text_bg.png");
		background-size: 100% 100%;
		height: 10vh;
		width: 75%;
		padding: 1.5vw;
		font-size: 0.7vw;
		color: #D51C1C;
	}

	.mag_box1 span {
		font-size: 1.1vw;
		font-family: Microsoft YaHei-Bold, Microsoft YaHei;
		font-weight: bold;
		/* color: #D51C1C; */
		-webkit-background-clip: text;
		padding: 0vw 6vw;
		text-align: center;
	}

	.mag_box1 .btn {
		font-family: Microsoft YaHei-Bold, Microsoft YaHei;
		cursor: pointer;
		background-image: url("../TemplateData/send-bg.png");
		background-size: 100% 100%;
		width: 6vw;
		height: 4.5vh;
		text-align: center;
		line-height: 4.2vh;
		font-weight: bold;
	}

	.down_item {
		width: 100%;
		height: 10vh;
		z-index: 99;
		position: absolute;
		top: 0;
		background-image: url('../TemplateData/img_tishixiazai_023.png?ver=20230704141249');
		background-size: 100% 100%;

		display: none;
		align-items: center;
		justify-content: space-between;
	}

	.down_item .down_item_btn {
		margin-right: 3vw;
		cursor: pointer;
		height: 5vh;
		background: linear-gradient(180deg, #FFB838 0%, #8800FF 100%);
		color: white;
		font-size: 3vw;
		width: 19vw;
		text-align: center;
		line-height: 5vh;
		border-radius: 1vw;
		white-space: nowrap;
		padding: 0 10px;
	}

	.down_item .down_item_logo {
		margin-left: 3vw;
		/* height: 52%; */
		width: 75vw;
	}

	.down_item_btn_pc,
	.down_item_logo_pc {
		display: none;
	}

	.down_item_btn_app,
	.down_item_logo_app {
		display: block;
	}

	.video_audio_item {
		position: absolute;
		top: 10vh;
		left: 0vw;
		z-index: 1;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		/* height: 23vh; */
	}

	.video_audio_item_div {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		color: white;
		font-size: 3vw;
		margin-right: 2vh;
	}

	.video_item_btn,
	.audio_item_btn,
	.manyou_item_btn {
		width: 10vw;
		display: none;
		margin: 5px 0px;
	}

	.video_item_btn_close,
	.audio_item_btn_close,
	.manyou_item_btn_close {
		width: 10vw;
		display: block;
		margin: 5px 0px;
	}

	#map_item_btn,
	#manyou_item_btns,
	#next_item_btn {
		display: none;
	}

	.map_item_btn {
		width: 10vw;
		cursor: pointer;
		margin: 5px 0px;
	}

	.video_item_btn_text,
	.audio_item_btn_text,
	.manyou_item_btn_text {
		display: none;
	}

	.condition-panel1 {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		background: rgba(0, 0, 0,0.5);
		border-radius: 5px 5px 5px 5px;
		border: rgba(112, 112, 112, 1) 2px;
		z-index: 2;
		position: absolute;
		top: 10vh;

		display: none;
		align-items: center;
		justify-content: center;
	}

	.condition-panel1 .content {
		width: 100%;
		height: 100%;
		border-radius: 5px 5px 5px 5px;
		font-size: 14px;
		font-family: Microsoft YaHei-Bold, Microsoft YaHei;
		font-weight: bold;
		color: #b4b3b3;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.condition-panel1 .content img,
	.condition-panel1 .content video {
		max-width: 100%;
		max-height: 100%;
		vertical-align: middle;
		display: none;
	}

	.close-btn {
		cursor: pointer;
		z-index: 10;
		width: 58px;
	}
}

/*定义横屏 css*/
@media screen and (orientation:landscape) {
	.win_msg {
		position: absolute;
		background: rgba(68, 49, 67, 0.6);
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 9999;
		display: none;
	}

	.win-msg-cent {
		width: 35vw;
		height: 40vh;
		position: relative;

		background: linear-gradient(180deg, rgba(255, 218, 151, 0) 0%, #F3C4C9 51%, rgba(231, 172, 255, 0) 100%);
		border-radius: 2vw;
		background: url('../TemplateData/login-panel.png') no-repeat center;
		background-size: 100% 100%;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-direction: column;
	}

	.win_msg .text {
		width: 70%;
		font-size: 22px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFDED;
	}

	.win_msg .text1 {
		font-size: 2vw;
	}

	.win_msg .btn {
		position: absolute;
		top: 336px;
		left: 78px;
		cursor: pointer;

		width: 488px;
		height: 51px;
		background: linear-gradient(180deg, #FFB838 0%, #8800FF 100%);
		box-shadow: 0px 6px 5px 0px rgba(25, 50, 74, 0.35);
		border-radius: 10px;

		font-size: 20px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFDED;
		text-shadow: 0px 1px 3px rgba(49, 79, 154, 0.77);

		display: flex;
		align-items: center;
		justify-content: center;
	}

	.btn_div {
		width: 65%;
		display: flex;
		justify-content: space-between;
	}

	.btn_div1 {
		left: 256px;
		width: auto;
	}


	.btn_div .btn_q {
		width: 9vw;
		height: 7vh;
	}

	.btn_div .btn_cj {
		cursor: pointer;
		background: linear-gradient(180deg, #FFB838 0%, #8800FF 100%);
		box-shadow: 0px 6px 5px 0px rgba(25, 50, 74, 0.35);
		border-radius: 10px;

		font-size: 2vw;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: white;
		text-shadow: 0px 1px 3px rgba(49, 79, 154, 0.77);

		display: flex;
		align-items: center;
		justify-content: center;
	}

	.btn_div .btn_qx {
		cursor: pointer;
		background: linear-gradient(0deg, #D4D2D2 0%, #A1A1A1 100%);
		box-shadow: 0px 6px 5px 0px rgba(25, 50, 74, 0.35);
		border-radius: 10px;

		font-size: 14px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: white;
		text-shadow: 0px 1px 3px rgba(49, 79, 154, 0.77);

		display: flex;
		align-items: center;
		justify-content: center;
	}

	.close-btn {
		position: absolute;
		right: 1px;
		top: 1px;
		width: 40px;
		cursor: pointer;
	}

	.app-condition {
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
		display: none;
		z-index: 2;
		position: absolute;
		background: #000000b8;
	}

	.condition-panel2 {
		width: 34vw;
		height: 47vh;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		align-items: center;
		position: relative;
		/* min-height: 500px; */
	}

	.zidongmanyou-bg {
		/* position: relative; */
		display: flex;
		width: 100%;
		height: 60%;
		justify-content: center;
		align-items: center;
	}

	.zidongmanyou-bg img:nth-child(1) {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.zidongmanyou-bg img:nth-child(2) {
		position: absolute;
		width: 79%;
		top: 5vh;
	}

	.zidongmanyou-btn {
		display: flex;
		justify-content: space-around;
		position: relative;
		width: 60%;
	}

	.zidongmanyou-btn img {
		width: 40%;
		height: auto;
	}

	.load_bk_webgl_video {
		display: none;
		width: 100%;
		height: 100%;
		object-fit: fill;
		position: absolute;
	}

	.load_bk_webgl_video_text {
		position: absolute;
		right: 5vw;
		top: 13vh;
		font-weight: bold;
		color: #FFFFFF;
		font-size: 2vw;
		cursor: pointer;
		z-index: 9;
		display: none;
	}

	.playvideo {
		position: absolute;
		bottom: 10vh;
		width: 18vw;
		cursor: pointer;
		z-index: 9;
		display: none;
	}

	.messageBox {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 999999;
		background: rgba(22, 22, 22, 0.8);
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.win1::after {
		content: "";
		background-image: url(../TemplateData/pc_bg.png);
		background-size: 100% 100%;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
	}

	.win1 {
		/* min-height: 444px; */
		width: 25vw;
		height: 60vh;
		min-height: 210px;
		background: linear-gradient(180deg, rgba(255, 218, 151, 1) 0%, #F3C4C9 100%, rgba(231, 172, 255, 1) 100%);
		box-shadow: 3px 2px 13px 0px rgba(13, 54, 64, 0.56);
		border-radius: 20px;
		border-radius: 1.25rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		display: none;
	}

	.win1 .title {
		/* width: 10.5rem; */
		/* height: 1.5rem; */
		font-size: 1.5vw;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #FFFFFF;
		text-shadow: 1px 1px 6px rgba(13, 54, 64, 0.56);
		margin-top: 5%;
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 23px;
	}

	.win3 {
		width: 100vw;
		height: 100vh;
		z-index: 999;
		position: absolute;
		background: #ffffff;
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		align-items: center;
		display: none;
	}

	.win3 iframe {
		width: 100%;
		height: 100%;
		border: none;
	}

	.win3 .close_btn {
		position: absolute;
		right: 0px;
		top: 0px;
		cursor: pointer;
		width: 5vw;
		background: black;
		max-width: 50px;
	}

	.win2 {
		/* min-height: 444px; */
		width: 50vw;
		height: 60vh;
		/* background: linear-gradient(20deg, #F2FFF6 0%, #00B878 100%); */
		background-image: url("../TemplateData/pc_bg.png");
		background-size: 100% 100%;
		box-shadow: 3px 2px 13px 0px rgba(13, 54, 64, 0.56);
		border-radius: 20px;
		border-radius: 1.25rem;
		display: static;
		flex-direction: column;
		align-items: center;
		display: none;
		z-index: 1;
		position: absolute;
		left: 24vw;
		top: 21vh;
	}

	.win2 .title {
		/* width: 10.5rem; */
		/* height: 1.5rem; */
		font-size: 1.5vw;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #FFFFFF;
		text-shadow: 1px 1px 6px rgba(13, 54, 64, 0.56);
		margin-top: 2%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.win2 .map_close_btn {
		position: absolute;
		top: 1vh;
		right: 1vw;
		width: 3vw;
	}

	.win2 .input-div {
		/* width: 60vw; */
		width: 90%;
		height: calc(74%);
		/* 背景图垂直、水平均居中 */
		background-position: center center;
		/* 背景图不平铺 */
		background-repeat: no-repeat;
		/* 让背景图基于容器大小伸缩 */
		background-size: 100% 100%;
		/* background-color: #ffffff; */
		/* border: 1px solid #B8B8B8; */
		/* box-shadow: 3px 2px 13px 0px rgba(13, 54, 64, 0.33); */
		border-radius: 10px;
		display: flex;
		margin: auto;
		margin-top: 2%;
		overflow: hidden;
	}

	.win2 .input-div img {
		width: 100%;
		transform: scale(1.4);
		top: -2vh;
		position: relative;
	}

	.scene_to_btn_list {
		width: 90%;
		margin: auto;
		height: 8%;
		display: flex;
		align-items: center;
		overflow-x: scroll;
	}

	.scene_to_btn_list button {
		border: none;
		margin: 0px 10px;
		min-width: 150px;
		height: 30px;
		background-color: #B5B5B5;
		border-radius: 10px;
		/* background: linear-gradient(180deg, #5CF585 0%, #10C1C1 100%); */
		background: linear-gradient(180deg, #FFB838 0%, #8800FF 100%);
		cursor: pointer;
		color: white;
	}

	.win1 .input-div {
		/* width: 15.4167rem;
    height: 3.0833rem; */
		/* background-image: url("input-img.png"); */
		/* 背景图垂直、水平均居中 */
		/* background-position: center center; */
		/* 背景图不平铺 */
		/* background-repeat: no-repeat; */
		/* 让背景图基于容器大小伸缩 */
		/* background-size: cover;
    margin-top: 1.2917rem; */


		/* width: 60vw; */
		width: 80%;
		height: 5vh;
		min-height: 18px;
		/* 背景图垂直、水平均居中 */
		background-position: center center;
		/* 背景图不平铺 */
		background-repeat: no-repeat;
		/* 让背景图基于容器大小伸缩 */
		background-size: 100% 100%;
		margin-top: 2vh;
		background-color: #ffffff;
		border: 1px solid #B8B8B8;
		box-shadow: 3px 2px 13px 0px rgba(13, 54, 64, 0.33);
		border-radius: 10px;
		display: flex;
	}

	.win1 .input-div input {
		/* width: 60vw; */
		/* height: 5vh; */
		/* min-height: 39px; */
		width: 100%;
		padding: 0 1vw;
		border: none;
		background: rgba(255, 255, 255, 0);
		font-weight: bold;
		color: #2C2C2C;
		text-shadow: 0.005208rem 0.005208rem 0.03125rem rgba(13, 54, 64, 0.1);
		font-size: 1vw;
	}

	input:focus {
		outline: none;
	}

	.win1 .input-div input::-webkit-input-placeholder {
		/* WebKit browsers */
		/* color: #E4E3E3; */
		font-size: 0.8vw;
	}

	.win1 .input-div input:-moz-placeholder {
		/* Mozilla Firefox 4 to 18 */
		/* color: #E4E3E3; */
		font-size: 0.8vw;
	}

	.win1 .input-div input::-moz-placeholder {
		/* Mozilla Firefox 19+ */
		/* color: #E4E3E3; */
		font-size: 0.8vw;
	}

	.win1 .input-div input:-ms-input-placeholder {
		/* Internet Explorer 10+ */
		/* color: #E4E3E3; */
		font-size: 0.8vw;
	}

	.win1 .tx-list {
		width: 80%;
		height: 30vh;
		min-height: 100px;
		display: block;
		flex-direction: row;
		margin-top: 3%;
		overflow: scroll;


		/*隐藏滚动条，当IE下溢出，仍然可以滚动*/
		-ms-overflow-style: none;
		/*火狐下隐藏滚动条*/
		scrollbar-width: none;
	}

	.win1 ::-webkit-scrollbar {
		display: none;
	}

	.win2 ::-webkit-scrollbar {
		display: block;
		height: 5px;
	}

	.win2 ::-webkit-scrollbar-thumb {
		background: #FFB838;
		box-shadow: 0px 2px 4px 0px rgba(49, 105, 158, 0.25);
		border-radius: 3px;
	}

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

	.win1 .tx-list img {
		width: 26%;
		/* height: 30%; */
		/* box-shadow: .125rem .0833rem .5417rem 0px rgba(13, 54, 64, 0.56); */
		/* border-radius: 100%; */
		margin: 3.6%;
		cursor: pointer;
	}

	.win1 .tx-list .sel {
		box-shadow: 0 0 .5417rem .125rem rgba(255, 251, 0, 0.56);
	}

	.win1 .btn-list {
		display: flex;
		flex-direction: column;
		margin-top: 3vh;
		overflow: auto;
		width: 80%;
	}


	.win1 .btn-list div {
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;

		height: 5.5vh;
		min-height: 18px;
		/* background: linear-gradient(0deg, #10C1C1 0%, #5CF585 100%); */
		background: linear-gradient(180deg, #FFB838 0%, #8800FF 100%);
		/* box-shadow: 0px 6px 5px 0px rgba(25, 50, 74, 0.35); */
		border-radius: 10px;

		font-size: 1.2vw;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: white;
		text-shadow: 0px 1px 3px rgba(49, 79, 154, 0.77);
	}

	.win1 .btn-list div:nth-child(1) {
		/* margin-bottom: 1vh; */
	}

	#bg-img {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/* min-height: 400px; */
		display: flex;
		align-items: center;
		justify-content: center;
		background-size: 100% 100%;
		z-index: 999;
	}

	#bg-color {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background-image: url("../TemplateData/pc_bg.png");
		background-size: 100% 100%;
		/* display: none; */
	}

	.loading {
		width: 7vw;
		height: auto;
		position: fixed;
		animation: fadenum 5s linear infinite normal;
	}

	.load_con {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.loading-text {
		font-size: 1.5vh;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #343434;
		/* color: #5BF585; */
	}

	.load_g {
		width: 5vw;
		height: auto;
	}

	@keyframes fadenum {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(360deg);
		}
	}

	.msg {
		position: fixed;
		display: none;
		/* display: flex; */
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		z-index: 10;
	}

	.mag_box {
		background-image: url("../TemplateData/bg_qianwangdenglu_023.png");
		background-size: 100% 100%;
		width: 30vw;
		height: 38vh;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.mag_box span {
		font-size: 1.1vw;
		font-family: Microsoft YaHei-Bold, Microsoft YaHei;
		font-weight: bold;
		/* color: #D51C1C; */
		-webkit-background-clip: text;
		padding: 4vw;
	}

	.mag_box img {
		cursor: pointer;
		width: 6vw;
	}

	.msg1 {
		position: fixed;
		display: none;
		/* display: flex; */
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		z-index: 10;
	}

	.mag_box1 {
		background-image: url("../TemplateData/bg_qianwangdenglu_023.png");
		background-size: 100% 100%;
		width: 30vw;
		height: 38vh;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-direction: column;
	}

	.msg_text1 {
		background-image: url("../TemplateData/text_bg.png");
		background-size: 100% 100%;
		height: 10vh;
		width: 75%;
		padding: 1.5vw;
		font-size: 0.7vw;
		color: #D51C1C;
	}

	.mag_box1 span {
		font-size: 1.1vw;
		font-family: Microsoft YaHei-Bold, Microsoft YaHei;
		font-weight: bold;
		/* color: #D51C1C; */
		-webkit-background-clip: text;
		padding: 0vw 6vw;
		text-align: center;
	}

	.mag_box1 .btn {
		font-family: Microsoft YaHei-Bold, Microsoft YaHei;
		cursor: pointer;
		background-image: url("../TemplateData/send-bg.png");
		background-size: 100% 100%;
		width: 6vw;
		height: 4.5vh;
		text-align: center;
		line-height: 4.2vh;
		font-weight: bold;
	}

	.down_item {
		width: 100%;
		height: 10vh;
		z-index: 99;
		position: absolute;
		top: 0;
		background-image: url('../TemplateData/img_tishixiazai_023.png?ver=20230704141249');
		background-size: 100% 100%;

		display: none;
		align-items: center;
		justify-content: space-between;
	}

	.down_item .down_item_btn {
		margin-right: 3vw;
		cursor: pointer;
		height: 5.5vh;
		background: linear-gradient(180deg, #FFB838 0%, #8800FF 100%);
		color: white;
		font-size: 1.5vw;
		width: 13vw;
		text-align: center;
		line-height: 5.5vh;
		border-radius: 0.5vw;
		white-space: nowrap;
		padding: 0 10px;
	}

	.down_item_btn_pc,
	.down_item_logo_pc {
		display: block;
	}

	.down_item_btn_app,
	.down_item_logo_app {
		display: none;
	}

	.down_item .down_item_logo {
		margin-left: 3vw;
		height: 60%;
	}

	.video_audio_item {
		position: absolute;
		top: 10vh;
		left: 1vw;
		z-index: 1;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		/* height: 27vh; */
	}

	.video_audio_item_div {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		color: white;
		font-size: 3vw;
		margin-right: 2vw;
	}

	.video_item_btn,
	.audio_item_btn,
	.manyou_item_btn {
		width: 35px;
		display: none;
		margin: 5px 0px;
	}

	.video_item_btn_close,
	.audio_item_btn_close,
	.manyou_item_btn_close {
		width: 35px;
		display: block;
		margin: 5px 0px;
	}

	#map_item_btn,
	#manyou_item_btns,
	#next_item_btn {
		display: none;
	}

	.video_item_btn_text,
	.audio_item_btn_text,
	.manyou_item_btn_text {
		display: none;
	}

	.map_item_btn {
		width: 35px;
		cursor: pointer;
		margin: 5px 0px;
	}

	.condition-panel1 {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		background: rgba(0, 0, 0,0.5);
		border-radius: 5px 5px 5px 5px;
		border: rgba(112, 112, 112, 1) 2px;
		z-index: 2;
		position: absolute;
		top: 10vh;

		display: none;
		align-items: center;
		justify-content: center;
	}

	.condition-panel1 .content {
		width: 100%;
		height: 100%;
		border-radius: 5px 5px 5px 5px;
		font-size: 14px;
		font-family: Microsoft YaHei-Bold, Microsoft YaHei;
		font-weight: bold;
		color: #2B2B2B;
		position: relative;

		display: flex;
		align-items: center;
		justify-content: center;
	}

	.condition-panel1 .content img,
	.condition-panel1 .content video {
		max-width: 100%;
		max-height: 100%;
		vertical-align: middle;
		display: none;
	}

	.close-btn {
		cursor: pointer;
		z-index: 10;
		width: 58px;
	}

	html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;}
	.webgl-content{width: 100%; height: 100%;}
	.unityContainer{width: 100%; height: 100%;}
}