html,body{
    -webkit-text-size-adjust:none;
}
/* 选择楼层 start */
ul,li{
    list-style: none;
}
.brtmap-floor{
    position: fixed;
    z-index: 99;
    background-color: white;
}
.brtmap-floor:hover{
    cursor: pointer;
}
.brtmap-floor li{
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 10px;
    font-family:Arial,Verdana,Sans-serif;
    border: 1px solid gainsboro;
    background: white;
}
.brtmap-floor li:first-child{
    font-weight: bold;
}
.brtmap-floor li:nth-child(2){
    font-weight: bold;
}
/* 选择楼层 end */

/* 基础信息显示 start */
.brtmap-content{
    position: fixed;
    z-index: 99;
    border: 1px solid gainsboro;
    left: 100px;
    top: 15px;
    background-color: white;
    font-size: 12px;
}
.brtmap-content div:first-child{
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    border-bottom: 1px solid gainsboro;
    font-size: 12px;
}
.brtmap-content p span{
    padding: 0 10px;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
}
.brtmap-content p span:first-child{
    display:-moz-inline-box;
    display:inline-block;
    width:120px;
}
/* 基础信息显示 end */
/* 放大缩小控件 start */
.brtmap-zoom{
    position: fixed;
    z-index: 99;
    background-color: white;
}
.brtmap-add {
    border: 1px solid;
    width: 40px;
    height: 40px;
    color: grey;
    border-color: gainsboro gainsboro transparent gainsboro;
    transition: color .25s;
    position: relative;
}  
.brtmap-add::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    margin-left: -8px;
    margin-top: -1px;
    border-top: 2px solid;
}
.brtmap-add::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 16px;
    margin-top: -8px;
    margin-left: -1px;
    border-left: 2px solid;
}
  
.brtmap-add:hover {
    cursor: pointer;
}

.brtmap-reduce {
    border: 1px solid;
    width: 40px;
    height: 40px;
    color: grey;
    border-color: gainsboro;
    transition: color .25s;
    position: relative;
}  
.brtmap-reduce::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    margin-left: -8px;
    border-top: 2px solid;
}
.brtmap-reduce:hover {
    cursor: pointer;
}
/* 放大缩小控件 end */
/* logo控件 start */
.brtmap-logo{
    position: fixed;
    display: block;
    width: 86px;
    height: 20px;
    margin: 10px;
    z-index: 99;
    background-color: white;
    overflow: hidden;
    background: center no-repeat;
    background-size: 100% auto;
    background-image: url("data:image/svg+xml;base64,[encoded data, 49012 characters]");
}
/* logo控件 end */
/* 基础信息框控件 start*/
.brtmap-baseInfoBox{
    white-space:nowrap;
    background-color: white;
    border: gainsboro 1px solid;
    text-align: center;
    border-radius:3px;
    position: relative;
}
.brtmap-closeBtn{
    border-radius: 12px;
    line-height: 20px;
    text-align: center;
    height: 20px;
    width: 20px;
    font-size: 10px;
    padding: 1px;
    top: -10px;
    right: -10px;
    position: absolute;
    cursor: pointer;
}

.brtmap-closeBtn::before {
    content: "\2716";
}
/* 基础信息框控件 end*/
/* 按钮 清除start*/
.brtmap-remove-button{
    display: inline-block;
    width: 65px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    border: none;
    border-radius:3px; 
    background-color: #0099FF; 
    color: #ffffff; 
    cursor: pointer;
    margin: 5px 10px;
    font-size: 12px;
}
/* 按钮 清除end*/
/* 路径规划 start*/
.brtmap-stops-marker { 
    width: 30px;
    height: 30px; 
    line-height: 30px; 
    text-align: center; 
    border-radius: 50%; 
    background-color: #FF6600; 
    color: #FFFFFF; 
    font-size: 12px;
}
.brtmap-start-button{
    display: inline-block;
    width: 65px;
    line-height: 30px;
    text-align: center;
    border: none;
    border-radius:3px; 
    background-color: green; 
    color: #ffffff; 
    cursor: pointer;
    margin: 5px 10px;
    font-size: 12px;
}
.brtmap-tujing-button{
    display: inline-block;
    width: 65px;
    line-height: 30px;
    text-align: center;
    border: none;
    border-radius:3px; 
    background-color: orange; 
    color: #ffffff; 
    cursor: pointer;
    margin: 5px 10px;
    font-size: 12px;
}
.brtmap-end-button{
    display: inline-block;
    width: 65px;
    line-height: 30px;
    text-align: center;
    border: none;
    border-radius:3px; 
    background-color: red; 
    color: #ffffff; 
    cursor: pointer;
    margin: 5px 10px;
    font-size: 12px;
}
.brtmap-nextpath-button{
    display: inline-block;
    width: 65px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    border: none;
    border-radius:3px; 
    background-color: gray; 
    color: #ffffff; 
    cursor: pointer;
    margin: 5px 10px;
    font-size: 12px;
}
.brtmap-pathMiles{
    text-align: center;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
}
/* 路径规划 end*/
/* 查询 start*/
.brtmap-search-box{ position: absolute; left: 10px; top: 15px; z-index: 10;}
.brtmap-search-box > input{ width: 400px; height: 40px; background-color: #FFFFFF; border:none; box-shadow: 1px 1px 3px #666666;  -webkit-box-shadow: 1px 1px 3px #666666; -webkit-appearance: none; padding: 0 10px;  }
.brtmap-search-box > ul{ width:400px; max-height: 400px; overflow: hidden; overflow-y: auto; background-color: #FFFFFF; box-shadow: 1px 1px 3px #666666;-webkit-box-shadow: 1px 1px 3px #666666; -webkit-appearance: none; position: absolute; top: 43px;}
.brtmap-search-box > ul > li{ font-size: 13px; line-height: 38px; padding: 0 10px;-webkit-appearance: none; color: #666666;}
.brtmap-search-box > ul > li:hover{ background-color: #F5F5F5; cursor: pointer;}

@media only screen and (max-width: 375px){
    .brtmap-search-box > input{ width: 250px;}
    .brtmap-search-box > ul{ width: 250px;}
}
/* 查询 end*/

/* 定位导航*/
.brtmap-modal { position: absolute; width: 300px; left: 50%; margin-left: -150px; top: 10px; color: #ffffff; background-color: rgba(0,0,0, 0.7); border-radius: 5px; opacity: 0; visibility: hidden; z-index: 10;}
.brtmap-modal.show { opacity: 1; visibility: visible; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s;}
.brtmap-modal > .brtmap-top { overflow: hidden; line-height: 55px; padding: 0 20px;}
.brtmap-modal > .brtmap-top > .brtmap-l { float: left; font-size: 18px;}
.brtmap-modal > .brtmap-top > .brtmap-r { float: right;}
.brtmap-modal > .brtmap-bom { overflow: hidden; line-height: 30px; padding: 0 20px; font-size: 12px; color: #ffffff; border-top: 1px solid #666666;}
.brtmap-modal > .brtmap-bom > .brtmap-l { float: left;}
.brtmap-modal > .brtmap-bom > .brtmap-r { float: right;}

.brtmap-tips { position: absolute; left: 260px; top: 20px; color: #FF3300; font-size: 13px; z-index: 10;}

.brtmap-button{ display: block; width: 65px; line-height: 20px; height: 20px; margin: 5px 10px; text-align: center; border: none; border-radius: 3px; background-color: #0099FF; color: #ffffff; cursor: pointer;}
/* 定位导航*/