html {height: 100%;}
body {height: 100%;overflow: hidden;padding: 0;margin: 0;}

.anchorBL {display: none;}

#map {width: 100%;height: 100%;}
/* .BMap_stdMpType4 .BMap_stdMpZoom {left:2px;top:50px;display:none;} */
/* .BMap_mask {background-color: #f9c738;} */

.assets{position: absolute;left:0;top:0;}
.normal{position: absolute;opacity: 0.8;border-radius: 3px;-moz-box-shadow:0 0 3px #666; -webkit-box-shadow:0 0 3px #666; box-shadow:0 0 3px #666;text-align:center;padding:3px 0 3px 0;color:#333;}
.compass{position: absolute;left:55px;top:8px;width:40px;height:40px;background-image:url(../img/compass.png);background-size:contain;}

.location{background-color:#fff;position: absolute;right:10px;top:110px;}
.location i{font-size:1.2rem;text-align: center;}

.operator{background-color:#fff;position: absolute;right:10px;top:10px;}
.operator > div{width:40px;font-size:12px;text-align: center;color:#333;}
.operator i{font-size:1.2rem;text-align: center;}
.active i{font-size:1.2rem;text-align: center;color: #1e9fff;}
.normal span{display:block;font-size:12px;width:40px;height:19px;}
.active span{display:block;color:#1e9fff;}

.operator > hr{margin:3px 0.3rem;background-color:#ccc;}

.tools{position: absolute;left:0;bottom:20px;width:100%;}
.tools .container{background-color:#fff;height:60px;overflow:hidden;margin:0 10px;border-radius:5px;}
.tools .container ul {height:60px;width:100%;}
.tools .container ul li{float:left;width:16%;color:#333;height:50px;font-size:1.5rem;text-align: center;padding:5px 0;}
.tools .container ul li:first-child{width:20%;}
.tools .container ul li.choice{color:#1e9fff;}
.tools .container ul li.active{background-color:#1e9fff;}
.tools .container ul li.active *{color:#fff;}
.tools .container ul li span{display: block;font-size:0.8rem;}

.tip-cover{background:url(../img/tips-cover.png) repeat;width:100%;height:100%;position: absolute;left:0;top:0;}
.tip-cover img{width:300px;position: absolute;right:10px;top:55px;}

.dev-box{position: absolute;left:0;top:0;color:#fff;}

.info-container{width:100%;background:#fff;position: absolute;left:0;bottom:-100px;height:100px;color:#333;display:none;}
.info-container .pic{float:left;width:150px;text-align:center;}
.info-container .pic img{height:80px;margin:10px 15px;border-radius: 5px;}
.info-container .txt{float:left;position: relative;height:100px;width:calc(100% - 150px);}
.info-container .txt h3{font-size:1rem;font-weight:bold;line-height:1.5rem;margin-top:10px;}
.info-container .txt p{color:#666;width:calc(100% - 26px);height:2em;line-height:2em;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.info-container .txt span{position: absolute;left:0;bottom:10px;}
.info-container .txt .layui-icon-close{position: absolute;right:10px;top:10px;}

.info-content{width:100%;height:100%;position: absolute;left:0;top:100%;background:#fff;color:#333;overflow-y:auto;overflow-x:hidden;display:none;}
.info-content img{width:100%;}
.info-content p{margin:5%;line-height:1.2rem;text-indent: 2em;}
.info-content i{background:#000;position: fixed;right:10px;top:10px;font-size:1.5rem;color:#fff;opacity: 0.5;width:2rem;height:2rem;border-radius: 1rem;text-align: center;line-height:2rem;display:none;}