.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;
	animation:mockgif 1s infinite linear;
}

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

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

@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); }
}

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

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

.gh-compass{
	width: 35px;
}

.gh-logo{
	width: 100px;
}

.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 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; 
}

.gh-floor-container{
	width: 38px;
	background: white;
	position: absolute;
	right: 10px;
	top: 80px;
	border-radius: 2px;
	-webkit-tap-highlight-color:transparent;
	padding-bottom: 2px;
	box-shadow:  0px 0px 3px 2px #999999;
	/*box-shadow: 1px 0px 5px #CCCCCC ,
				0px 1px 5px #CCCCCC ,
				-1px 0px 5px #CCCCCC,
				0px -1px 5px #CCCCCC;*/
}

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

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

.gh-floor-mapstate > img{
	width: 15px;
	height: 15px;
}

.gh-floor-up{
	width: 100%;
	height: 20px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

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

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

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

.gh-floor-item{
	width: 100%;
	height: 40px;
	display: flex;
	justify-content:center;
	align-items:center;
	border-bottom: 1px solid #CCCCCC;
	font-size: 14px;
	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: 20px;
	border-top: 1pt solid #CCCCCC;
	box-sizing: border-box;
}

.gh-floor-down > canvas{
	width: 100%;
	height: 100%;
}
.gh-zoom-container{
	width: 38px;
	background: white;
	position: absolute;
	right: 10px;
	bottom: 30px;
	border-radius: 2px;
	-webkit-tap-highlight-color:transparent;
	padding-bottom: 2px;
	box-shadow:  0px 0px 3px 2px #999999;
	
/*	box-shadow: 1px 0px 5px #CCCCCC ,
				0px 1px 5px #CCCCCC ,
				-1px 0px 5px #CCCCCC,
				0px -1px 5px #CCCCCC;*/
}
.gh-floor-route-img{
	position: absolute;
	height: 20px;
	left: -30px;
	top: 0px;
	-webkit-tap-highlight-color:transparent;
}
.gh-zoom-button{
	width: 100%;
	height: 40px;
	color: black;
	font-size: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: lighter;
}
.gh-zoom-button img {
	width: 16px;
}
.gh-zoom-container > .gh-zoom-button:first-child{
	/*border-bottom: 1px solid #CCCCCC;*/
}
::-webkit-scrollbar
{
    width: 3px;
    height: 3px;
}
::-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(39,129,112,0.8);
    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(39,129,112,0.8);
    -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);;
}

.legend-linear {
	position: absolute;
	bottom: 30px;
	left: 10px;
	z-index: 10;
	padding: 10px 20px;
	font-family: "Microsoft YaHei", "微软雅黑";
    font-size: 14px;
    border-radius: 10px;
    border: 2px solid #656c7c;
    color: #eef2fd;
    background-color: rgba(9, 13, 25, 0.8);
}

.legend-linear > .title {
	margin: 5px 0px;
	font-size: 16px;
	text-align: center;
}

.legend-linear .line-container {
	float : left;
}

.legend-linear  .line > span {
	line-height: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin: 0px 20px;
}
.legend-linear .legend {
	width: 25px;
	left : 10px;
	top : 10px;
	float: left;
}

.gh-progress-container{
	position: absolute; 
	left: 0px;
	top: 0px;
	height: 3px;
	width: 100%;
}

.gh-progress-background{
	position: absolute;
	left: 0px;
	top: 0px; 
	height: 3px; 
	width: 100%;
	background:#EFEFEF;	
}

.gh-progress-progress{
	position: absolute;
	left: 0px;
	top: 0px; 
	height: 3px;
	width: 0%; 
	background: rgba(39,129,112,0.8);
}