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