.navInfo[data-v-3ec39ec7]{position:absolute;top:15px;left:15px;right:15px;height:auto;z-index:9;background:linear-gradient(0deg,#000,#374451);padding:10px;opacity:.9;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:space-between}.navInfo .iconarrow3-right_fill[data-v-3ec39ec7]{transform:rotate(-90deg)}.navInfo .routeInfo[data-v-3ec39ec7]{display:flex;align-items:center;font-size:23px}.navInfo .routeInfo .iconfont[data-v-3ec39ec7]{font-size:45px;margin-right:10px}.navInfo .tip[data-v-3ec39ec7]{flex:1;margin-left:20px;font-size:20px;display:flex;justify-content:flex-end}.navInfo .speed[data-v-3ec39ec7]{margin-left:auto;font-size:16px;font-weight:700}.menu-content[data-v-52f3b476]{background-color:#fff;width:100px;text-align:center}.menu-content .menu-item[data-v-52f3b476]{padding:5px}.menu-pop[data-v-52f3b476]{position:fixed;z-index:1;bottom:50px;transform:translateX(-50%)}.nav-btn[data-v-52f3b476]{position:fixed;bottom:5px;left:50%;transform:translateX(-50%);background-color:var(--el-color-primary);color:#fff;display:flex;flex-flow:column;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;border:3px solid #fff;font-size:10px}.nav-btn i.iconfont[data-v-52f3b476]{font-size:20px}.TabBar[data-v-52f3b476]{background:#fff;width:100%;height:55px;border-top:1px solid #ccc}.TabBar .list[data-v-52f3b476]{height:100%}.TabBar .list .tab-item[data-v-52f3b476]{text-align:center;align-items:center;justify-content:center}.TabBar .list .tab-item img[data-v-52f3b476]{margin:3px 0 3px 0;width:23px;height:23px}.TabBar .list .tab-item.active i[data-v-52f3b476]{color:#5075bf}.TabBar .list .tab-item i[data-v-52f3b476]{font-size:23px}.TabBar .list .tab-item .name[data-v-52f3b476]{font-size:12px;line-height:19px}.top-bar[data-v-57c9c020]{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#fff;text-align:center;color:#000;box-shadow:0 10px 5px rgba(76,76,76,.1);z-index:999}.top-bar .header[data-v-57c9c020]{color:#000;font-size:36px;font-weight:800}.top-bar .Clock[data-v-57c9c020]{color:#000}.home[data-v-57c9c020]{flex-direction:column}.left[data-v-57c9c020]{position:fixed;left:15px;bottom:350px;transform:translateY(50%);display:flex;flex-direction:column;align-items:center}.mat[data-v-57c9c020]{bottom:270px}.right-top[data-v-57c9c020]{position:fixed;right:15px;top:20px;display:flex;flex-direction:column;align-items:center;border-radius:5px}.right-top .myTitle[data-v-57c9c020]{width:33px;height:33px;background-color:#fff;border-radius:50%;margin-bottom:5px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 2px 2px rgba(0,0,0,.07)}.right-top .myTitle .iconfont[data-v-57c9c020]{color:#5075bf;font-size:19px}.leftbar[data-v-57c9c020]{position:absolute;left:0;top:100px;background-color:#fff;cursor:pointer;box-shadow:0 0 8px 1px rgba(0,0,0,.1)}.leftbar .menuitem[data-v-57c9c020]{display:flex;align-items:center;justify-content:center;width:50px;height:50px}.leftbar .menuitem.active[data-v-57c9c020]{color:#fff;background:var(--el-color-primary)}.topbar[data-v-57c9c020]{height:60px;width:100%;box-shadow:0 0 8px 1px rgba(0,0,0,.1);border-bottom:1px solid #ddd}.topbar .topcenter[data-v-57c9c020]{margin:0 auto;height:100%;display:flex;width:-moz-fit-content;width:fit-content;cursor:pointer}.topbar .topcenter .item[data-v-57c9c020]{font-size:16px;height:100%;display:flex;align-items:center;justify-content:center;padding:0 10px;position:relative}.topbar .topcenter .item.active[data-v-57c9c020]{border-bottom:2px solid var(--el-color-primary)}.topbar .topcenter .item[data-v-57c9c020]:hover{color:var(--el-color-primary)}.topbar .topcenter .item:hover .droplist[data-v-57c9c020]{display:flex}.topbar .topcenter .droplist[data-v-57c9c020]{display:none;position:absolute;top:100%;left:50%;z-index:10;flex-wrap:nowrap;transform:translateX(-50%);background-color:#fff;box-shadow:3px 3px 10px 1px rgba(0,0,0,.09);color:#333;padding:5px;border-radius:5px;font-size:14px}.topbar .topcenter .droplist .dropitem[data-v-57c9c020]{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;padding:0 10px;width:100px;background-color:#f8f8f8;margin:5px;border-radius:5px;height:40px}.topbar .topcenter .droplist .dropitem[data-v-57c9c020]:hover{color:var(--el-color-primary)}