.takeover-monitoring .page-container .middle{position:absolute;top:25vh;height:220px;width:300px;background-color:rgba(8,19,22,.71);border-radius:4px;padding:10px;color:#fff}.takeover-monitoring .page-container .middle .title{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.takeover-monitoring .page-container .middle .title .icon-title{width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-left:5px}.takeover-monitoring .page-container .middle .title .icon-title .icon{height:18px;width:18px;margin-right:6px;margin-left:2px}.takeover-monitoring .page-container .middle .title .icon-title .lable{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.takeover-monitoring .page-container .middle .title .icon-title .lable .chinese{font-size:14px}.takeover-monitoring .page-container .middle .title .icon-title .lable .english{color:hsla(0,0%,100%,.5)}.takeover-monitoring .page-container .middle .title .bottom-line{width:100%;height:1px;position:absolute;bottom:0}.takeover-monitoring .page-container .middle .title .bottom-line .line{height:1px;position:absolute}.takeover-monitoring .page-container .middle .title .bottom-line .first-line{width:40px;background-color:#fff}.takeover-monitoring .page-container .middle .title .bottom-line .second-line{width:calc(100% - 58px);background-color:hsla(0,0%,100%,.3);left:40px}.takeover-monitoring .page-container .middle .title .bottom-line .third-line{width:12px;right:0;background-color:#21b0db}.takeover-monitoring .page-container .middle .content{height:calc(100% - 40px);padding:10px 5px 0 5px}.takeover-monitoring .page-container .middle .content .content-item{height:100%;width:calc(100% - 12px);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid hsla(0,0%,100%,.15);padding:5px 5px 0 5px}.takeover-monitoring .page-container .middle .content .content-item:not(:first-child){margin-left:6px}.takeover-monitoring .page-container .middle .content .content-item .image{width:75px;height:75px}.takeover-monitoring .page-container .middle .content .content-item .name{height:25px}.takeover-monitoring .page-container .bottom{height:110px;background:rgba(8,19,22,.6);-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.15);box-shadow:0 2px 2px 0 rgba(0,0,0,.15);border-radius:4px;bottom:10px;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.map-container[data-v-7e7da927]{height:100%;width:100%;position:absolute;left:0}.map-container .scene-viewer[data-v-7e7da927]{position:absolute;height:100%!important}.vehicle-video-list[data-v-156469dd]{height:150px;top:60px;position:absolute;width:calc(100% - 40px)}.vehicle-video-list .vehicle-video[data-v-156469dd]{width:calc(16.66667% - 16px);height:100%;position:relative;margin-top:20px}.vehicle-video-list .vehicle-video[data-v-156469dd]:not(:first-child){margin-left:20px}.vehicle-video-list .vehicle-video .video[data-v-156469dd]{position:absolute;width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.vehicle-video-list .vehicle-video .msg[data-v-156469dd]{height:25px;background-color:rgba(0,0,0,.5);position:relative;color:#fff}.vehicle-video-list .vehicle-video .msg .direction[data-v-156469dd]{left:6px;position:absolute}.vehicle-video-list .vehicle-video .msg .direction .icon[data-v-156469dd]{height:16px;width:16px;margin-right:3px}.vehicle-video-list .vehicle-video .msg .zoom[data-v-156469dd]{position:absolute;right:6px;height:14px;width:14px;color:hsla(0,0%,100%,.5)}.vehicle-video-list .vehicle-video .msg .zoom[data-v-156469dd]:active,.vehicle-video-list .vehicle-video .msg .zoom[data-v-156469dd]:hover{color:#fff}.vehicle-video-list .vehicle-video[data-v-156469dd]:first-child{-webkit-transform:scale(1.2);transform:scale(1.2);margin-right:40px}.vehicle-video-list .vehicle-video[data-v-156469dd]:nth-child(2){-webkit-transform:scale(1.2);transform:scale(1.2);margin-left:40px}.vehicle-video-list .vehicle-video[data-v-156469dd]:nth-child(3){-webkit-transform:scale(1.2);transform:scale(1.2);margin-left:65px;margin-right:20px}.vehicle-video-list .el-dialog{margin:0!important;width:1500px;height:750px;background:transparent;top:10%;left:10%}.vehicle-video-list .el-dialog__header{padding:0}.vehicle-video-list .el-dialog__body{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vehicle-video-list .el-dialog__headerbtn{z-index:9;right:25px}.vehicle-video-list .el-dialog__headerbtn .el-dialog__close{color:#fff}.video-play{position:absolute;width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.ticket-detail[data-v-283910d8]{font-size:14px}.ticket-detail .ticket-number[data-v-283910d8]{height:35px;position:relative;padding-top:18px;padding-left:5px}.ticket-detail .ticket-number .number[data-v-283910d8]{color:#50c3e6;margin-left:10px}.ticket-detail .content[data-v-283910d8]{height:calc(100% - 75px)!important}.takeover-route[data-v-7bb596f4]{right:20px}.takeover-route .distance-time[data-v-7bb596f4]{height:50px;margin:10px 0;border:1px solid rgba(219,220,225,.39)}.takeover-route .distance-time .distance[data-v-7bb596f4]{width:50%;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.takeover-route .distance-time .line[data-v-7bb596f4]{height:70%;border-left:1px dashed}.takeover-route .distance-time .time[data-v-7bb596f4]{width:50%;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.takeover-route .distance-time .value[data-v-7bb596f4]{font-size:18px;color:#50c3e6;margin-left:4px;margin-right:2px;overflow:hidden;text-overflow:ellipsis;width:calc(80% - 50px)}.takeover-route .distance-time .values[data-v-7bb596f4]{font-size:18px;color:#50c3e6;margin-left:4px;margin-right:2px;overflow:hidden;text-overflow:ellipsis;width:calc(80% - 25px)}.takeover-route .distance-time .unit[data-v-7bb596f4]{color:#50c3e6}.takeover-route .start-end[data-v-7bb596f4]{height:calc(100% - 70px);font-size:13px}.takeover-route .start-end .location[data-v-7bb596f4]{height:50%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.takeover-route .start-end .location img[data-v-7bb596f4]{height:30px;width:21px;margin-right:3px}.vehicle-status[data-v-26552ed8]{width:360px}.vehicle-status .title[data-v-26552ed8]{padding:2px 5px;background:#43a36e;border-radius:2px;color:#fff;position:absolute;top:8px;left:8px}.vehicle-status .status-list[data-v-26552ed8]{height:calc(100% - 40px);width:100%;position:absolute;bottom:0}.vehicle-status .status-list .status[data-v-26552ed8]{width:33.33333%;height:100%;color:hsla(0,0%,100%,.75);position:relative}.vehicle-status .status-list .status .circle[data-v-26552ed8]{height:35px;width:70px;background-color:transparent;border-top:6px solid hsla(0,0%,84.7%,.39);border-left:6px solid hsla(0,0%,84.7%,.39);border-right:6px solid hsla(0,0%,84.7%,.39);border-radius:35px 35px 0 0;top:0;position:absolute}.vehicle-status .status-list .status .circle.compass[data-v-26552ed8]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAwCAMAAACffixXAAAAAXNSR0IArs4c6QAAAYlQTFRFAAAAAAAA////gICA////qqqq////v7+/zMzM1dXV29vbv7+/39/f4+PjzMzM5ubm0dHR6Ojo1dXV2NjY29vb3d3d39/f0tLS4eHh1dXV4+Pj19fX2dnZzs7O29vb0dHR3Nzc09PT3t7e1dXV39/f1tbW2dnZ0dHR29vb3Nzc1NTU3d3d19fX2NjY2tra29vb1dXV3Nzc1tbW19fX0tLS2dnZ2tra29vb1dXV1tbW3Nzc2NjY1NTU2dnZ1dXV2tra1dXV1tbW19fX09PT2NjY2dnZ1dXV1dXV2tra29vb19fX19fX2NjY2dnZ2dnZ19fX19fX1dXV2NjY2dnZ1tbW2tra1tbW19fX19fX1dXV2NjY1dXV2dnZ2dnZ1tbW19fX2tra19fX2NjY2NjY1tbW2dnZ1tbW2dnZ19fX2NjY1dXV2NjY1dXV1tbW2dnZ19fX2tra19fX1dXV2NjY2NjY1tbW1tbW19fX19fX1dXV2NjY1dXV2NjY1tbW2NjY1tbW2dnZ19fX19fXMH0cLQAAAIN0Uk5TAAEBAgIDAwQFBgcICAkKCgsLDA0ODxARERISExQVFRYWFxcYGBkbHBwdHh4gISIjJCQlJigoKSorLCwuLy8wMDEyMzQ0NTY3Nzg5Ojs8PT9AQkJDRERFRkdISElJSktMTE1OT1BQUVFTVFVVVlhYWVlaW1tcXV5fYGFhYmJjY2RkZWYLsxFDAAACL0lEQVQYGZ3BiyOTURwG4LfZwpollDQpiyUlsiTpoiKKoVTkmqEQqVy2NrN971/efuezXDffOc+Dgvw3Q/faW5qClS4YKWsd/hZnTmrlw6Mq6PF3L/OkjTdX4Fjwi8U8llrOwYnGORay9gBn8r/nWaI1KCwc52GZ9YWZ8enojxQPS/e5kF/xKA9sjoar3bC5KluG1nggWo58KlaZkxhpxHE1/VvM2QnidNV/uC/W68VpPJ0b3Je8i9PUxmizhr3Ix92TpC3dipOqtmlbr0chlfO0pZtwXNk6bZ9KUZirz6KSqMNRrq+09eFsrXtUfl/AEb20PYEToSSVSRzWYFF5AWea01S6cKBolcognApTiV/Ef0+pLBTBsQiVMeR4/1LEKuCcZ5lKPfa9otIBHdctiknYSmIUi9ATobACUB5TaYAeX4JiBMoixTx0vaOIFyPrMpVm6CrPULQhq4diywVtUxSfkTVL8Rb62ihiLsCzS9EIfaUZilogSLHrhoElii7gIcUsTPRTRIABikGYaKeYA8YpOmHiBsUmEKW4AxM+ihSwTBGECQ8VN35SXIORNIUXvyiuwkiKwocVinqYcFPxYIGiCSa8FHvANEUYJmoodoAhin6YuE+xCHRRTMDES4pR4DbFNkxMUTwDvBZFAPo8SYoQgO8Uz6EvRLF7HsAAxQr0jVDMIOsWlTroKklQdENskEx9DEDXpWlmpf0Qr625jlKYCIxZnIDiq4CxqkgIwD91CXQVHwbfYwAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:100% 100%;height:50px;border:none}.vehicle-status .status-list .status .circle.compass .pointer-compass[data-v-26552ed8]{margin-top:12px;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vehicle-status .status-list .status .circle #wheelAngle.pointer[data-v-26552ed8]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.vehicle-status .status-list .status .circle .pointer[data-v-26552ed8]{height:2px;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:100%;position:absolute;bottom:0}.vehicle-status .status-list .status .circle .pointer .line[data-v-26552ed8]{width:25px;height:2px;background-color:#fff;position:absolute;right:50%}.vehicle-status .status-list .status .circle .pointer .point[data-v-26552ed8]{width:2px;height:2px;background-color:#fff;position:absolute;left:-10px}.vehicle-status .status-list .status .label[data-v-26552ed8]{position:absolute;width:100%;text-align:center}.vehicle-status .status-list .status .value[data-v-26552ed8]{bottom:18px}.vehicle-status .status-list .status .name[data-v-26552ed8]{bottom:2px}.ticket-list[data-v-2c2d1216]{width:790px;margin-left:calc(50% - 395px);padding:10px}.ticket-list .blue-ray[data-v-2c2d1216]{height:4px;background:-webkit-gradient(linear,left top,right top,from(rgba(33,176,219,0)),color-stop(49%,#21b0db),to(rgba(33,176,219,0)));background:linear-gradient(90deg,rgba(33,176,219,0),#21b0db 49%,rgba(33,176,219,0));width:100%;position:absolute;top:0}.ticket-list .title[data-v-2c2d1216]{font-weight:500;color:#fff;line-height:20px;width:100%;height:20px;text-align:center;position:absolute;top:12px}.ticket-list .carousel[data-v-2c2d1216]{width:100%}.ticket-list .carousel[data-v-2c2d1216],.ticket-list .tickets[data-v-2c2d1216]{height:calc(100% - 24px);position:absolute;bottom:0}.ticket-list .tickets .ticketItem[data-v-2c2d1216]{position:relative;width:230px;height:42px;background:rgba(0,0,0,.29);border-radius:6px;border:1px solid #a8a8a8;color:#fff}.ticket-list .tickets .ticketItem .icon[data-v-2c2d1216]{width:40px;height:100%;background-color:hsla(0,0%,100%,.15);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAAXNSR0IArs4c6QAAATBJREFUOE+11DFrFUEUhuHnSyoNhCBW1pY2WoUUwVjYCHYp/AGCpEs6UwUCqdKEG6zSR7S2sLBQEKKSf6BpFISIjVqqR1b2hutl9xIimWaXObvvzHvOmYmRUVVX8BjXkdFY+/4dm0keDWN/P6qqm1jFNfzCSvscZyxhHS9wiI1U1TS+4Bku4jZ28bNjB/O40cbvY6sBXMJXXMUnPJyg8A2DJG+qah+f/wEk+dCxaufU+QGqahF7mOpY+l2Se23iuxWqag53egBHSV5PBPx3DqpqATtoyjs+DpM05Wt6p1fhMpZ7FN4neX7uCrN42nblUOFJksHYuelVaNwfYGbkh1dJDk4FOEsVLuAH7uLtKQFNkzWaL4fHeRtrPXdAH/Mjbp1cGlXVJG/Ue9JmCsdJfv8Blsi8pNEhfOwAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:50%}.ticket-list .tickets .ticketItem .ticket-number[data-v-2c2d1216]{width:calc(100% - 42px);text-align:center}.ticket-list .tickets .ticketItem[data-v-2c2d1216]:not(:first-child){margin-left:12px}.ticket-list .tickets .ticketItem.active[data-v-2c2d1216]{background:rgba(33,176,219,.3);-webkit-box-shadow:0 2px 2px 3px rgba(33,176,219,.09);box-shadow:0 2px 2px 3px rgba(33,176,219,.09);border:1px solid #21b0db;color:#21b0db}.ticket-list .tickets .ticketItem.active .icon[data-v-2c2d1216]{background-image:none}.ticket-list .tickets .ticketItem.active .ticket-close[data-v-2c2d1216]{display:block}.ticket-list .tickets .ticketItem .ticket-close[data-v-2c2d1216]{display:none;position:absolute;width:20px;height:20px;top:10px;left:10px;text-align:center}.ticket-list .tickets .ticketItem .ticket-close i[data-v-2c2d1216]{font-size:20px;font-weight:700;line-height:22px;color:#ff3c3c}.ticket-list .scroll[data-v-2c2d1216]{width:16px;height:16px;top:calc(50% + 2px);border-radius:50%;line-height:16px;text-align:center;background-color:hsla(0,0%,100%,.5);font-family:serif;position:absolute}.ticket-list .scroll[data-v-2c2d1216]:hover{background-color:#fff}.ticket-list .left[data-v-2c2d1216]{left:15px}.ticket-list .right[data-v-2c2d1216]{right:15px}@-webkit-keyframes left2right-data-v-2c2d1216{0%{right:577px}to{right:43px}}@keyframes left2right-data-v-2c2d1216{0%{right:577px}to{right:43px}}@-webkit-keyframes right2left-data-v-2c2d1216{0%{right:0}to{left:0}}@keyframes right2left-data-v-2c2d1216{0%{right:0}to{left:0}}.takeover-monitoring .toolbar[data-v-5923f480]{padding:0;position:relative}.takeover-monitoring .toolbar .page-container[data-v-5923f480]{width:100%;height:calc(100vh - 82px);position:relative;padding:0 20px}.takeover-monitoring .toolbar .page-container .page-title[data-v-5923f480]{background-image:url(../../static/img/title_bg.8ab3e025.png);background-repeat:no-repeat;background-size:100% 100%;height:52px;margin:0 -20px;width:100%;top:0;position:absolute}.takeover-monitoring .toolbar .page-container .page-title .title[data-v-5923f480]{font-size:24px;font-weight:500;color:#fff;line-height:33px;text-align:center}.takeover-monitoring .toolbar .page-container .page-title .time_right[data-v-5923f480]{right:10px;color:#fff;line-height:14px;text-shadow:0 1px 0 rgba(0,0,0,.25);position:absolute;top:8px}