.NavigationInfo[data-v-5aadbb76]{background:#fff;box-shadow:inset 4px 4px 10px 0 #f9f9f9,inset -4px -8px 10px 0 #fff;padding:10px 15px;z-index:1;display:flex;align-items:center;border-radius:4px}.NavigationInfo .floor-name[data-v-5aadbb76]{padding:0 5px}.NavigationInfo .distance[data-v-5aadbb76]{padding:0 10px;height:24px;display:flex;align-items:center}.NavigationInfo .distance i[data-v-5aadbb76]{color:var(--el-color-primary)}.NavigationInfo .distance span[data-v-5aadbb76]{margin-left:15px}.NavigationInfo .left[data-v-5aadbb76]{display:flex;flex-direction:column;border-right:1px solid var(--primary);margin-right:28px;padding-right:28px}.NavigationInfo .navi-info[data-v-5aadbb76]{flex:1;display:flex;flex-direction:column;background:var(--screen-bgc);padding:5px}.NavigationInfo .end-input[data-v-5aadbb76],.NavigationInfo .start-input[data-v-5aadbb76]{height:28px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:transparent;font-size:13px!important;color:#000}.NavigationInfo .end-input .area-name[data-v-5aadbb76],.NavigationInfo .start-input .area-name[data-v-5aadbb76]{max-width:200px;min-width:80px}.NavigationInfo .end-input .area-name span[data-v-5aadbb76],.NavigationInfo .start-input .area-name span[data-v-5aadbb76]{flex:0 0 auto;width:33px;height:23px;background:var(--primary);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff}.NavigationInfo .right[data-v-5aadbb76]{padding:0 10px}.NavigationInfo .right i[data-v-5aadbb76]{font-size:20px;color:#333}.options[data-v-5aadbb76]{z-index:1;bottom:10px;display:flex;align-items:center;margin-top:10px}.options .navi[data-v-5aadbb76]{flex:0 0 100px;text-align:center;border-radius:10px;padding:2px 0;color:#fff;background:var(--el-color-primary)}.options .line-item[data-v-5aadbb76]{flex:0 0 80px;text-align:center;padding:2px 0;color:#000;box-shadow:0 1px 3px 0 rgba(0,0,0,.3);border-radius:10px;width:81px;background:#fff}.options .line-item+.line-item[data-v-5aadbb76]{margin-left:10px}.options .line-item.active[data-v-5aadbb76]{color:#fff;background:var(--primary)}.qrcode[data-v-5aadbb76]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:168px;flex:0 0 auto}.qrcode img[data-v-5aadbb76]{width:140px;height:140px}.qrcode span[data-v-5aadbb76]{font-size:10px;color:#000}