*{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

	/*缩略图导航*/
	#thumbnailDiv{ position:absolute; z-index:99; bottom:80px; left:0; display:table; width:100%; background:rgba(0,0,0,0.2); }
	#thumbnailDiv{ opacity:0; transition:all 0.5s; }
	#thumbnailDiv.noGroupList{ border-bottom:1px solid rgba(255,255,255,0.3); }

	/*缩略图场景列表*/
	#thumbnailDiv .sceneList{ width:calc(100vw - 20px); height:122px; overflow:hidden; margin-left:10px; }
	#thumbnailDiv .sceneList{ display:none; transition:all 0.2s; }
	#thumbnailDiv .sceneList ul,#thumbnailDiv ul li{ margin:0; padding:0; list-style:none; }
	#thumbnailDiv .sceneList ul{ display:table; text-align:center; white-space:nowrap; width:100%; }
	#thumbnailDiv .sceneList ul li{ display:inline-block; width:120px; height:80px; margin:20px 8px 20px 8px; background-position:center;  }
	#thumbnailDiv .sceneList ul li{ background-repeat:no-repeat; background-size:cover; cursor:pointer; box-shadow:rgb(0 0 0 / 30%) 3px 3px 3px 0px; }
	#thumbnailDiv .sceneList ul li:before{ content:' '; display:block; position:absolute; opacity:0; transition:all 0.5s; }
	#thumbnailDiv .sceneList ul li:before{ width:120px; height:80px; border:2px solid #fff; margin:-2px; }
	#thumbnailDiv .sceneList ul li.cur:before{ opacity:1; }
	#thumbnailDiv .sceneList ul li span{ display:block; font-size:14px; color:#fff; margin:55px auto auto auto; text-shadow:1px 1px black; }
	#thumbnailDiv .sceneList ul li span{ width:110px; height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

	/*缩略图导航分组*/
	#thumbnailDiv .groupList{ width:calc(100vw - 20px); height:40px; overflow:hidden; background:rgba(0,0,0,0.2); }
	#thumbnailDiv .groupList{ border-top:1px solid rgba(255,255,255,0.3); padding:6px 10px 3px 10px; display:none; }
	#thumbnailDiv .groupList ul,#thumbnailDiv ul li{ margin:0; padding:0; list-style:none; }
	#thumbnailDiv .groupList ul{ display:table; text-align:center; white-space:nowrap; width:100%; }
	#thumbnailDiv .groupList ul li{ display:inline-block; font-size:14px; line-height:23px; cursor:pointer; color:#fff; }
	#thumbnailDiv .groupList ul li{ height:25px; margin:5px 5px 5px 5px; padding:1px 20px; }
	#thumbnailDiv .groupList ul li:after{ content:' '; display:block; opacity:0; transition:all 0.3s; }
	#thumbnailDiv .groupList ul li:after{ height:3px; background:#ffa400; margin:2px 5px 0 5px; }
	#thumbnailDiv .groupList ul li.cur:after{ opacity:1; }

	/*底部按钮*/
	#bottonButDiv{ position:absolute; z-index:98; bottom:0; width:100%; height:80px; background:rgba(0,0,0,0.2); }
	#bottonButDiv{ opacity:0; transition:all 0.5s; }
	#bottonButDiv ul,#bottonButDiv ul li{ margin:0; padding:0; list-style:none; }
	#bottonButDiv ul{ margin:18px 10px 0 10px; }
	#bottonButDiv ul li{ float:left; width:50px; text-align:center; cursor:pointer; }
	#bottonButDiv ul li:before{ content:' '; display:block; width:30px; height:30px; margin:0 auto 3px auto; }
	#bottonButDiv ul li:before{ background:url(img/butIcon.png?r=2); background-size:300px auto; background-repeat:no-repeat; }
	#bottonButDiv ul li span{ display:block; font-size:12px; color:#fff; text-shadow: 1px 1px black; }
	#bottonButDiv ul li.cur:before{ background-position-y:-30px; }
	#bottonButDiv ul li[data-action=toFullscreen]:before{ background-position-x:-120px; }
	#bottonButDiv ul li[data-action=setBackgroundMusic]{ float:right; }
	#bottonButDiv ul li[data-action=setBackgroundMusic]:before{ background-position-x:-60px; }
	#bottonButDiv ul li[data-action=setSpeakAudio]{ float:right; }
	#bottonButDiv ul li[data-action=setSpeakAudio]:before{ background-position-x:-30px; }
	#bottonButDiv ul li[data-action=showIntroduction]:before{ background-position-x:-90px; }
	#bottonButDiv ul li[data-action=gyro]{ float:right; }
	#bottonButDiv ul li[data-action=gyro]:before{ background-position-x:-180px; }

	/*弹窗样式通用*/
	#winMask{ position:absolute; width:100vw; height:100vh; left:0; top:0; background:rgba(0,0,0,0.5); z-index:998;  }
	.winDiv{ position:absolute; display:table; z-index:999; top:50%; left:50%; transform:translate(-50%,-50%); }
	.winDiv{ background:rgba(255,255,255,0.3); padding:10px; border-radius:4px; display:none; }
	.winDiv .head{ background:#fff; padding:0 10px; font-weight:bold; font-size:16px; height:50px; line-height:50px; }
	.winDiv .head i{ float:right; width:44px; height:44px; border-radius:0 0 0 30px; margin:0 -10px 0 0; background:#f99f43; cursor:pointer; }
	.winDiv .head i:hover{ background:#ff8100; }
	.winDiv .head i:before{ content:' '; float:right; width:30px; height:30px; margin:4px 4px 0 0; }
	.winDiv .head i:before{ background:url(img/butIcon.png); background-size:300px auto; background-repeat:no-repeat; background-position:0 -30px; }
	.winDiv .main{ background:#fff;  padding:10px 10px 10px 20px;   }
	.winDiv .main .content{ text-align:justify; font-size:16px; line-height:1.6; width:500px; height:300px; overflow:scroll; overflow-x:hidden; padding-right:10px; }


	/*滚动条样式*/
	.winDiv .content::-webkit-scrollbar{ width:6px; height:6px; scrollbar-arrow-color:red; }
	.winDiv .content::-webkit-scrollbar-thumb{ border-radius:5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0.2); scrollbar-arrow-color:red; }
	.winDiv .content::-webkit-scrollbar-track{ -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:rgba(0,0,0,0.1); }

	/*简介弹窗样式*/
	.introductionWin .main .content{ width:800px; height:500px; }
	.introductionWin .main .content p{ text-indent:2rem; margin:0 0 5px 0; padding:0; }
	.introductionWin .main .content img{ max-width:600px; display:block; margin:10px auto; }

	/*封面*/
	#cover{ position:absolute; width:100vw; height:100vh; background:rgba(0,0,0,0.5); left:0; top:0; z-index:9999; transition:all 0.8s;  }
	#cover:before{ content:' ';position:absolute; display:table; z-index:999; top:50%; left:50%; transform:translate(-50%,-50%); }
	#cover:before{ background:url(../images/cover.png) no-repeat; background-size:cover; height:80vh; width:51.8vh; cursor:pointer; }

	/*标题*/
	#title{ position:absolute; display:table; z-index:101; top:50px; left:50%; transform:translate(-50%,-50%); white-space:nowrap; }
	#title{ color:#fff; font-size:18px; text-shadow:1px 1px black; padding:6px 50px; display:none; }
	#title{ background-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0) 100%); }

	#title:after{ content:' '; position:absolute; display:block; height:1px; width:100%; padding:0 0; margin:7px 0 0 -50px; }
	#title:after{ background-image:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%); }


	/*手机版样式重定义*/
	@media(max-width:600px){

		/*缩略图导航*/
		#thumbnailDiv{ bottom:15vw; }

		/*缩略图场景列表*/
		#thumbnailDiv .sceneList{ width:98vw; height:22vw; margin-left:1vw; }
		#thumbnailDiv .sceneList ul li{ width:22vw; height:18vw; margin:2vw 1.2vw 0 1.2vw; }
		#thumbnailDiv .sceneList ul li{ box-shadow:rgb(0 0 0 / 30%) 1vw 1vw 1vw 0px; }
		#thumbnailDiv .sceneList ul li:before{ width:22vw; height:18vw; }
		#thumbnailDiv .sceneList ul li span{ font-size:3vw; margin:13vw auto auto auto; }
		#thumbnailDiv .sceneList ul li span{ width:21vw; height:20px; }

		/*缩略图导航分组*/
		#thumbnailDiv .groupList{ width:100vw; height:9vw; padding:0vw 0vw 1vw 0; }
		#thumbnailDiv .groupList ul li{ font-size:3.5vw; line-height:6vw; }
		#thumbnailDiv .groupList ul li{ height:5vw; margin:2vw; padding:0.1vw 1vw; }
		#thumbnailDiv .groupList ul li:after{ height:0.8vw;  margin:1.1vw -1vw 0 -1vw; }

		/*底部按钮*/
		#bottonButDiv{ width:100%; height:15vw; }
		#bottonButDiv ul{ margin:2vw 2vw 0 2vw; }
		#bottonButDiv ul li{ width:12vw; opacity:0.8; }
		#bottonButDiv ul li:before{ width:7vw; height:7vw; margin:0 auto 0.3vw auto; }
		#bottonButDiv ul li:before{ background-size:70vw auto; }
		#bottonButDiv ul li span{ font-size:3vw; text-shadow: 1px 1px black; }
		#bottonButDiv ul li.cur:before{ background-position-y:-7vw; }
		#bottonButDiv ul li[data-action=toFullscreen]{ display:none; }
		#bottonButDiv ul li[data-action=setBackgroundMusic]:before{ background-position-x:-14vw; }
		#bottonButDiv ul li[data-action=setSpeakAudio]:before{ background-position-x:-7vw; }
		#bottonButDiv ul li[data-action=showIntroduction]:before{ background-position-x:-21vw; }
		#bottonButDiv ul li[data-action=gyro]:before{ background-position-x:-42vw; }

		/*弹窗样式通用*/
		.winDiv{ padding:1.5vw; border-radius:1vw; }
		.winDiv .head{ padding:0 3vw; font-size:3.5vw; height:10vw; line-height:10vw; }
		.winDiv .head i{ float:right; width:9.3vw; height:9.3vw; border-radius:0 0 0 7vw; margin:0 -3vw 0 0; }
		.winDiv .head i:before{ width:7vw; height:7vw; margin:0.6vw 0.6vw 0 0; }
		.winDiv .head i:before{ background-size:70vw auto; background-position:0 -7vw; }
		.winDiv .main{ background:#fff; padding:2vw 2vw 2vw 3vw; }
		.winDiv .main .content{ width:70vw; height:60vh; padding-right:2vw; }

		/*滚动条样式*/
		.winDiv .content::-webkit-scrollbar{ width:0; height:0; }

		/*简介弹窗样式*/
		.introductionWin .main .content{ width:70vw; height:60vh; }
		.introductionWin .main .content p{ text-indent:2rem; margin:0 0 0 0; padding:0; }
		.introductionWin .main .content img{ max-width:69vw; display:block; margin:1vw auto; border-radius:1vw; }

		/*封面*/
		#cover:before{ width:90vw; height:139vw; transform:translate(-50%,-55%); }

		/*标题*/
		#title{ font-size:3.5vw; padding:1vw 8vw; }
		#title:after{ height:0.3vw; margin:1vw 0 0 -8vw; }

	}