.robotControl-video{width:100%;height:100%;position:relative}.robotControl-video .robotControl-requestPictureInPicture{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5);display:flex;color:#fff;align-items:flex-end;justify-content:center;padding-bottom:5px;z-index:98;opacity:.3;transition:.5}.robotControl-video .robotControl-requestPictureInPicture:hover{opacity:1!important}.robotControl-video .robotControl-videoNot{width:100%;height:80%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5);display:flex;color:#fff;flex-direction:column;align-items:center;justify-content:center;z-index:99}.robotControl-video .robotControl-videoNot div{margin:10px 0}.robotControl-video .robotControl-videoNot button{border:1px solid #1a73e8;background:rgba(26,115,232,.5)}.robotControl-video video{width:100%;height:100%}.robotControl-video video::-webkit-media-controls-fullscreen-button,.robotControl-video video::-webkit-media-controls-play-button{display:none}.robotControl-video video::-webkit-media-controls-current-time-display,.robotControl-video video::-webkit-media-controls-timeline{display:none}.robotControl-video video::-webkit-media-controls-mute-button,.robotControl-video video::-webkit-media-controls-time-remaining-display{display:none}.robotControl-video video::-webkit-media-controls-toggle-closed-captions-button,.robotControl-video video::-webkit-media-controls-volume-slider{display:none}.robotControl-video video::-webkit-media-controls-enclosure{display:none}.robotControl-mapbox{position:relative}.robotControl-mapbox,.robotControl-mapbox .robotControl-mapCanvas{width:100%;height:100%}.robotControl-mapbox .robotControl-mousePosition{position:absolute;top:200px;left:20px}.robotControl-mapbox .referSwitch{padding:0 10px;position:absolute;top:0;width:100%;background:rgba(0,0,0,.7);z-index:100;line-height:30px;color:#fff}.robotControl-mapbox .referSwitch .el-switch{margin-right:10px}.robotControl-mapbox .referSwitch .el-switch__label{color:#fff}.robotControl-mapbox .HxzDeviceTag{position:absolute;right:5px;z-index:100;top:80px}.robotControl-sensorData{width:100%}.robotControl-ultrasonic{width:100%;position:relative}.robotControl-ultrasonic .robotControl-roboffsetRobot{width:80px;height:80px;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.robotControl-ultrasonic .robotControl-roboffsetRobot .robotControl-robotImg{width:100%;height:100%;position:relative;z-index:20}.robotControl-ultrasonic .robotControl-roboffsetRobot .robotControl-qian{z-index:10;position:absolute;top:-3px;left:30px;transform:rotate(90deg);width:20px;height:20px}.robotControl-ultrasonic .robotControl-ultrasonicTop img{bottom:0}.robotControl-ultrasonic .robotControl-ultrasonicTop div div{transform:rotate(-40deg)}.robotControl-ultrasonic .robotControl-ultrasonicTop h1 div{transform:rotate(40deg)}.robotControl-ultrasonic .robotControl-ultrasonicBottom nav,.robotControl-ultrasonic .robotControl-ultrasonicBottom p{position:absolute;bottom:0;width:100%}.robotControl-ultrasonic .robotControl-ultrasonicBottom nav{bottom:16px}.robotControl-ultrasonic .robotControl-ultrasonicBottom div div{transform:rotate(225deg)}.robotControl-ultrasonic .robotControl-ultrasonicBottom h1 div{transform:rotate(135deg)}.robotControl-ultrasonic .robotControl-ultrasonicBottom,.robotControl-ultrasonic .robotControl-ultrasonicTop{display:flex;height:90px;text-align:center}.robotControl-ultrasonic .robotControl-ultrasonicBottom div div,.robotControl-ultrasonic .robotControl-ultrasonicTop div div{left:90px}.robotControl-ultrasonic .robotControl-ultrasonicBottom img,.robotControl-ultrasonic .robotControl-ultrasonicTop img{position:absolute;width:100px}.robotControl-ultrasonic .robotControl-ultrasonicBottom nav,.robotControl-ultrasonic .robotControl-ultrasonicBottom p,.robotControl-ultrasonic .robotControl-ultrasonicTop nav,.robotControl-ultrasonic .robotControl-ultrasonicTop p{width:100%}.robotControl-ultrasonic .robotControl-ultrasonicBottom div,.robotControl-ultrasonic .robotControl-ultrasonicBottom h1,.robotControl-ultrasonic .robotControl-ultrasonicTop div,.robotControl-ultrasonic .robotControl-ultrasonicTop h1{flex:1;position:relative;font-size:12px;font-weight:400}.robotControl-ultrasonic .robotControl-ultrasonicNode{width:50px;height:23px;border-top:3px solid red;border-bottom:0;border-radius:50%}.robotControl-status .status-msg{margin-bottom:10px;display:flex}.robotControl-status .status-msg .status-label{width:80px}.robotControl-status .status-msg .status-body{flex:1}.robotControl-status .el-button{height:24px;line-height:24px;padding:0 4px}.robotControl-msgTab{margin-top:5px}.selectMapPoint-box{display:flex}.selectMapPoint-box .selectMapPoint-map{position:relative}.selectMapPoint-box .selectMapPoint-map .hxz-mousePosition{position:absolute;top:150px;left:20px}.selectMapPoint-box .selectMapPoint-canvas{width:800px;height:700px;background:#cdcdcd}.selectMapPoint-box .selectMapPoint-form{padding:20px;width:400px}.selectMapPoint-box .selectMapPoint-form .inputNumber .el-input{width:200px}.robotC-position .position-form{display:flex;margin-bottom:10px}.robotC-position .position-form div{display:flex;align-items:center;width:120px}.robotC-position .position-form p{flex:1}.robotC-position .position-form .el-cascader,.robotC-position .position-form .el-input{width:100%}.robotMacBox{position:relative}.robotMacBox,.robotMacBox img{width:100%;height:100%}.robotMacBox .robotMac{position:absolute;top:7%;left:5%;width:90%;height:70%;padding:7% 3%;box-sizing:border-box;display:flex;flex-wrap:wrap}.robotMacBox .robotMac view{box-sizing:border-box}.robotMacBox .robotMac .robotMac-item{position:relative;background:#494949;border-radius:6px;color:#323232;display:flex;align-items:center;justify-content:center}.robotMacBox .robotMac .wraning{background:rgba(255,148,38,.4);border:3px solid #ffcc5b;box-shadow:inset 0 0 52px 0 #ffb726;color:#ffcc5b}.robotMacBox .robotMac .error{background:#4c1614;border:3px solid #f63914;box-shadow:inset 0 0 52px 0 #ff4726;color:#e1251b}.robotMacBox .robotMac .open{background:#0068ff;border:3px solid #0e0ada;box-shadow:inset 0 0 52px 0 #0c1a5f;color:#05b9bb}.robotMacBox .robotMac .robotBox-status{position:absolute;border-radius:6px;padding:2px 8px;bottom:0;right:0}.robotMacBox .robotMac .robotBox-status-open{color:#5ba9ff!important}.robotMacBox .robotMac .robotBox-status-wraning{color:#ffcc5b!important}.robotMacBox .robotMac .robotBox-status-error{color:#f63914!important}.robotMacBox .robotMac .focal{border:3px solid #fff;color:#fff}.hxz-poiMap-mapBox .hxz-mouse-position,.hxz-poiMap-mapBox .ol-rotate{display:none}.hxz-poiMap-mapBox .ol-control{top:20px;left:20px;position:absolute;background-color:hsla(0,0%,100%,.4);border-radius:4px;padding:2px}.hxz-poiMap-mapBox .ol-control button{display:block;margin:1px;padding:0;color:#fff;font-size:1.14em;font-weight:700;text-decoration:none;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:rgba(0,60,136,.5);border:none;border-radius:2px}.openTheDoor{display:flex}.openTheDoor .openTheDoor-button .el-button{padding:0 5px;margin-left:5px}.openTheDoor .openTheDoor-item{padding-top:20px;flex:1;display:flex;flex-direction:column}.openTheDoor .openTheDoor-item .openTheDoor-itemMsg{padding:5px;margin-top:5px}.openTheDoor .openTheDoor-item .openTheDoor-itemMsg div{display:flex;align-items:center;margin-bottom:5px}.openTheDoor .openTheDoor-item .openTheDoor-itemMsg div p{width:60px}.openTheDoor .openTheDoor-item .openTheDoor-itemMsg div span{display:block}.openTheDoor .el-tabs__header{padding-bottom:0!important;border:0}.openTheDoor .el-tabs__item{border-bottom-color:#e4e7ed!important}.openTheDoor .el-tabs__nav-scroll{padding-left:0!important}.openTheDoor .el-tabs__nav{display:flex;width:100%}.openTheDoor .el-tabs__nav div{flex:1;text-align:center}.openTheDoor .robotMacBoxItem{padding:20px;border:1px solid #e4e7ed}.telecontrol{width:100%;height:300px;position:relative;padding:5px}.telecontrol .telecontrol-speed{display:flex;flex:1;margin-top:10px}.telecontrol .telecontrol-speed p{margin-top:5px}.telecontrol .telecontrol-form{display:flex}.telecontrol .telecontrol-mask{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.7;z-index:10;background:#000}.telecontrol nav{text-align:center}.telecontrol nav .el-button{position:relative;z-index:9}.telecontrol nav .el-button--danger,.telecontrol nav .el-button--primary{position:relative;z-index:10}.telecontrol .telecontrol-box{width:100%}.telecontrol .telecontrol-msg{flex:1}.telecontrol .telecontrol-msg .telecontrol-user{display:flex}.telecontrol .telecontrol-msg .telecontrol-user div{flex:1}.telecontrol .telecontrol-msg .telecontrol-user div .el-tag{position:relative;z-index:11}.telecontrol .telecontrol-msg .telecontrol-user nav{flex:1;text-align:center}.telecontrol .telecontrol-steeringWheel{margin-top:10px;position:relative}.telecontrol .telecontrol-steeringWheel div{position:absolute;width:70px;text-align:center;padding:5px;border:1px solid #ccc}.telecontrol .telecontrol-steeringWheel .telecontrol-steeringWheel-top{top:0;left:0;right:0;margin:0 auto}.telecontrol .telecontrol-steeringWheel .telecontrol-steeringWheel-bottom{top:50px;left:0;right:0;margin:0 auto}.telecontrol .telecontrol-steeringWheel .telecontrol-steeringWheel-left{top:25px;left:40px}.telecontrol .telecontrol-steeringWheel .telecontrol-steeringWheel-right{top:25px;right:40px}.telecontrol .telecontrol-steeringWheel .telecontrol-steeringWheel-stop{margin:0 10%;width:80%;top:100px}.batteryCharging{margin-top:30px}.batteryCharging div{margin-top:10px}.batteryCharging .el-dialog__body{padding:5px 10px}.batteryCharging .el-dialog__body .el-cascader{width:100%}.operationRecord-box{width:100%;height:100%;position:absolute}.operationRecord-box .el-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:16px;width:100%;height:calc(100% - 200px)}.operationRecord-box .el-empty .el-empty__image{width:150px;height:150px;margin-bottom:30px}.operationRecord-box .operationRecord{width:100%;height:calc(100% - 71px);position:absolute;overflow-y:scroll}.operationRecord-box .operationRecord div{margin-bottom:10px;display:flex}.operationRecord-box .operationRecord div p{flex:2;padding-right:5px}.operationRecord-box .operationRecord div span{padding-left:5px;flex:3}.operationRecord-box .el-pagination{margin-top:0;padding:5px;position:absolute;bottom:0;left:0;width:100%;display:block;padding-right:0}.operationRecord-box .el-pagination .el-pagination__total{display:block}.operationRecord-box .el-pagination .el-pagination__sizes{display:block;float:left}.operationRecord-box .el-pagination .el-pager{width:80%;display:inline-block}.operationRecord-box .el-pagination .btn-prev{width:10%}.operationRecord-box .el-pagination .el-pagination__sizes,.operationRecord-box .el-pagination .el-pagination__total{margin-top:5px}.el-cascader-menu__wrap{height:400px;min-height:400px}.hxz-mapModal{width:830px}.robotControl-control div::-webkit-scrollbar{width:0}.robotControl-control .el-tabs{height:100%}.robotControl-control .robotControl-nametitle{font-size:16px;font-weight:800;margin-bottom:5px}.robotControl-control .el-tabs__content{position:relative;overflow-y:scroll;height:calc(100% - 54px)}.navigation-form .navigation-form-header{display:flex;flex:0;align-items:center;padding:0 15px;font-size:16px;line-height:1.5;color:rgba(0,0,0,.88);font-weight:600;border-bottom:1px solid rgba(5,5,5,.06);line-height:50px}.navigation-form .navigation-form-header div{flex:1}.navigation-form .navigation-form-header p{font-size:28px;width:50px;text-align:center}.navigation-form .robotMacBoxItem{border:1px solid #e4e7ed;padding:30px}.navigation-form .navigation-openTheDoorItem{display:flex;margin:0 15px}.navigation-form .navigation-openTheDoorItem .navigation-form-header{margin-top:20px}.navigation-form .navigation-formItem{padding:8px 15px;display:flex;justify-content:flex-start}.navigation-form .navigation-formItem .navigation-formItem-label{display:flex;align-items:center;flex:3}.navigation-form .navigation-formItem .navigation-formItem-form{display:flex;flex:9}.navigation-form .navigation-formItem .right{justify-content:flex-end}.navigation-form .el-cascader{width:100%}.navigation-form .el-form{padding:16px 15px}.navigation-form .el-tabs{flex:1;text-align:center}.navigation-form .el-tabs .el-tabs__header{padding-bottom:0;border-bottom:0 solid #e4e7ed}.navigation-form .el-tabs .el-tabs--top{flex:1}.navigation-form .el-tabs .el-tabs__nav-scroll{padding-left:0!important}.navigation-form .el-tabs .el-tabs__nav{width:100%;display:flex;border-bottom:1px solid #e4e7ed;border-radius:0}.navigation-form .el-tabs .el-tabs__item{flex:1}.chargePile-form .chargePile-formItem{display:flex;align-items:center;margin-top:10px}.chargePile-form .chargePile-formItem .chargePile-formItem-label{width:80px}.chargePile-form .chargePile-formItem .chargePile-formItem-form{flex:1}.chargePile-form .chargePile-formItem .el-cascader{width:100%}.robotControl{position:absolute;width:100%;height:100%;display:flex}.robotControl,.robotControl div{box-sizing:border-box}.robotControl .robotControl-sensorData .el-checkbox__input.is-disabled+span.el-checkbox__label{color:#1a73e8!important}.robotControl .robotControl-map{background:#cdcdcd;flex:1;padding-top:50px;position:relative}.robotControl .robotControl-map .robotControl-robotNmae{width:100%;height:50px;position:absolute;top:0;left:0;display:flex;align-items:center;padding-left:20px;background:#e9e6e6;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border:1px solid #999}.robotControl .robotControl-map .robotControl-robotNmae span{margin-right:20px;font-size:18px}.robotControl .robotControl-msg{margin-right:5px;flex-direction:column;width:300px;height:100%;background:#fff}.robotControl .robotControl-msg .robotControl-msgTab{height:calc(100% - 243px);overflow-y:scroll}.robotControl .robotControl-operate{display:flex;flex-direction:column;width:400px;height:100%}.robotControl .robotControl-operate .robotControl-videoBox{background:#000;width:100%;height:250px;margin-bottom:5px}.robotControl .robotControl-operate .robotControl-moduleBox{flex:1}.robotControl .robotControl-operate .robotControl-moduleBox .robotControl-control{height:100%}.robotControl .el-card .el-card__body,.robotControl .el-card .el-card__header{padding:10px}.robotControl .ol-rotate,.robotControl .ol-zoom{display:none}