.gh-loading-container{
	z-index: 99999; position: absolute; 
	width:100%;height: 100%;
	/*background: black;*/
	/*opacity: 0.6;filter:alpha(Opacity=60);-moz-opacity:0.6;*/
	display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex; display: flex;  
	-webkit-box-align: center;   -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-webkit-box-pack: center; -moz-box-pack: center;   -ms-flex-pack: center; -webkit-justify-content:center;justify-content: center;
}

.gh-loading-img{
	-webkit-animation:mockgif 1s infinite linear;
}

.gh-loading-img-fadeout-rotate{
    -webkit-animation: fadeoutrotate 1s linear;
}

@-webkit-keyframes fadeoutrotate {
    0% {opacity:1;transform:rotate(0deg); }
    100% { opacity:0; transform:rotate(360deg);}
}

@-webkit-keyframes mockgif{
	0%{ transform:rotate(0deg); }
	100%{ transform:rotate(360deg); }
}

.gh-compass-container{
	position: absolute; 
	left : 5pt;
	top: 5pt;
	z-index: 1000;
}

.gh-compass{
	width: 25pt;
}

.gh-logo{
	width: 70pt;
}

.gh-infowindow-container{
	z-index: 1000;
	position: absolute;
	left: 500px; 
	top: 500px;
	cursor: default;
}

.gh-infowindow{
	position: relative;
	top:-11pt;
}

.gh-infowindow-content{
	background: white; 
    color: #333;  
    border:1px solid #333;
    width: 200px;
    min-width: 31pt;
    display: block;
}

.gh-infowindow-triangle-down-border{
	border-width: 10pt 10pt 0; 
    border-style: solid; 
    border-color: #333 transparent transparent ; 
    width: 0;
    height: 0;
    position:absolute;
    left: 50%;
    margin-left: -10pt;
}

.gh-infowindow-triangle-down{
    width:0; 
    height:0; 
    border-width:10pt 10pt 0; 
    border-style:solid; 
    border-color:white transparent transparent ; 
    position:absolute; 
    top: -11pt; 
    left:-10pt;
}

.gh-infowindow-content div{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; 
	-o-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box; 
}

/**
 * ---------------------------楼层部分-------------------------------------
 */
html,body{
	-webkit-tap-highlight-color:transparent;
}

.gh-floor-container{
	width: 30pt;
	background: white;
	position: absolute;
	right: 10pt;
	top: 30pt;
	border-radius: 2pt;
	-webkit-tap-highlight-color:transparent;
	padding-bottom: 2pt;
	box-shadow: 1pt 0pt 5pt #CCCCCC ,
				0pt 1pt 5pt #CCCCCC ,
				-1pt 0pt 5pt #CCCCCC,
				0pt -1pt 5pt #CCCCCC;
}

.gh-floor-content{
	width: 100%;
}

.gh-floor-mapstate{
	display: flex;
	height: 30pt;
	justify-content:center;
	align-items:center;
}

.gh-floor-mapstate > img{
	width: 60%;
	height: 60%;
}

.gh-floor-up{
	width: 100%;
	height: 15pt;
	border-top: 1pt solid #CCCCCC;
	border-bottom: 1pt solid #CCCCCC;
	box-sizing: border-box;
}

.gh-floor-up > canvas{
	width: 100%;
	height: 100%;
}

.gh-floor-list{
	width: 100%;
	height: 150pt;
	overflow-y: auto;
}

/*.gh-floor-list::-webkit-scrollbar {
    display: none;
}*/

.gh-floor-item{
	width: 100%;
	height: 30pt;
	display: flex;
	justify-content:center;
	align-items:center;
	border-bottom: 1pt solid #CCCCCC;
	font-size: 10pt;
	color: black;
	box-sizing: border-box;
}

.gh-floor-list > .gh-floor-item:last-child{
	border-bottom: none;
}

.gh-floor-item-selected{
	background-color: #38B2F8;
	color: white;
}

.gh-floor-down{
	width: 100%;
	height: 15pt;
	border-top: 1pt solid #CCCCCC;
	box-sizing: border-box;
}

.gh-floor-down > canvas{
	width: 100%;
	height: 100%;
}
.gh-zoom-container{
	width: 30pt;
	background: white;
	position: absolute;
	right: 10pt;
	bottom: 30pt;
	border-radius: 2pt;
	-webkit-tap-highlight-color:transparent;
	padding-bottom: 2pt;
	box-shadow: 1pt 0pt 5pt #CCCCCC ,
				0pt 1pt 5pt #CCCCCC ,
				-1pt 0pt 5pt #CCCCCC,
				0pt -1pt 5pt #CCCCCC;
}
.gh-floor-route-img{
	position: absolute;
	height: 15pt;
	left: -20pt;
	top: 0pt;
	-webkit-tap-highlight-color:transparent;
}
.gh-zoom-button{
	width: 100%;
	height: 30pt;
	color: black;
	font-size: 14pt;
	display: flex;
	justify-content: center;
	align-items: center;
}
.gh-zoom-container > .gh-zoom-button:first-child{
	border-bottom: 1pt solid #CCCCCC;
}
::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-button{
    width: 0;
    height: 0;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment{
    display: block;
}
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement{
    display: none;
}
::-webkit-scrollbar-track:vertical,
::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-track:vertical,
::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal{
    border-style: solid;
    border-color: transparent;
}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{
    background-color: #fff;
    background-clip: padding-box;
}
::-webkit-scrollbar-thumb{
    min-height: 28px;
    padding-top: 100;

    background-color: rgba(0,0,0,.4);
    background-clip: padding-box;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);;
}
::-webkit-scrollbar-thumb:hover{
    background-color: rgba(0,0,0,.4);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);;
}
::-webkit-scrollbar-thumb:active
{
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.35);;
}
::-webkit-scrollbar-track:vertical,
::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal{
    border-width: 0;
}
::-webkit-scrollbar-track:hover{
    background-color: rgba(0,0,0,.05);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1);;
}
::-webkit-scrollbar-track:active{
    background-color: rgba(0,0,0,.05);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);;
}