*{
margin: 0px;
padding: 0px;
border: 0px;
box-sizing: border-box;
touch-action: none;
}

html {font-size: 10px}

body{
	-moz-user-select : none;
	-webkit-user-select: none;
	margin: 0;
	height: 100% ;
	overflow:hidden;
	font-family:"Microsoft YaHei",Tahoma,Verdana,STHeiTi,simsun,sans-serif;
	background-color: #000;
}

.noPointEvent{
	pointer-events: none;
}

#floorMap{ 
	position: fixed; 
	top: -3000px;
	right: 10px;
	width:715px;
	height: 618px;
	visibility:visible; 
	background-color:#FFFFFF00; 
	background-image: url("textures/楼层图.png");
	background-repeat:no-repeat;
	margin: 0;
	z-index: 100;
	transform-origin: top right;
	transform: scale(0.1);
    } 

.progressDiv{
		width: 100%; 
		height: 10px;
		position:absolute;
		font-size: 6px;
		font-family: Arial, Helvetica, sans-serif;
	}
.downLoadProgressClass{
		width: 100%;
		height:100%;
		position:absolute;
		left:40px;
		right:2px;
	}
#informationDiv{
		position: fixed; 
		bottom: -10px;
		right: 100px;
		width:200px;
		height: 30px;
		visibility:visible; 
		background-color:#aaaaaa00; 
		margin: 0;
		z-index: 101;
		transform-origin: bottom right;
	}
#helpPanel{
	position: absolute;
	bottom:50% ; 
	left:50% ; 
	width:60vw;
	height:60vh;
	visibility: hidden;
	line-height: 100vh;
	background-color: rgb(50, 50, 50,0.7);
	border-radius: 10px;
	transform: translate(-42%, 50%)
}
.buttonStyle_1{
	position: absolute;
	margin: 0;
	padding: 0;
	border : none;
	outline: none;
	width:76px;
	height:70px;
	top:0px;
	right:0px;
	background-color: rgb(255, 255, 255,0);
}
.buttonStyle_1:hover{
	filter: brightness(1.2);
}
.buttonStyle_1:active{
	filter: brightness(0.8);
}

.clickButtonClass{
	position: absolute;
	border : none;
	outline: none;
	width: 96px;
	height: 39px;
	left:517px;
	top:33px;
	line-height:35px;
	text-align:center;
	color: #427faf;
	font-size: 20px;
	z-index: 106;
	background-color:transparent;
}
.clickButtonClass:hover{
	/* background-color: rgb(255, 0, 55); */
	filter: brightness(0.9);
}

#informationButtons{
	position:absolute;
	left: 559px;
	top:511px;
	width:608px;
	height:60px;
}

.svgButton{
	stroke:#427faf ;
	stroke-width:1px;
	line-height:10px;
	text-align:center;
	color: #464646;
	/* fill: white; */
}
.svgButton:hover{
	fill: rgb(190, 238, 250);
}
.svgButton:active{
	fill: #427faf;
}
#informationBlock{
	position:absolute;
	left: 547px;
	top:198px;
	width: 485px;
	height: 241px;
	/* background-color: tomato; */
}

.informationTitle{
	position:absolute;
	left: 0px;
	top: 0px;
	width: 234px;
	height: 30px;
	color: black;
	font-size: 26px;
}

.informationContent{
	position:absolute;
	left: 0px;
	top: 93px;
	width: 485px;
	height: 149px;
	color: rgb(66, 66, 66);
	font-size: 16px;
}

.tooltip{
	position:absolute;
	top:50px;
	left: 15px;
	width:60px;
	height: 20px;
	background-color:rgba(134, 134, 134, 0.349);
	color: rgb(228 224 224);
	font-size: 1.2ex;
	text-align: center;
	visibility: hidden;
}
.MainButtons:hover .tooltip{
	visibility: visible;
}
.showDivStyle1{
	position:absolute;
	top:33px;
	left:85px;
	width:400px;
	height:527px;
}
.showDivStyle2{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:610px;
}
.closeButtonClass{
	position: absolute;
	top:-300px ; 
	right:-300px ;
	width:31px ;
	height:31px ;
	border: none;
	z-index: 10;
	transform: scale(1);
	background: url("textures/newUI/关闭.png");
}
.closeButtonClass:hover{
	transform: scale(1.1);
	background: url("textures/newUI/关闭-hover.png");
}
.closeButtonNormal{
	position: absolute;
	top:2px ; 
	right:2px ;
	width:15px ;
	height:15px ;
	border: none;
	transform: scale(1);
	background-color: #ffffff00;
	background-image: url("textures/newUI/关闭按钮.png");
}
.closeButtonNormal:hover{
	transform: scale(1.1);
	background-color: #ff0000AA;;
}
.closeButtonClassGudian{
	position: absolute;
	top:-300px ; 
	right:-300px ;
	width:41px ;
	height:41px ;
	border: none;
	z-index: 10;
	transform: scale(1);
	background: url("textures/newUI/关闭(古镇菜单).png");
}
.closeButtonClassGudian:hover{
	transform: scale(1.1);
}
.closeButtonFloor4{
	position: absolute;
	top:-300px ; 
	right:-300px ;
	width:15px ;
	height:15px ;
	border: none;
	z-index: 10;
	transform: scale(1);
	background: url("textures/newUI/F4/关闭按钮.png");
}
.closeButtonFloor4:hover{
	transform: scale(1.1);
	background:crimson  url("textures/newUI/F4/关闭按钮.png");
}
#enterSceneButton{
	position: absolute;
	bottom:-330px ; 
	left:50% ; 
	width:114px ;
	height:41px ;
	transform:translate(-50%,-50%);
	z-index: 10;
	border: none;
	background: url("textures/newUI/进入此层.png");
}
#enterSceneButton:hover{
	background: url("textures/newUI/进入此层-hover.png");
}

.divButton a {
	display: block;
    color: rgba(219, 219, 219);
    text-decoration: none;
	height: inherit;
	border-radius: 3px;
}
.divButton a.active {
    background-color: #1d1d1dd5;
    color: white;
}

.divButton a:hover {
	font-size: 130%;
/* .divButton a:hover:not(.active) { */
    background-color: rgba(66, 66, 66, 0.808);
    color: white;
}

.normalButtonStyle{
	position: absolute;
	border : none;
	outline: none;
	left:0px;
	top:0px;
    text-align:center;
    background-color:transparent
}
.mobileIcon{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	pointer-events: none;
	background-repeat: no-repeat;
	background-size: 60%;
	background-position-x: 50%;
	background-position-y: 50%;
}

.divCenter {
	position: absolute;
	left:50%; 
	top:50%;
	transform:translate(-50%,-50%)
  }

  .divScrollBar{
	  border-radius: 6px;
	  background-color: rgb(255, 255, 255);
	  width: 436px;
	  height: 12px;
  }

  @keyframes width0To100 {
	from {width: 0%;}
	to {width: 100%;}
  }