.logo{width:484px;height:48px;background:url(../images/logo.d625c9cd2be1c65dc56c18df48315b81.png) no-repeat center;background-size:100%;box-sizing:border-box;position:fixed;top:36px;left:80px}
.header{display:flex;padding:26px 80px 0 80px;position:relative;z-index:999}.header .left{display:flex;flex:1;align-items:center}.header .left .app-logo{display:block;width:484px;height:66px;background:url(../images/logo.d625c9cd2be1c65dc56c18df48315b81.png) no-repeat center;background-size:cover}.header .right{text-align:right;display:flex;align-items:center}.header .right .status-info{display:flex;align-items:center;cursor:pointer}.header .right .status-icon{display:block;width:60px;height:60px;background:url(../images/avater.6e269b4ca35d4f66002cdf88199f6a05.png) no-repeat center;background-size:contain}.header .right .cockpit-name{font-size:28px;font-family:PingFang SC;font-weight:bold;color:#0d85ff;margin:0 8px;cursor:pointer}.header .right .cockpit-name.disabeld{font-size:28px;font-family:PingFang SC;font-weight:500;color:#fff;cursor:default}.header .right .cockpit-board,.header .right .cockpit-exit,.header .right .map-task-list{font-size:28px;font-family:PingFang SC;font-weight:normal;color:#bac3d7;padding:6px;cursor:pointer;padding:9px;background:#1d2a44;border-radius:6px;display:flex;align-items:center;margin-right:32px}.header .right .map-task-list::before{content:"";display:inline-block;width:36px;height:36px;background:url(../images/task-list-icon.6599b3a496fa2da7b3159451501faad4.png) no-repeat center;background-size:contain;margin:0 8px}.header .right .cockpit-board::before{content:"";display:inline-block;width:36px;height:36px;background:url(../images/ico.a76cae78b1ea9b8a7a1bbf447f6dff96.png) no-repeat center;background-size:contain;margin:0 8px}.header .right .cockpit-exit::before{content:"";display:inline-block;width:36px;height:36px;background:url(../images/exit.6c94f1882ab09c708d1fec0ce51ed4f6.png) no-repeat center;background-size:contain;margin:0 8px}.header .right .line{display:block;width:2px;height:48px;background:hsla(0,0%,100%,.2);margin:0 32px}.header .right .working-status{background:rgba(20,186,183,.12);border-radius:4px;color:#14bab7;padding:6px;font-size:24px;cursor:pointer}.header .right .exit-btn{cursor:pointer;width:150px;height:60px;background:linear-gradient(180deg, rgb(56, 80, 235) 0%, rgb(13, 133, 255) 100%);border-radius:8px;line-height:60px;text-align:center;font-size:28px;font-family:PingFang SC;font-weight:500;color:#fff}.header .user-info{display:flex;align-items:center;font-size:28px;cursor:pointer;color:#fff}.header .user-info .user-avatar{margin:0 16px 0 56px}.logout .ant-dropdown-menu-title-content{font-size:24px}
.cockpit-setting-board{z-index:9;position:absolute;right:44px;top:120px;width:36.6%;height:463px;background:linear-gradient(180deg, rgb(40, 60, 100) 0%, rgb(32, 49, 81) 100%);border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.3)}.cockpit-setting-board .vehicle-icon{margin-left:54px}.cockpit-setting-board .right{align-items:flex-start}.cockpit-setting-board .mode-setting-content{position:relative;display:flex;align-items:center;height:116px;background:rgba(0,0,0,.2);border-radius:8px 8px 0 0}.cockpit-setting-board .mode-setting-content .mode-select{display:flex;align-items:center;font-size:28px;font-family:PingFang SC;color:#fff}.cockpit-setting-board .mode-setting-content .mode-select .label{font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8);margin-left:24px}.cockpit-setting-board .mode-setting-content .mode-select .ant-select{width:305px;height:62px;border-radius:4px;margin-left:15px}.cockpit-setting-board .mode-setting-content .mode-select .ant-select .ant-select-selection-item{font-size:28px;font-family:PingFang SC;font-weight:normal;color:#fff;line-height:62px}.cockpit-setting-board .mode-setting-content .mode-select .ant-select .ant-select-selection-search-input{height:100%}.cockpit-setting-board .mode-setting-content .mode-select .ant-select .anticon svg{width:25px;height:25px;color:#0d85ff}.cockpit-setting-board .mode-setting-content .mode-select .ant-select .ant-select-selector{height:100%;background:rgba(10,13,26,.2);border:1px solid #6a6a70}.cockpit-setting-board .mode-setting-content .exit-btn,.cockpit-setting-board .mode-setting-content .enter-btn{cursor:pointer;width:184px;height:68px;background:linear-gradient(180deg, rgb(56, 80, 235) 0%, rgb(13, 133, 255) 100%);border-radius:8px;line-height:68px;text-align:center;font-size:28px;font-family:PingFang SC;font-weight:500;color:#fff;position:absolute;right:24px}.cockpit-setting-board .work-info-board{display:flex;flex-flow:column;height:346px}.cockpit-setting-board .work-info-board .user-work-detail{display:flex;flex:1;background:rgba(13,133,255,.1);color:#fff;align-items:center}.cockpit-setting-board .work-info-board .user-work-detail .left-box{flex:1;display:flex;align-items:center}.cockpit-setting-board .work-info-board .user-work-detail .left-box .user-avatar{display:block;width:100px;height:100px;background:url(../images/user-avatar.b83b0fbfc1a9bcbae1eeb1635ec4d558.png) no-repeat center;background-size:contain;margin-left:36px}.cockpit-setting-board .work-info-board .user-work-detail .left-box .detail-content{margin-left:24px;font-size:28px;font-family:PingFang SC;font-weight:normal;color:#fff}.cockpit-setting-board .work-info-board .user-work-detail .left-box .detail-content i{white-space:nowrap}.cockpit-setting-board .work-info-board .user-work-detail .left-box .detail-content .tag{display:block;width:75px;height:36px;background:#697ba3;border:1px solid #697ba3;border-radius:19px;font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8);text-align:center}.cockpit-setting-board .work-info-board .user-work-detail .center,.cockpit-setting-board .work-info-board .user-work-detail .right{flex:1;display:flex;flex-flow:column;font-size:28px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8)}.cockpit-setting-board .work-info-board .user-work-detail .right{flex-flow:row;background:rgba(13,133,255,.1);border:2px solid;border-image:linear-gradient(180deg, rgb(11, 140, 244) 0%, rgb(56, 80, 235) 100%) 1.7143204655 1.7143204655;border-radius:8px;padding-left:24px;margin-right:24px}.cockpit-setting-board .work-info-board .user-work-detail .right .work-time{display:flex;flex-flow:column;flex:1;text-align:left;margin-top:16px}.cockpit-setting-board .work-info-board .user-work-detail .right .work-time i{white-space:nowrap}.cockpit-setting-board .work-info-board .user-work-detail .right .mode-btn{display:flex;cursor:pointer;flex-flow:column;align-items:center;justify-content:center;margin-left:20px;padding:0 8px;min-width:122px;height:122px;background:linear-gradient(180deg, rgb(56, 80, 235) 0%, rgb(13, 133, 255) 100%);border-radius:4px}.cockpit-setting-board .work-info-board .user-work-detail .right .mode-btn i{white-space:nowrap}.cockpit-setting-board .work-info-board .team-work-detail{color:#fff;display:flex;flex:1;background:rgba(13,133,255,.1);border-top:1px solid #1b2038;align-items:center}.cockpit-setting-board .work-info-board .team-work-detail .left-box{flex:1;display:flex;align-items:center}.cockpit-setting-board .work-info-board .team-work-detail .left-box .vehicle-icon{display:block;width:100px;height:100px;background:url(../images/vehicle-icon.2bf21f77ec9fb80c3e4d8212cca8b8ed.png) no-repeat center;background-size:contain}.cockpit-setting-board .work-info-board .team-work-detail .left-box .detail-content{margin-left:24px;font-size:28px;font-family:PingFang SC;font-weight:normal;color:#fff}.cockpit-setting-board .work-info-board .team-work-detail .left-box .detail-content i{white-space:nowrap}.cockpit-setting-board .work-info-board .team-work-detail .left-box .detail-content .tag{display:block;width:75px;height:36px;background:#697ba3;border:1px solid #697ba3;border-radius:19px;font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8);text-align:center}.cockpit-setting-board .work-info-board .team-work-detail .center,.cockpit-setting-board .work-info-board .team-work-detail .right{flex:1;display:flex;flex-flow:column;font-size:28px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8)}.ant-select-dropdown{z-index:99999}
.search-form{margin-bottom:20px}.search-form .select-container{display:flex;justify-content:center;align-items:center}.search-form .select-container div{font-size:24px;font-family:PingFang SC;font-weight:500;color:hsla(0,0%,100%,.8)}.search-form .select-container .ant-select,.search-form .select-container .ant-input{width:353px;height:57px;border-radius:4px;font-size:24px}.search-form .select-container .ant-select .ant-select-dropdown{height:400px}.search-form .select-container .ant-select .ant-select-dropdown .ant-cascader-menus{height:400px}.search-form .select-container .ant-select .ant-select-dropdown .ant-cascader-menus .ant-cascader-menu{height:100%}.search-form .btn-container .reset-btn{margin-right:12px}.ops-btns{display:flex;align-items:center;justify-content:flex-start}.ops-btns .btn{font-size:24px;font-family:PingFang SC;font-weight:normal;color:#0d85ff;margin-right:36px}.ant-pagination{flex:1;text-align:center;margin-left:-15%}.ant-pagination .ant-pagination-item{margin-left:16px;width:46px;height:46px;background:#1d2a44 !important;border-radius:4px;line-height:46px}.ant-pagination .ant-pagination-item a{color:#fff;font-size:26px;font-family:PingFang SC;font-weight:normal}.ant-pagination .ant-pagination-prev{width:46px;height:46px;background:#1d2a44;border-radius:4px}.ant-pagination .ant-pagination-prev .ant-pagination-item-link svg{width:24px;height:24px;color:#fff}.ant-pagination .ant-pagination-next{width:46px;height:46px;background:#1d2a44;border-radius:4px;margin-left:16px}.ant-pagination .ant-pagination-next .ant-pagination-item-link svg{width:24px;height:24px;color:#fff}.ant-pagination .ant-pagination-disabled .ant-pagination-item-link svg{color:hsla(0,0%,100%,.6)}.ant-pagination .ant-pagination-item-active{width:46px;height:46px;background:#0d85ff !important;border-radius:4px;color:#fff;line-height:46px}.ant-pagination .ant-pagination-item-active a{color:#fff}.ant-pagination .ant-pagination-item-ellipsis{width:46px;color:#fff}
.collect-route-map-container{width:100%;height:100%;position:relative}.overlay-container{padding:16px;box-sizing:border-box;background:rgba(32,49,81,.6);border:2px solid hsla(0,0%,100%,.16);border-radius:8px;box-shadow:0 2px 24px 0 rgba(0,0,0,.5)}.overlay-container .triangle{width:35px;height:20px;background:rgba(32,49,81,.6);box-shadow:0 2px 24px 0 rgba(0,0,0,.5);clip-path:polygon(50% 100%, 0 0, 100% 0);position:absolute;bottom:-18px;left:47%}.overlay-container .label-text{font-size:20px;font-family:PingFang SC;font-weight:normal;display:flex;align-items:flex-start;justify-content:flex-start}.overlay-container .label-text .label{color:hsla(0,0%,100%,.4)}.overlay-container .label-text .text{color:hsla(0,0%,100%,.8);display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;max-width:300px}.overlay-container .image-list{display:flex;justify-content:space-around;align-items:center;width:100%;height:100%;max-width:600px;min-width:330px;max-height:400px;min-height:200px;box-sizing:border-box}.overlay-container .image-list::-webkit-scrollbar{width:8px;background-color:rgba(0,0,0,.1)}.overlay-container .image-list::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:4px}.overlay-container .image-list::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.overlay-container .image-list .image-item{max-width:50%;max-height:60%;object-fit:contain;margin:5px;flex:1 1 auto;cursor:pointer;transition:transform .2s ease}.overlay-container .image-list .image-item:hover{transform:scale(1.5)}
.standard-tile-map-container{width:100%;height:100%}.standard-tile-map-container .tile-map-container{width:100%;height:100%}.standard-tile-map-container .show-high-precision-map{position:absolute;right:10px;bottom:10px;z-index:999;cursor:pointer;display:flex;align-items:center;color:#fff;user-select:none;background-color:rgba(0,0,0,.5);border-radius:5px;padding:5px;opacity:.8;transition:all .3s ease}.standard-tile-map-container .show-high-precision-map:hover{background-color:rgba(0,0,0,.7);transform:scale(1.1);opacity:1}.standard-tile-map-container .show-high-precision-map .eye-icon{width:20px;height:20px}.standard-tile-map-container .show-high-precision-map span{margin-left:5px;font-size:20px}.standard-tile-map-container .ol-zoom{display:none}
.ant-modal-content{background-color:#203151 !important;border-radius:0 0 12px 12px;font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8)}.ant-modal-content .ant-modal-title{font-size:28px;font-family:PingFang SC;font-weight:normal;color:#fff}.ant-modal-content .ant-modal-body{font-size:24px;font-family:PingFang SC;color:hsla(0,0%,100%,.8)}
.drawer-wrapper{position:relative;overflow:hidden;transform:translate3d(0, 0, 0);transition-property:width;transition-timing-function:ease-in-out;transition-duration:.3s}.left-collapse-btn{display:inline-block;width:40px;height:100px;background-color:#2e334d;border-radius:40px;position:absolute;right:20px;top:calc(50% - 40px);z-index:9;display:flex;align-items:center;justify-content:center;cursor:pointer;background-image:url(../images/collapse.d0464f78e5410470cd18128706987b12.png);background-repeat:no-repeat;background-position:center;background-size:20px 20px}
.right-flow-box{position:fixed;height:100%;overflow-y:auto;overflow:visible;right:0;bottom:0;background:#0a0d1a;z-index:9999}.right-flow-box .left-collapse-btn{left:0;transform:rotate(-180deg)}.flow-suspended-btn{display:block;position:fixed;z-index:10;top:30%;right:10px;width:88px;background:rgba(38,43,64,.6);border:1px solid hsla(0,0%,100%,.16);border-radius:2px 0 0 2px;box-shadow:0 2px 16px 0 rgba(0,0,0,.5)}.flow-suspended-btn .expand-icon{text-align:center}.flow-suspended-btn .expand-icon i{display:inline-block;margin:24px auto;width:24px;height:24px;background:url(../images/collapse.d0464f78e5410470cd18128706987b12.png) no-repeat center;background-size:contain}.flow-suspended-btn .icon-box{position:relative;display:flex;flex-flow:column;align-items:center;font-size:24px;font-family:PingFangSC;font-weight:normal;color:hsla(0,0%,100%,.6);padding-bottom:8px;border-bottom:1px solid hsla(0,0%,100%,.2);cursor:pointer}.flow-suspended-btn .icon-box i{display:block;margin:8px 0;width:16px;height:16px}.flow-suspended-btn .icon-box .alarm-num{position:absolute;top:-8px;right:0;width:auto;min-width:32px;max-width:50px;height:32px;background:#ff463a;border:1px solid hsla(0,0%,100%,.29);border-radius:32px;text-align:center;line-height:32px;font-size:16px;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis}.flow-suspended-btn .icon-box .work-order{width:56px;height:56px;background:url(../images/work_order_icon.a4208ed28f329b3548d69ed5251ec7d6.png) no-repeat center;background-size:contain}.message-card{width:600px;height:219px;position:fixed;right:30px;background:linear-gradient(270deg, rgba(32, 49, 81, 0.8) 0%, rgba(32, 49, 81, 0.6) 100%);border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.3);padding-top:26px;padding-left:68px;z-index:9999}.message-card.first{top:35px}.message-card.second{top:280px}.message-card.warning{background:linear-gradient(90deg, rgba(255, 122, 122, 0.3) 0%, rgba(255, 122, 122, 0.15) 100%),linear-gradient(270deg, rgba(32, 49, 81, 0.8) 0%, rgba(32, 49, 81, 0.6) 100%)}.message-card .icon{position:absolute;top:0px;left:0px;width:111px;height:111px}.message-card .title{font-size:28px;font-family:PingFang SC;font-weight:500;color:#fff;margin-bottom:16px}.message-card .msg-content{font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8)}.message-card .bottom-handle-btns{margin-top:24px;margin-bottom:24px;display:flex;justify-content:end;position:absolute;right:0}.message-card .bottom-handle-btns button{margin-right:16px}
.workorder-drawer-container{height:100%}.workorder-drawer-container .workorder-drawer-title{height:52px;background:linear-gradient(90deg, rgba(13, 133, 255, 0.2) 0%, rgba(0, 162, 255, 0.1) 100%),linear-gradient(rgb(27, 32, 56), rgb(27, 32, 56));padding-left:12px;line-height:52px;display:flex;align-items:center}.workorder-drawer-container .workorder-drawer-title .title-icon{display:inline-block;width:44px;height:44px;background:url(../images/work_order_icon.a4208ed28f329b3548d69ed5251ec7d6.png) no-repeat center;background-size:contain;margin-right:5px}.workorder-drawer-container .workorder-drawer-title span{display:inline-block;font-size:24px;font-family:PingFang SC;font-weight:500;color:hsla(0,0%,100%,.8)}.workorder-drawer-container .workorder-drawer-content{background:#1b2038;height:calc(100% - 52px);padding:1px 14px 16px 12px;overflow-y:scroll}.workorder-drawer-container .workorder-drawer-content .no-workorder{display:flex;flex-direction:column;width:100%;align-items:center;padding-top:200px}.workorder-drawer-container .workorder-drawer-content .no-workorder .no-workorder-icon{display:inline-block;width:232px;height:200px;background:url(../images/no_workorder_icon.ff0fe1177304897637165d374a7f885b.png) no-repeat center;background-size:contain}.workorder-drawer-container .workorder-drawer-content .no-workorder span{font-size:2dvh;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.4)}
.work-order-card-container{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:2px;margin-top:16px}.work-order-card-container .vehicle-name-container{height:56px;display:flex;justify-content:space-between;background:linear-gradient(90deg, rgb(50, 62, 125) 0%, rgb(10, 13, 26) 100%);border:1px solid;border-image:linear-gradient(176.74deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%) 1 1;border-radius:2px 0 0 0;padding-left:12px;line-height:30px;margin-bottom:12px}.work-order-card-container .vehicle-name-container.redbg{background:linear-gradient(90deg, rgba(255, 70, 58, 0.4) 0%, rgb(10, 13, 26) 100%),linear-gradient(rgb(5, 9, 26), rgb(5, 9, 26));border:1px solid;border-image:linear-gradient(179.18deg, rgb(255, 70, 58) 0%, rgba(249, 69, 57, 0) 100%) 1 1;border-radius:2px 0 0 2px}.work-order-card-container .vehicle-name-container .info-wrapper{display:flex;align-items:center}.work-order-card-container .vehicle-name-container .info-wrapper .hasten-icon,.work-order-card-container .vehicle-name-container .info-wrapper .report-reminder-icon{display:inline-block;margin-left:9px;width:84px;height:46px;text-align:center;font-size:24px;line-height:46px;color:#ff574d;background:url(../images/remind.3cf8c5b3df219304a0909a2aef1795ce.png) no-repeat center;background-size:100% 100%}.work-order-card-container .vehicle-name-container .info-wrapper .report-reminder-icon{width:124px;background:url(../images/report-reminder-icon.2d9ce8e954da403ff5fa4f79a2d3b65e.png) no-repeat center}.work-order-card-container .vehicle-name-container .info-wrapper .vehicle-name{font-size:28px;font-family:PingFang SC;font-weight:500;color:hsla(0,0%,100%,.8);line-height:56px;cursor:pointer}.work-order-card-container .vehicle-name-container .info-wrapper .station-name{width:auto;font-size:20px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8);margin-left:12px;max-width:190px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.work-order-card-container .work-order-info-container{padding:0 12px 0px 12px}.work-order-card-container .bottom-btns{margin-top:12px;text-align:right;margin:6px 24px 6px 6px}.work-order-card-container .bottom-btns button{height:48px;border:2px solid hsla(0,0%,100%,.4);border-radius:3px;font-size:20px;font-family:PingFang SC;font-weight:normal;color:#fff;margin-left:16px;background-color:#1e283d}.work-order-card-container .bottom-btns button.ant-btn-primary{background-color:#1677ff}.work-order-card-container .card-bottom-btn{margin-left:130px;cursor:pointer;width:130px;height:33px;background-color:#2e334d;text-align:center;font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8);padding-left:4px;margin:20px auto 0;clip-path:polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%)}.work-order-card-container .card-bottom-btn img{width:20px;height:20px;margin-top:4px;margin-left:8px}.work-order-card-field{font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.4);margin:0 16px 16px}.work-order-card-field .label{font-size:24px;color:hsla(0,0%,100%,.4) !important;margin-right:16px}.work-order-card-field .value{font-size:24px;color:hsla(0,0%,100%,.8)}.work-order-record{background:#0a0d1a;width:547px;max-height:285px;padding:16px;overflow-y:auto;margin-top:16px;margin-bottom:16px}.work-order-record .record{font-size:24px;font-family:PingFang SC;font-weight:normal}.work-order-record .record .icon{width:12px;height:12px;display:inline-block;background:url(../images/record-icon.d74086d2aac78792e477ef6acfe4615d.png) no-repeat center;background-size:cover}.work-order-record .record .time{margin-left:8px;color:hsla(0,0%,100%,.4)}.work-order-record .record .msg{margin-left:8px;color:hsla(0,0%,100%,.8)}.work-order-record .record .connect{margin-left:2px;width:1px;height:26px;border:0;border-left:1px dotted #34343e}.action-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;padding:0 12px;font-size:14px;font-family:PingFang SC;font-weight:normal;color:#0d85ff;margin-bottom:16px}.action-buttons a{font-size:24px}
.active-label-text{background:rgba(255,87,77,.2);border-radius:1px;font-size:24px;font-family:PingFangSC;font-weight:normal;color:hsla(0,0%,100%,.8);display:inline-block;padding:5px 4px 5px 0;margin-left:2px;margin-bottom:2px}.active-label-text .triangle{float:left;width:14px;height:26px;background:url(../images/triangle.1c9e9840beed197ee215dd66757f7d89.png) no-repeat;background-size:14px 26px;margin-top:8px}
.issue-type-icon{height:56px;text-align:center;font-size:24px;font-family:PingFang SC;font-weight:normal;line-height:56px;text-indent:18px}.issue-type-icon.short-green{background:url(../images/issue_status_green_short.fdc94ab1b1d6f7d1e3138a90ab79fc22.png) center no-repeat;background-size:125px 56px;width:1250px;color:#14bab7}.issue-type-icon.long-green{background:url(../images/issue_status_green_long.67caaa1a79c5b50c0a476ce8b2231ffd.png) center no-repeat;background-size:173px 56px;width:173px;color:#14bab7}.issue-type-icon.blue{background:url(../images/issue_status_blue.1e42c975d8833dcfdc75b636335cb583.png) center no-repeat;background-size:125px 56px;width:125px;color:#0d85ff}.issue-type-icon.yellow{background:url(../images/issue_status_yellow.0b2a0638b0c6ae6396e165e0bd0cc7ca.png) center no-repeat;background-size:125px 56px;width:125px;color:#ff9e0b}.issue-type-icon.red{background:url(../images/issue_type_urgent.f20378695f1c29f87033f4c03500596b.png) center no-repeat;background-size:125px 56px;width:125px;color:#ff574d}
.content-container{font-size:24px;font-family:PingFang SC;font-weight:normal;color:#fff;line-height:33px}.content-container .message{margin-top:32px;margin-bottom:16px}.ant-modal-content .ant-modal-header{padding-left:0 !important}
.jira-form-content{padding:20px;display:flex;background:rgba(3,4,13,.2);border-radius:8px;margin:16px}.jira-form-content .ant-form-item{flex:0 0 48%;margin-bottom:16px}.jira-form-content .ant-form-item .ant-col-6{flex:0 0 40%;max-width:40%;vertical-align:middle;display:flex;align-items:center;justify-content:flex-end}.jira-form-content .ant-form-item .ant-form-item-label label{font-size:24px;font-family:PingFang SC;font-weight:normal !important;color:hsla(0,0%,100%,.8) !important;margin-right:16px}.jira-form-content .ant-input{background:#101a2d !important;padding:8px !important;font-size:24px !important}.jira-form-content .ant-input-outlined:focus{background-color:#101a2d}.jira-form-content .anticon-close-circle{color:hsla(0,0%,100%,.6)}.jira-form-content .ant-input-outlined:focus-within{background-color:#101a2d !important}.jira-form-content .ant-input-affix-wrapper{background-color:#101a2d !important}.jira-form-content .ant-select-selection-item{color:rgba(213,226,255,.5) !important}.jira-form-content .ant-radio-inner{width:24px;height:24px;background-color:#101a2d;border-color:hsla(0,0%,100%,.4)}.jira-form-content .re-picker .ant-select-selection-overflow-item{padding:6px}.jira-form-content .re-picker .ant-select-arrow{display:none}.jira-form-content .re-picker .ant-picker-outlined{background:rgba(0,0,0,0)}.jira-form-content .re-picker .defaultIcon{right:16px}
.form-view .form-field_item{min-width:10%;margin-right:20px}.form-view .form-field_item .ant-upload{width:50px;height:50px;background-color:#36394d;border:1px solid #36394d;border-radius:2px;margin:0}.form-view .form-field_item .ant-upload.ant-upload-select-picture-card:hover{border:none}.form-view .form-field_item .ant-upload-list-picture-card-container{width:50px;height:50px}.re-picker{position:relative}.re-picker .ant-select-multiple .ant-select-selection-item{background:#03040d;border:1px solid #36394d;border-radius:1px}.re-picker .ant-select-multiple .ant-select-selection-item-remove{color:#6f6f72}.re-picker .defaultIcon{width:20px;height:20px;position:absolute;right:10px;top:14px}.re-picker .defaultIcon .ant-picker{border:none}.re-picker .defaultIcon .ant-picker-input .ant-picker-suffix{margin-left:-8px}.re-picker .ant-picker-outlined{background-color:#484c5f;color:#fff;border:none}.re-picker .ant-picker-outlined svg{color:hsla(0,0%,100%,.6)}
.transfer-cockpit-item{cursor:pointer;width:168px;height:205px;margin-left:70px}.transfer-cockpit-item .cockpit-number{font-size:36px;font-family:JDZhengHT;font-weight:bold;color:#a4a6b0;background-image:linear-gradient(180deg, rgb(164, 166, 176) 0%, rgb(255, 255, 255) 100%);background-clip:text;color:rgba(0,0,0,0);transition:all .8s cubic-bezier(0.075, 0.82, 0.165, 1)}.transfer-cockpit-item .cockpit-number-selected{font-size:36px;font-family:JDZhengHT;font-weight:bold;background-image:linear-gradient(180deg, rgb(0, 241, 255) 0%, rgb(0, 162, 255) 100%);background-clip:text;color:rgba(0,0,0,0)}.transfer-cockpit-item .cockpit-icon{transition:all .8s cubic-bezier(0.075, 0.82, 0.165, 1);width:168px;height:130px;background-image:url(../images/transfer-offline.d776d5ec043b18a0f10c0215e56c942b.png);background-size:contain;background-repeat:no-repeat}.transfer-cockpit-item .cockpit-icon-selected{transition:all .8s cubic-bezier(0.075, 0.82, 0.165, 1);width:168px;height:130px;background-image:url(../images/cockpit_selected.06ba317b4394ce7dbff2b0299e62a666.png);background-size:100% 100%;background-repeat:no-repeat}.transfer-cockpit-item .cockpit-user{font-size:24px;font-family:PingFang SC;font-weight:normal;color:#98989d}.transfer-cockpit-item:hover .cockpit-number{transition:all .8s cubic-bezier(0.075, 0.82, 0.165, 1);background-image:linear-gradient(180deg, rgb(0, 241, 255) 0%, rgb(0, 162, 255) 100%);background-clip:text;color:rgba(0,0,0,0)}.transfer-cockpit-item:hover .cockpit-icon{transition:all .8s cubic-bezier(0.075, 0.82, 0.165, 1)}
.cockpit-list-wrapper{display:flex;justify-content:space-between;align-items:center}.cockpit-list-wrapper .cockpit-list{display:flex;width:100%}.cockpit-list-wrapper .cockpit-box-col{overflow-y:auto;flex:1;height:1030px;background:#203151;border-radius:12px;box-shadow:0 2px 12px 0 rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:flex-start}.cockpit-list-wrapper .cockpit-box-col .title-wrapper{position:relative;left:36%;width:284px;height:30px;text-align:center;line-height:0;font-size:28px;font-family:PingFang SC;font-weight:500;color:#fff;border-top:60px solid rgba(35,37,73,.8392156863);border-bottom:20px solid rgba(0,0,0,0);border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0)}.cockpit-list-wrapper .cockpit-box-col .title-wrapper .title-text{position:absolute;top:-30px;right:29%}.cockpit-list-wrapper .cockpit-box-col .cockpit-number{font-size:36px;font-family:JDZhengHT;font-weight:bold;color:#a4a6b0}.footer{display:flex;justify-content:space-between;align-items:center}.footer .select-cockpit-info .label{font-size:24px;color:#a4a6b0}.footer .select-cockpit-info .label .info{color:#fff;font-weight:500}.footer .operate{flex:1}

.issue-video-box{width:100%;height:100%;justify-content:center;background-color:#000;position:relative;display:flex}.issue-video-box>div{width:100%;height:100%}.issue-video-box .mask-wrapper{position:absolute;z-index:10;width:100%;height:100%;background-color:rgba(0,0,0,0);cursor:pointer}.issue-video-box .delay-time{display:none;height:24px;min-width:150px;background:rgba(1,1,1,.8);position:absolute;top:2px;left:50%;margin-left:-75px;font-family:PingFangSC;font-size:14px;color:#ff574d;line-height:24px;border-radius:2px;padding:2px 5px}.issue-video-box .delay-time img{width:12px;margin-right:6px}.issue-video-box .direction{top:4px;left:4px;width:40px;height:40px;background:rgba(0,0,0,.6);border-radius:3px;font-size:24px;font-family:PingFang SC;font-weight:500;line-height:40px;color:#fff;position:absolute}.issue-video-box .glass-box{position:absolute;top:2px;right:2px;width:24px;height:24px;text-align:center;padding:3px;background:#000;border-radius:2px;opacity:.8}.issue-video-box .glass-box:active,.issue-video-box .glass-box:hover{cursor:pointer}.issue-video-box .glass-box img{width:12px}.rtc_media_player{width:100%;height:100%;object-fit:fill}.message-tip-area{display:flex;flex-flow:column;align-items:center;justify-content:center;text-align:center;height:100%}.message-tip-area span{font-size:16px}.message-tip-area .close-pop-btn{font-size:16px;color:hsla(0,0%,100%,.8);margin-top:10px}.message-tip-area .camera{width:79px;height:70px}.message-tip-area .open-msg{font-size:14px;color:hsla(0,0%,100%,.4);margin-top:10px}.issue-video-modal canvas{border:1px solid #14368f}.issue-video-modal .ant-modal-body{padding:0 !important;position:relative}.issue-video-modal .ant-modal-header{background:#14368f;color:#fff}.issue-video-modal .ant-modal-header .ant-modal-title{color:#fff}.issue-video-modal .anticon svg{color:#fff}.issue-video-modal .delay-time{display:none;height:24px;min-width:150px;background:rgba(1,1,1,.8);position:absolute;top:50px;left:50%;margin-left:-75px;font-family:PingFangSC;font-size:14px;color:#ff574d;line-height:24px;border-radius:2px;padding:2px 5px}.issue-video-modal .delay-time img{width:12px;margin-right:6px}.issue-video-btn-container{width:100%;display:flex;justify-content:space-between;align-items:center}.issue-video-btn-container .four-way-btn-container{width:182px;height:48px;background:#03040d;border:1px solid #36394d;border-radius:4px;display:flex;padding-left:4px;padding-top:4px;padding-bottom:4px}.issue-video-btn-container .four-way-btn-container .four-way-btn{cursor:pointer;text-align:center;width:40px;height:40px;background:linear-gradient(180deg, rgb(13, 41, 86) 0%, rgb(28, 36, 68) 100%);border-radius:1px;font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8);margin-right:4px}.issue-video-btn-container .four-way-btn-container .four-way-btn.select{background:linear-gradient(180deg, rgb(13, 133, 255) 0%, rgb(56, 80, 235) 100%);font-weight:500;color:#fff}.issue-video-btn-container .play-btn,.issue-video-btn-container .stop-btn{width:42px;height:42px;background:url(../images/ico-stop.aed03193caa06e58a6deab98c2daa54e.png) center no-repeat;background-size:42px 42px;margin-left:18px;cursor:pointer}.issue-video-btn-container .stop-btn{background:url(../images/ico-play.7835e177f45b646c6d5ffb88540a45e6.png) center no-repeat;background-size:42px 42px}.issue-video-container{height:350px;text-align:center;margin-bottom:24px}.issue-video-container .default-message{height:100%;display:flex;align-items:center;justify-content:center;background:#1b2038;font-family:PingFangSC-Regular;font-size:18px;color:#c8d2ff;user-select:none}.issue-video-container .default-message div{text-align:center}.issue-video-container .default-message div .camera{width:200px;height:176px}.issue-video-container .default-message div .camera-notice{font-size:24px;font-family:PingFangSC;font-weight:normal;color:hsla(0,0%,100%,.4);margin-top:12px}.issue-video-container .default-message div .camera-btn{font-size:24px;color:hsla(0,0%,100%,.8);margin-top:16px;margin-left:10px;background:#1677ff;height:42px}.issue-video-container .default-message div .camera-btn:hover{color:#40a9ff}
.media-preview{display:flex;gap:8px;flex-wrap:wrap}.media-preview.small .media-item{width:40px;height:40px}.media-preview.small .media-item .video-placeholder .video-icon svg{width:20px;height:20px}.media-preview.small .media-item .video-placeholder .video-text{font-size:8px}.media-preview.medium .media-item{width:60px;height:60px}.media-preview.medium .media-item .video-placeholder .video-icon svg{width:28px;height:28px}.media-preview.medium .media-item .video-placeholder .video-text{font-size:10px}.media-preview.large .media-item{width:80px;height:80px}.media-preview.large .media-item .video-placeholder .video-icon svg{width:36px;height:36px}.media-preview.large .media-item .video-placeholder .video-text{font-size:12px}.media-preview .media-item{position:relative;border-radius:6px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid hsla(0,0%,100%,.2);background:rgba(0,0,0,.1)}.media-preview .media-item:hover{transform:scale(1.05);border-color:hsla(0,0%,100%,.4);box-shadow:0 4px 12px rgba(0,0,0,.3)}.media-preview .media-item .media-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.media-preview .media-item .video-thumbnail{position:relative;width:100%;height:100%}.media-preview .media-item .video-thumbnail .media-thumbnail{width:100%;height:100%;object-fit:cover}.media-preview .media-item .video-thumbnail .video-placeholder{width:100%;height:100%;background:linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.media-preview .media-item .video-thumbnail .video-placeholder .video-icon{display:flex;align-items:center;justify-content:center}.media-preview .media-item .video-thumbnail .video-placeholder .video-icon svg{filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))}.media-preview .media-item .video-thumbnail .video-placeholder .video-text{color:hsla(0,0%,100%,.8);font-size:10px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.media-preview .media-item .video-thumbnail .video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}.media-preview .media-item .video-thumbnail .video-play-icon svg{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3))}.media-preview .media-item.more-indicator{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);border:2px dashed hsla(0,0%,100%,.3)}.media-preview .media-item.more-indicator .more-count{color:#fff;font-size:14px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.media-preview .media-item.more-indicator:hover{background:rgba(0,0,0,.8);border-color:hsla(0,0%,100%,.5)}.media-preview-empty{display:flex;align-items:center;justify-content:center;min-height:60px;padding:12px;background:hsla(0,0%,100%,.05);border:2px dashed hsla(0,0%,100%,.2);border-radius:6px;color:hsla(0,0%,100%,.6);font-size:14px}.media-preview-modal .ant-modal-content{background:rgba(0,0,0,.9);border-radius:8px}.media-preview-modal .ant-modal-header{background:rgba(0,0,0,0);border-bottom:none}.media-preview-modal .ant-modal-header .ant-modal-title{color:#fff}.media-preview-modal .ant-modal-close{color:#fff}.media-preview-modal .ant-modal-close:hover{color:#fff;background:hsla(0,0%,100%,.1)}.media-preview-modal .ant-modal-body{padding:20px}.media-preview-modal .modal-content{text-align:center}.media-preview-modal .modal-content img,.media-preview-modal .modal-content video{max-width:100%;max-height:70vh;border-radius:4px}.media-preview-modal .modal-content .media-name{margin-top:16px;color:hsla(0,0%,100%,.8);font-size:14px}@media(max-width: 768px){.media-preview{gap:6px}.media-preview.small .media-item{width:35px;height:35px}.media-preview.small .media-item .video-placeholder .video-icon svg{width:16px;height:16px}.media-preview.small .media-item .video-placeholder .video-text{font-size:7px}.media-preview.medium .media-item{width:50px;height:50px}.media-preview.medium .media-item .video-placeholder .video-icon svg{width:24px;height:24px}.media-preview.medium .media-item .video-placeholder .video-text{font-size:9px}.media-preview.large .media-item{width:65px;height:65px}.media-preview.large .media-item .video-placeholder .video-icon svg{width:30px;height:30px}.media-preview.large .media-item .video-placeholder .video-text{font-size:11px}.media-preview-modal .ant-modal-content{margin:20px}.media-preview-modal .modal-content img,.media-preview-modal .modal-content video{max-height:60vh}}
.form-view .form-field_item{min-width:10%;margin-right:20px}.form-view .form-field_item .ant-upload{width:50px;height:50px;background-color:#36394d;border:1px solid #36394d;border-radius:2px;margin:0}.form-view .form-field_item .ant-upload.ant-upload-select-picture-card:hover{border:none}.form-view .form-field_item .ant-upload-list-picture-card-container{width:50px;height:50px}.form-view .upload-wrapper{display:flex;flex-flow:row;flex-wrap:wrap}.form-view .upload-wrapper img{margin-right:10px}.form-view .upload-wrapper .ant-upload-wrapper{flex:1}.form-view .upload-wrapper .ant-spin-spinning{position:absolute;z-index:999;left:50%;top:50%}.form-view .preview-wrapper{display:flex;flex-flow:row;flex-wrap:wrap}.form-view .preview-wrapper img{margin-right:10px}.form-view .preview-wrapper .ant-upload-wrapper{flex:1}.upload-modal .ant-modal-body{text-align:center}.value-text{flex:1;max-width:50%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-break:keep-all;text-align:left;color:hsla(0,0%,100%,.8)}.accident-form .ant-form-item .ant-col-6{flex:0 0 20%}.accident-form .ant-picker{width:50%}
.preview-list{display:flex;flex-flow:row;gap:4px;flex-wrap:wrap}.preview-list .file-preview-item{flex:0 0 60px;height:60px;position:relative}.preview-list .file-preview-item .preview-item{width:100%;height:100%}.preview-list .file-preview-item .preview-item .file-item{width:100%;height:40px;object-fit:fill}.preview-list .file-preview-item .preview-item .file-item-desc{width:100%;height:20px;color:hsla(0,0%,100%,.8);text-align:center;padding-top:-5px}.preview-list .file-preview-item .preview-mask{width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center;gap:8px}.preview-list .file-preview-item .preview-mask:hover{opacity:1}.preview-list .file-preview-item .preview-mask .anticon-eye{display:block;width:16px;height:16px;background:url(../images/eye.7cd9ad72262dc8482de30f0ead269743.png) no-repeat center;background-size:100%;cursor:pointer}.preview-list .file-preview-item .preview-mask .anticon-delete{display:block;width:16px;height:16px;background:url(../images/delete.f919a2ed25732d1ed20ee978e1643376.png) no-repeat center;background-size:100%;cursor:pointer}.preview-list-width-100{width:100%}.preview-list-width-70{width:70%}
.repair-order-modal .x-coreui-common-form-container.dark-theme{background-color:#203151}.repair-order-modal .x-coreui-common-form-container.dark-theme .x-coreui-form{background-color:#203151}.repair-order-modal .upload-container{padding-left:50px;margin-top:10px}.repair-order-modal .x-coreui-upload-wrapper .x-coreui-upload-drag .x-coreui-upload-drag-container{font-size:24px}.repair-order-modal .dark-theme.x-coreui-common-form-container .x-coreui-input-affix-wrapper{font-size:24px}.repair-order-modal .x-coreui-input-textarea-show-count .x-coreui-input-data-count{bottom:-32px}.repair-order-modal .dark-theme.x-coreui-common-form-container .x-coreui-checkbox-wrapper{font-size:24px;word-break:break-all}.repair-order-modal .x-coreui-checkbox .x-coreui-checkbox-inner{width:20px;height:24px}.repair-order-modal .field_requireHardwareTypeIds{max-height:400px;overflow-y:auto}
.draggable-modal{width:600px;height:400px;position:absolute;top:calc(50% - 245px);left:calc(50% - 300px);cursor:move;z-index:100}.draggable-modal .drag-modal-title{background-color:#1b2038;height:36px;font-size:14px;color:hsla(0,0%,100%,.8);text-indent:11px;line-height:36px;font-family:PingFangSC}.draggable-modal .drag-modal-title .close-icon{float:right;margin-right:4px;display:block;width:20px;height:36px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer}
.disable-container{margin-bottom:48px;width:790px;height:160px;background:url(../images/disable.201b5f351ac199d4a319c793a2b95b34.png) no-repeat;background-size:contain;display:flex;align-items:center;padding-left:48px}.disable-container .tag-text{font-size:68px;font-family:PingFang SC;font-weight:normal;color:#a1fff9}.disable-container .tag-text.disable-text{color:#ff7a7a}.disable-container .disable-icon{display:block;width:80px;height:80px;background:url(../images/disable.ee4af290f99ab8910f550ac2f8808378.png) no-repeat;background-size:contain;margin-right:50px}.enable-container{padding-left:48px;margin-bottom:48px;width:790px;height:160px;background:url(../images/enable.21f92f50c753e38e09261a92df9399aa.png) no-repeat;background-size:contain;display:flex;align-items:center}.enable-container .tag-text{color:#fff;font-size:68px;font-family:JDLangZhengTi;font-weight:normal}.enable-container .tag-text.enable-text{color:#a1fff9}.enable-container .enable-icon{display:block;width:80px;height:80px;background:url(../images/enable.5b67c1fe6386f0c237b2b17169771802.png) no-repeat;background-size:contain;margin-right:50px}
.login-container{width:100%;height:100vh;background:url(../images/bg-login.231f6e5be6e30831a7d78766e883769b.jpeg) no-repeat center;background-size:100% 100%}.login-container .cockpit-number{margin-top:30px;text-align:right;position:absolute;bottom:80px;right:80px;font-size:40px;font-family:PingFang SC;font-weight:normal;color:rgba(213,226,255,.8)}.login-container .qrCode-img{width:100% !important;height:100% !important;padding:0 !important}.tip-container{display:flex;justify-content:center;width:100%;position:absolute;top:180px}.tip-container .tip{font-size:36px;font-family:PingFang SC;font-weight:normal;color:#d5e2ff}.cockpit-box{box-sizing:border-box;padding:20px;border-radius:16px;position:absolute;right:200px;top:432px;display:flex;align-items:center}.cockpit-box .qrcode-box{width:353px;display:flex;align-items:center;flex-flow:column;background-color:#1d2a44;margin-right:100px}.cockpit-box .qrcode-box .tip{font-size:28px;font-family:PingFang SC;font-weight:500;color:#fff;padding:12px 0}.cockpit-box .qrcode-box .qrCode-content{box-sizing:border-box;padding:4px;background-color:#fff;width:305px;height:305px}.cockpit-box .center-box{height:600px;width:67%;margin:180px auto 0;display:flex}.cockpit-box .center-box .qrcode-box{width:440px;margin-right:30px}.cockpit-box .center-box .qrcode-box .tip{font-size:36px;color:#fff}.cockpit-container{display:flex;flex-direction:column;justify-content:center;position:relative}.cockpit-container .cockpit-icon{width:1044px;height:832px;display:block;background-size:contain;margin-top:30px}
.remote-driver-container{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:calc(100vh - 105px);position:relative;box-sizing:border-box}.remote-driver-container .remote-driver-title-container{width:100%;height:5%;position:relative;display:flex;justify-content:center}.remote-driver-container .remote-driver-title-container .title{height:100%}.remote-driver-container .remote-driver-title-container .basic-info-container{width:calc(100vw - 250px);position:absolute;bottom:0px;height:80%;margin-left:100px;margin-right:150px;color:hsla(0,0%,100%,.6);display:flex;justify-content:space-between;align-items:center}.remote-driver-container .remote-driver-title-container .basic-info-container .left{width:24%;display:flex;justify-content:space-between}.remote-driver-container .vehicle-info-container{height:100%;list-style-type:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;overflow-y:auto}.remote-driver-container .page-container{bottom:80px;position:absolute;width:100%;display:flex;justify-content:center}.remote-driver-container .cockpitNo-bottom{width:100%;margin-bottom:51px;padding-left:100px}.info-card-container{display:flex;align-items:center}.info-card-container .title{height:100%;font-size:32px;font-family:JDLangZhengTi;font-weight:normal;color:#d5e2ff}.info-card-container .content{height:100%;font-size:32px;font-family:JDLangZhengTi;font-weight:normal;color:#fff}.circle-page-false{width:10px;height:10px;background:rgba(213,226,255,.3);border-radius:50%;margin-left:10px;margin-right:10px}.circle-page-true{border-radius:50%;width:10px;height:10px;background:#d5e2ff;margin-left:10px;margin-right:10px}.footer-region{display:flex;align-items:center;font-size:32px;font-family:PingFang SC;font-weight:normal;color:#d5e2ff;padding:0 118px 0 68px}.footer-region .field-item{margin-left:50px}.footer-region .field-item .label{font-size:32px;font-family:PingFang SC;font-weight:normal;color:#d5e2ff}.footer-region .field-item .bold-label{font-size:42px;font-family:JDZhengHT;font-weight:normal;color:#fff;margin-left:12px}.footer-region .ant-pagination{flex:1;text-align:center;margin-left:-15%}.footer-region .ant-pagination .ant-pagination-item{margin-left:16px;width:46px;height:46px;background:#1d2a44 !important;border-radius:4px;line-height:46px}.footer-region .ant-pagination a{color:#fff;font-size:26px;font-family:PingFang SC;font-weight:normal}.footer-region .ant-pagination .ant-pagination-prev{width:46px;height:46px;background:#1d2a44;border-radius:4px}.footer-region .ant-pagination .ant-pagination-prev .ant-pagination-item-link svg{width:24px;height:24px;color:#fff}.footer-region .ant-pagination .ant-pagination-next{width:46px;height:46px;background:#1d2a44;border-radius:4px;margin-left:16px}.footer-region .ant-pagination .ant-pagination-next .ant-pagination-item-link svg{width:24px;height:24px;color:#fff}.footer-region .ant-pagination .ant-pagination-disabled .ant-pagination-item-link svg{color:hsla(0,0%,100%,.6)}.footer-region .ant-pagination .ant-pagination-item-active{width:46px;height:46px;background:#0d85ff !important;border-radius:4px;color:#fff;line-height:46px}.footer-region .ant-pagination .ant-pagination-item-ellipsis{width:46px;color:#fff}.footer-region .pagesize-btns{display:flex}.footer-region .pagesize-btns .btn-box{display:flex;font-size:28px;font-family:PingFang SC;font-weight:normal;color:#fff}.footer-region .pagesize-btns .btn-box .pagesize-item{display:block;width:46px;height:46px;background:#1d2a44;border-radius:4px;margin-left:24px;font-size:32px;font-family:JDZhengHT;font-weight:normal;color:#fff;text-align:center;cursor:pointer}.footer-region .pagesize-btns .btn-box .pagesize-item.active{background-color:#0d85ff}.footer-region .pagesize-btns .page-num{font-size:28px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.7);margin-left:80px}.footer-region .search-bar{width:356px;margin-left:20px;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.15);overflow:hidden}.footer-region .search-bar .ant-select-single{height:52px}.footer-region .search-bar .ant-select-selector{border:2px solid hsla(0,0%,100%,.2) !important}.footer-region .search-bar .ant-select .ant-select-selector{background-color:#1d2a44;border:none;font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.6)}.footer-region .search-bar .ant-select .ant-select-selection-placeholder{color:#fff}
@keyframes fadeInLeft{from{opacity:0;transform:translate3d(200%, 0, 0)}to{opacity:.7;transform:none}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0)}}.vehicle-container{width:765px;height:540px;background:#1d2a44;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.15);margin:16px 24px;overflow:hidden}.vehicle-container.vehicle-item-active{background:radial-gradient(circle at 50% 100%, rgba(13, 133, 255, 0.3) 0%, rgba(13, 133, 255, 0) 100%),linear-gradient(rgb(29, 42, 68), rgb(29, 42, 68));border:4px solid;border-image:linear-gradient(180deg, rgb(13, 133, 255) 0%, rgb(108, 181, 255) 100%) 4 4;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.15)}.vehicle-container .video-container{height:79%;width:100%;background-color:#000;position:relative;border-radius:10px 10px 0px 0px;overflow:hidden}.vehicle-container .video-container .operation-container{padding:97px 20px;position:absolute;height:100%;width:100px;right:0;top:0;display:flex;background-color:#000;opacity:.7;flex-direction:column;justify-content:center;align-items:center;animation-duration:.5s;animation-fill-mode:both;animation-name:fadeInLeft}.vehicle-container .video-container .top-vehicleData-container{top:0px;left:0px;position:absolute;width:100%;height:60px;background:#000;opacity:.8;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0px 16px 0px 16px}.vehicle-container .video-container .top-vehicleData-container .vehicle-name{font-size:24px;font-family:JDZhengHT;font-weight:normal;color:#fff}.vehicle-container .video-container .top-vehicleData-container .station-name{font-size:24px;font-family:PingFang SC;font-weight:normal;color:#fff}.vehicle-container .video-container .take-over{display:flex;width:100%;height:15%;display:flex;align-items:center;position:absolute;top:14%;left:0px;font-size:.17rem;font-family:JDLangZhengTi;font-weight:500;color:#fff}.vehicle-container .video-container .take-over .ico{display:block;width:53px;height:100%}.vehicle-container .video-container .take-over.temporaryStop .ico{background:rgba(17,164,161,.4);display:flex;align-items:center;justify-content:center}.vehicle-container .video-container .take-over.temporaryStop .bg-bar{height:100%;background:url(../images/temoraryBg.6b2c4c67f7d969d987e3091820aeb67f.png) no-repeat center;background-size:100% 100%;display:flex;align-items:center;padding-left:12px;font-size:24px}.vehicle-container .video-container .take-over.takerOver .ico{background:rgba(175,82,222,.4);display:flex;align-items:center;justify-content:center}.vehicle-container .video-container .take-over.takerOver .bg-bar{height:100%;background:url(../images/temoraryBg.6b2c4c67f7d969d987e3091820aeb67f.png) no-repeat center;background-size:100% 100%;display:flex;align-items:center;padding-left:12px;font-size:24px}.vehicle-container .video-container .take-over .bg-bar{flex:1}.vehicle-container .video-load-failed{width:100%;height:100%;background:#111a29;display:flex;flex-flow:column;align-items:center;justify-content:center;margin-top:30px}.vehicle-container .video-load-failed img{width:172px;height:148px}.vehicle-container .video-load-failed i{font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.4)}.vehicle-container .bottom-vehicleData-container{padding:12px 14px 10px 14px}.vehicle-container .bottom-vehicleData-container .label-container{display:flex;justify-content:space-between;min-height:40px;position:relative}.vehicle-container .bottom-vehicleData-container .label-container .alarm-label-container{display:flex;flex-wrap:wrap;flex:1}.vehicle-container .bottom-vehicleData-container .label-container .alarm-label-container .alarm-card-container{margin-right:4px;background:linear-gradient(270deg, rgba(255, 122, 122, 0.8) 0%, rgba(255, 87, 77, 0.8) 100%);border-radius:2px;display:flex;font-family:JDLangZhengTi;font-weight:500;color:#fff;padding:4px 10px;font-size:21px;font-family:PingFang SC;font-weight:normal;color:#fff;position:relative}.vehicle-container .bottom-vehicleData-container .label-container .alarm-label-container .alarm-card-container .triangle{width:14px;height:26px;background:url(../images/triangle.1c9e9840beed197ee215dd66757f7d89.png) no-repeat center;background-size:14px 26px;margin-top:8px;position:absolute;left:-2px;top:-1px}.vehicle-container .bottom-vehicleData-container .label-container .label{text-align:center;font-weight:500;color:#d5e2ff;font-size:21px;font-family:PingFang SC;margin-left:6px}.vehicle-container .bottom-vehicleData-container .label-container .label:last-child{margin-left:0}.vehicle-container .bottom-vehicleData-container .label-container .scene-alarm-content{border-left:2px solid #3b3f54;display:flex;flex:1;align-items:center;padding-left:12px;max-width:25%;position:absolute;right:0}.vehicle-container .bottom-vehicleData-container .status-container{margin-top:10px;display:flex;justify-content:space-between}.vehicle-container .bottom-vehicleData-container .status-container .field-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;max-width:30%;text-align:center;display:flex;align-items:center}.vehicle-container .bottom-vehicleData-container .status-container .field-item .field-title{display:flex;font-size:24px;font-family:PingFang SC;font-weight:normal;color:rgba(213,226,255,.6)}.vehicle-container .bottom-vehicleData-container .status-container .field-item .field-content{font-size:24px;font-family:PingFang SC;font-weight:normal;color:#fff}.vehicle-container .bottom-vehicleData-container .status-container .field-item .active-field-content{color:#ff7a7a}.multi-video-item .video-box .delay-time{bottom:40px;left:12px;top:unset;right:unset}
.video-box{width:100%;height:100%;justify-content:center;background:linear-gradient(180deg, rgb(16, 24, 36) 0%, rgb(16, 24, 36) 100%);position:relative;display:flex}.video-box .warning-border{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;box-shadow:inset 0 1px 30px 32px rgba(255,122,122,.4)}.video-box .delay-time{display:none;background:rgba(1,1,1,.1);position:absolute;top:16px;left:calc(50% - 60px);font-size:28px;font-family:PingFang SC;color:#ff7a7a;height:40px;line-height:40px;background:rgba(0,0,0,.7);border-radius:8px;padding:0 16px}.video-box .delay-time img{width:30px;margin-right:6px}.video-box>div{width:100%;height:100%}.video-box .mask-wrapper{position:absolute;z-index:10;width:100%;height:100%;background-color:rgba(0,0,0,0);cursor:pointer}.video-box .direction{position:absolute;top:0;left:0;width:88px;height:54px;line-height:54px;text-align:center;background:#000;border-radius:2px;opacity:.7;font-size:32px;font-weight:500;color:#fff;z-index:1}.video-box .glass-box{position:absolute;top:2px;right:2px;width:24px;height:24px;text-align:center;padding:3px;background:#000;border-radius:2px;opacity:.8}.video-box .glass-box:active,.video-box .glass-box:hover{cursor:pointer}.video-box .glass-box img{width:12px}.rtc_media_player{width:100%;height:100%;object-fit:fill}.message-tip-area{display:flex;flex-flow:column;align-items:center;justify-content:center;text-align:center;height:100%}.message-tip-area span{font-size:16px}.message-tip-area .close-pop-btn{font-size:16px;color:hsla(0,0%,100%,.8);margin-top:10px}.message-tip-area .camera{width:79px;height:70px}.message-tip-area .open-msg{font-size:14px;color:hsla(0,0%,100%,.4);margin-top:10px}.video-modal canvas{border:1px solid #14368f}.video-modal .ant-modal-body{padding:0 !important;position:relative}.video-modal .ant-modal-header{background:#14368f;color:#fff}.video-modal .ant-modal-header .ant-modal-title{color:#fff}.video-modal .anticon svg{color:#fff}.container{width:800px;margin:0 auto;margin-top:100px;position:absolute;z-index:10}.demo-zoom .options-info{font-size:12px;text-align:right;padding-bottom:5px}.demo-zoom .tools{display:flex;font-size:12px;justify-content:flex-end;flex-wrap:wrap-reverse;padding-bottom:5px}.demo-zoom .tools button{margin-left:5px}.demo-zoom .content{height:400px;border:1px solid silver;cursor:move}.demo-zoom .content .wrap{height:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-row-gap:5px;grid-column-gap:5px}.demo-zoom .content .wrap div{border:1px solid #c5c5c5;display:flex;align-items:center;justify-content:center;font-size:60px}
.operation-btn{max-width:56px;height:68px;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:20px;margin-bottom:20px;cursor:pointer}.operation-btn .operation-icon{width:44px;height:44px}.operation-btn .operation-label{margin-top:4px;max-width:56px;height:20px;font-size:14px;color:#fff}
.quad-video-container{display:flex;width:100%;max-width:1020px;margin:0 auto;position:absolute;top:60px;height:85%}@media(max-width: 768px){.quad-video-container{flex-direction:column}}.quad-video-container .main-video{width:75%}@media(max-width: 768px){.quad-video-container .main-video{width:100%}}.quad-video-container .side-videos{width:25%;display:flex;flex-direction:column}@media(max-width: 768px){.quad-video-container .side-videos{width:100%;flex-direction:row;overflow-x:auto}}.quad-video-container .video-container{position:relative;aspect-ratio:16/9}.quad-video-container .video-container.main{width:100%;height:100%}.quad-video-container .video-container.main div{height:100%}.quad-video-container .video-container.main .video-load-failed{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.quad-video-container .video-container.main .video-load-failed img{width:80px;height:80px}.quad-video-container .video-container.main .video-load-failed i{margin-top:10px}.quad-video-container .video-container.side{width:100%}@media(max-width: 768px){.quad-video-container .video-container.side{width:33.33%;flex-shrink:0}}.quad-video-container .video-container.side div{height:100%}.quad-video-container .video-container.side .video-load-failed{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.quad-video-container .video-container.side .video-load-failed img{width:40px;height:40px}.quad-video-container .video-container.side .video-load-failed i{font-size:14px}.quad-video-container .video-container .direction{position:absolute;top:0px;background:rgba(0,0,0,.5);color:#fff;padding:5px}
.rc-virtual-list-holder-inner{background-color:#203151}.rc-virtual-list-holder-inner .ant-select-item{font-size:24px;color:#fff;padding:12px 20px}
.traffic-light-group{--traffic-light-red-bg: linear-gradient(208.03deg, rgba(255, 227, 227, 0.78) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(120.81deg, #d93a3a 0%, #c52b12 30.85%, #d55842 100%);--traffic-light-green-bg: linear-gradient(208.03deg, rgba(244, 255, 227, 0.78) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(95.49deg, #3ad994 0.1%, #3ed46e 44.55%, #42d591 100%);--traffic-light-yellow-bg: linear-gradient(208.03deg, rgba(255, 244, 227, 0.78) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(95.49deg, #d97f3a 0%, #d46a3e 43.74%, #d5a342 100%);--traffic-light-size: 42px;--traffic-light-margin: 8px;--traffic-light-container-width: 164px;--traffic-light-container-height: 64px;--traffic-light-container-radius: 30px;--traffic-light-shadow: 10px 10px 29px 0 rgba(0, 0, 0, 0.2);--traffic-light-green-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.2);width:var(--traffic-light-container-width);height:var(--traffic-light-container-height);border-radius:var(--traffic-light-container-radius);display:flex;align-items:center;background:rgba(0,0,0,.7)}.traffic-light-group .unknown-light{display:block;width:var(--traffic-light-size);height:var(--traffic-light-size);border-radius:var(--traffic-light-size);background:hsla(0,0%,100%,.2);align-items:center;justify-content:center;margin-left:var(--traffic-light-margin);transition:all .3s ease}.traffic-light-group .unknown-light.red-light{background:var(--traffic-light-red-bg);box-shadow:var(--traffic-light-shadow)}.traffic-light-group .unknown-light.green-light{background:var(--traffic-light-green-bg);box-shadow:var(--traffic-light-green-shadow)}.traffic-light-group .unknown-light.yellow-light{background:var(--traffic-light-yellow-bg);box-shadow:var(--traffic-light-shadow)}.traffic-light-group .unknown-light.red-flashing-light{background:var(--traffic-light-red-bg);box-shadow:var(--traffic-light-shadow);animation:twinkle .5s linear infinite alternate .5s}.traffic-light-group .unknown-light.green-flashing-light{background:var(--traffic-light-green-bg);box-shadow:var(--traffic-light-green-shadow);animation:twinkle .5s linear infinite alternate .5s}.traffic-light-group .unknown-light.yellow-flashing-light{background:var(--traffic-light-yellow-bg);box-shadow:var(--traffic-light-shadow);animation:twinkle .5s linear infinite alternate .5s}@keyframes twinkle{0%{opacity:.3}100%{opacity:1}}
.single-view-container{width:100%;height:100%;box-sizing:border-box;padding:20px;position:relative}.single-view-container .top-video-container{width:100%;height:59%;display:flex}.single-view-container .top-video-container .video-item{height:100%;width:28.5%;border:4px solid rgba(23,64,133,.8);border-radius:8px;margin-right:20px}.single-view-container .top-video-container .video-item:last-child{margin-right:0}.single-view-container .top-video-container .video-item.front{flex:0 0 44%;position:relative}.single-view-container .top-video-container .video-item.front .gps-signal{display:block;width:124px;height:68px;font-size:24px;font-family:PingFang SC;font-weight:500;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center}.single-view-container .top-video-container .video-item.front .traffic-container{position:absolute;display:flex;align-items:center;top:10px;right:0}.single-view-container .top-video-container .video-item.front .traffic-container .location-gps-wrapper{background:url(../images/location-gps-bg.0d917285b40e744317550c05edde562b.png) no-repeat center;width:239px;height:68px;display:flex;align-items:center;justify-content:space-evenly}.single-view-container .top-video-container .video-item.front .traffic-container .location-gps-wrapper .divider{width:2px;height:32px;background:hsla(0,0%,100%,.2);margin-left:16px}.single-view-container .top-video-container .video-item.front .traffic-container .location-gps-wrapper .location-signal{display:flex;align-items:center;justify-content:space-evenly}.single-view-container .top-video-container .video-item.front .traffic-container .location-gps-wrapper .location-signal .location-icon{width:30px;height:30px;margin-left:18px}.single-view-container .top-video-container .video-item.front .traffic-container .location-gps-wrapper .location-signal .scene-signal,.single-view-container .top-video-container .video-item.front .traffic-container .location-gps-wrapper .location-signal .scene-signal-red{font-size:24px;font-family:PingFang SC;font-weight:500;color:#fff;margin-left:9px}.single-view-container .top-video-container .video-item.front .traffic-container .location-gps-wrapper .location-signal .scene-signal-red{color:red}.single-view-container .bottom-control-container{width:100%;height:40%;margin-top:21px;display:flex;position:relative;z-index:9}.single-view-container .bottom-control-container #localview-container,.single-view-container .bottom-control-container .standard-map{width:15.4%;height:100%;position:relative;background:#27324c;border:4px solid rgba(23,64,133,.8);border-radius:8px;position:relative}.single-view-container .bottom-control-container #localview-container .toggle-icon,.single-view-container .bottom-control-container .standard-map .toggle-icon{display:block;width:36px;height:36px;background:url(../images/toggle-icon.313212eb2f506a33794f0d8930cfd30a.png) no-repeat center;background-size:contain;position:absolute;top:10px;right:10px;padding:6px;background-color:rgba(0,0,0,.4);cursor:pointer;z-index:999}.single-view-container .bottom-control-container #localview-container{position:relative}.single-view-container .bottom-control-container #localview-container .toggle-map-mode{display:block;width:48px;height:48px;background:url(../images/toggle.da63b605e6ed44b9882172bb30c9c460.png) no-repeat;background-size:contain;position:absolute;right:10px;top:10px;z-index:999;cursor:pointer}.single-view-container .bottom-control-container .center-view{flex:1;position:relative;height:calc(100% - 107px);overflow:hidden}.single-view-container .bottom-control-container .center-view .alarm-event-list{width:718px;height:75px;background:url(../images/alarm-bg.091723698ec360cff2b06633d7565619.png) no-repeat center;background-size:contain;margin-left:-66px;display:flex;align-items:center;flex-wrap:nowrap}.single-view-container .bottom-control-container .center-view .alarm-event-list .no-alarm{font-size:34px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.4);width:718px;text-align:center}.single-view-container .bottom-control-container .center-view .alarm-event-list .warning-ico{margin-left:50px;margin-right:20px}.single-view-container .bottom-control-container .center-view .alarm-event-list .alarm-item{font-size:34px;font-family:PingFang SC;font-weight:bold;color:#ff7a7a;max-width:30%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.single-view-container .bottom-control-container .center-view .alarm-event-list .alarm-item::after{content:"";display:inline-block;width:2px;height:36px;background-color:hsla(0,0%,100%,.53);margin-left:20px;margin-right:20px}.single-view-container .bottom-control-container .center-view .alarm-event-list .alarm-item:last-child::after{display:none}.single-view-container .bottom-control-container .center-view .realtime-info{height:108px;background:url(../images/header-bg.b0c2f112191fedbd06ddab32d6a15470.png) no-repeat center;background-size:100% 100%;display:flex;padding-left:42px;z-index:10;position:sticky}.single-view-container .bottom-control-container .center-view .realtime-info .left-field-info,.single-view-container .bottom-control-container .center-view .realtime-info .right-field-info{width:36%;display:flex}.single-view-container .bottom-control-container .center-view .realtime-info .right-field-info{margin-left:auto}.single-view-container .bottom-control-container .center-view .video-item{width:26.5%;height:349px;background:url(../images/bottom-video-bg.119e326ae55092686c46d5369b649235.png) no-repeat center;background-size:100% 100%;border-radius:16px;box-sizing:border-box;padding:13px;position:absolute;top:0;left:36%;z-index:11}.single-view-container .bottom-control-container .center-view .take-over-btn{width:21.5%;height:calc(100% - 20px);background:url(../images/bg_left.cd0a8ed3060fdc0a099829f89124c614.png) no-repeat center;background-size:100% 100%;font-size:18px;font-family:PingFang SC;font-weight:normal;color:#8898bd;display:flex;align-items:center;margin-top:-50px;margin-left:-10px}.single-view-container .bottom-control-container .center-view .take-over-btn .btn{cursor:pointer;width:50%;display:flex;flex-flow:column;align-items:center;margin-left:10%;margin-top:-30px}.single-view-container .bottom-control-container .center-view .take-over-btn .btn .btn-text{font-size:32px;font-family:PingFang SC;font-weight:500;color:#fff}.single-view-container .bottom-control-container .center-view .take-over-btn .btn img{width:50%;height:50%}.single-view-container .bottom-control-container .center-view .take-over-btn.disable .btn .btn-text{color:hsla(0,0%,100%,.4)}.single-view-container .bottom-control-container .center-view .take-over-btn.disable img{opacity:.5}.single-view-container .bottom-control-container .center-view .angle-dashboard-container{width:24%;height:calc(100% - 76px);background:url(../images/light-angle-bg.4fd2c5c7849729abb0b4c1335eef6647.png) no-repeat center;background-size:100% 100%;position:absolute;left:17.5%;top:76px;display:flex}.single-view-container .bottom-control-container .center-view .angle-dashboard-container .angle-dashboard{width:250px;height:250px;top:15%;left:5%;position:relative}.single-view-container .bottom-control-container .center-view .speed-dashboard-container{display:flex;width:24%;height:calc(100% - 76px);background:url(../images/speed-bg.7e1facc241324c0245028378e6620b7a.png) no-repeat center;background-size:100% 100%;position:absolute;top:76px;right:18%}.single-view-container .bottom-control-container .center-view .speed-dashboard{width:250px;height:250px;position:relative;left:23%;top:15%}.single-view-container .bottom-control-container .center-view .enable-container{width:21.5%;height:calc(100% - 20px);background:url(../images/bg_right.7c6a1aa035d1b5cdbc15ea3e107650c3.png) no-repeat center;background-size:100% 100%;font-size:18px;font-family:PingFang SC;font-weight:normal;color:#8898bd;display:flex;align-items:center;position:absolute;right:0;top:55px;display:flex;justify-content:right;margin-right:-10px}.single-view-container .footer{width:100%;height:120px;background:#26304a;position:fixed;bottom:0;left:0}.single-view-container .operate-btns{width:69%;height:120px;position:fixed;bottom:0;left:15.4%;z-index:10;display:flex;align-items:center;justify-content:center;margin:0 auto}.single-view-container .operate-btns .ico{width:52px;height:52px}.single-view-container .operate-btns .left-btn-group,.single-view-container .operate-btns .right-btn-group{display:flex;flex:1}.single-view-container .operate-btns .left-btn-group .btn-item,.single-view-container .operate-btns .right-btn-group .btn-item{width:130px;height:100%;margin-left:20px;display:flex;flex-flow:column;align-items:center;font-size:24px;font-family:PingFang SC;color:#fff;cursor:pointer;flex:1}.single-view-container .operate-btns .vehicle-name{padding:0 8px;display:flex;justify-content:center;height:77px;background:linear-gradient(270deg, rgb(59, 74, 118) 0%, rgb(53, 63, 103) 100%);border:3px solid #0c142a;border-radius:12px;font-size:28px;font-family:PingFang SC;color:#d5e2ff;margin:0 3%;text-align:center;line-height:77px;align-items:center;white-space:nowrap}.single-view-container .operate-btns .vehicle-name .right-line{display:block;width:2px;height:57px;background:hsla(0,0%,100%,.2);margin:0 14px}.single-view-container .operate-btns .vehicle-name .go-back{display:block;cursor:pointer;width:36px;height:36px;background:url(../images/exit.6c94f1882ab09c708d1fec0ce51ed4f6.png) no-repeat center;background-size:contain}.single-view-container .dashboard-center-angle i:last-child{position:relative;top:-6px}

body,
html {
  width: 100%;
  height: 100%;
  position: relative;
}
#WebGL-output {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#WebGL-output .delay-time {
  display: none;
  background: rgba(1, 1, 1, 0.1);
  position: absolute;
  top: 16px;
  right: 30%;
  font-size: 28px;
  font-family: PingFang SC;
  color: #ff7a7a;
  height: 40px;
  line-height: 40px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  padding: 0 16px;
}
#WebGL-output .delay-time i {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 6px;
  background: url(../images/delay.a478afc5c7c65ba11164081393349dda.png) no-repeat center;
  background-size: contain;
}
.websocket {
  width: auto;
  height: auto;
}
.CarInfo {
  width: 120px;
  position: absolute;
  z-index: 1;
  right: 10px;
  bottom: 10px;
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  border-radius: 3px;
}
.light {
  width: 90%;
  display: flex;
  justify-content: center;
  margin: 0 auto 5px auto;
  border-radius: 8px;
  border: 1px solid #797979;
  padding: 3px 3px;
  background: #5d5f65;
}
.light div {
  width: 23px;
  height: 23px;
  margin: 0 3px;
  background-color: #999999;
  border-radius: 50%;
  opacity: 0.3;
}
.light_none {
  width: 90%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  border-radius: 8px;
  border: 1px solid #797979;
  padding: 3px 3px;
  background: #5d5f65;
}
.light_none div {
  width: 23px;
  height: 23px;
  margin: 0 3px;
  background-color: #999999;
  border-radius: 50%;
  opacity: 0.3;
}
.light_red {
  background-color: #ff0000 !important;
}
.light_green {
  background-color: #66ff00 !important;
}
.light_yellow {
  background-color: #ffff00 !important;
}
.light_red_major {
  background-color: #ff0000 !important;
  opacity: 1 !important;
}
.light_green_major {
  background-color: #66ff00 !important;
  opacity: 1 !important;
}
.light_yellow_major {
  background-color: #ffff00 !important;
  opacity: 1 !important;
}
.light_black {
  background-color: #000000 !important;
}
.light_no_light {
  background-color: #5d5f65 !important;
}
.light_red_unknown {
  background-color: #ff0000 !important;
  opacity: 0.3;
}
.light_green_unknown {
  background-color: #66ff00 !important;
  opacity: 0.3;
}
.light_yellow_unknown {
  background-color: #ffff00 !important;
  opacity: 0.3;
}
@keyframes twinkleRed {
  from {
    opacity: 0;
    background-color: #ff0000;
  }
  to {
    opacity: 1;
    background-color: #ff0000;
  }
}
@keyframes twinkleGreen {
  from {
    opacity: 0;
    background-color: #66ff00;
  }
  to {
    opacity: 1;
    background-color: #66ff00;
  }
}
@keyframes twinkleYellow {
  from {
    opacity: 0;
    background-color: #ffff00;
  }
  to {
    opacity: 1;
    background-color: #ffff00;
  }
}
.light_red_twinkle {
  background-color: #ff0000;
  animation-iteration-count: infinite;
  animation: twinkleRed 0.5s linear infinite alternate 0.5s;
}
.light_green_twinkle {
  background-color: #66ff00;
  animation-iteration-count: infinite;
  animation: twinkleGreen 0.5s linear infinite alternate 0.5s;
}
.light_yellow_twinkle {
  background-color: #ffff00;
  animation-iteration-count: infinite;
  animation: twinkleYellow 0.5s linear infinite alternate 0.5s;
}
.major {
  opacity: 1 !important;
  /*box-shadow: 1px 1px 1px;*/
}
.car_info {
  width: 100%;
  height: auto;
  margin: 7px auto 0 auto;
  background: #1e2129;
  border-radius: 3px;
}
.car_img {
  width: 100%;
  height: auto;
  padding-top: 10px;
}
.car_img img {
  width: 50px;
  height: 50px;
}
.car_steer_text,
.car_gear_text {
  line-height: 20px;
  font-size: 14px;
  color: #66ff00;
}
.timelabel_text {
  font-size: 14px;
  color: #ee0000;
  text-align: center;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 100;
  display: block;
}
.traffic_light_text {
  line-height: 18px;
  font-size: 14px;
  color: #a3a3a3;
}
.selectCar {
  width: 200px;
  height: 30px;
  position: fixed;
  top: 5px;
  right: 5px;
  border: none 0;
}
.light_container {
  width: 120px;
  background-color: #1e2129;
  margin-top: 3px;
  padding: 5px;
  border-radius: 3px;
  color: #e6e6e6;
}

.light_information {
  width: 100%;
  height: 20px;
  padding: 0 5%;
  line-height: 20px;
  font-size: 12px;
  background-color: #494949;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.light_id {
  float: left;
}
.light_duration {
  float: right;
}
.light_stateText {
  line-height: 30px;
  font-size: 13px;
  color: #e6e6e6;
}
.lightList {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-left: 8px;
  border-radius: 3px;
}
.light_button {
  width: 24px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -12px;
  background: #373737;
  border-radius: 3px;
}
.global_config {
  width: auto;
  height: 40px;
  background-color: #1e2129;
  position: absolute;
  bottom: 10px;
  right: 140px;
  border-radius: 5px;
  overflow: hidden;
}
.contral_icon {
  width: 23px;
  height: 40px;
  padding: 9px 5px;
  float: right;
}
.contral_icon img {
  width: 100%;
  height: 100%;
}
.global_config_data {
  width: auto;
  height: 100%;
  float: right;
  border-right: solid 1px #5f5f5f;
}
.config_data_item {
  width: 30px;
  height: 40px;
  display: inline-block;
}
.config_item_icon {
  width: 20px;
  height: 21px;
  margin: 2px 5px 1px 5px;
}
.config_item_icon img {
  width: 100%;
  height: 100%;
}
.config_item_text {
  width: 100%;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  color: #fff;
  text-align: center;
}

.enable-con{position:relative;background:url(../images/enable_bg.06702bac09b68a123c594c650852fb2a.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:center;margin-right:45px}.enable-con .bold{font-family:JDLangZhengTi;font-weight:normal;color:#3398ff;text-align:center;font-weight:bold;margin-left:20p;position:relative;left:30px}.enable-con .direction{position:absolute;right:5px;top:-20px;font-size:14px;color:hsla(0,0%,100%,.8)}.enable-con .direction img{width:20px;height:20px}.enable-con .car{background:url(../images/bg-btn.9d1297dd04481ca2c36d9dbd94e0b5b7.png) no-repeat;background-size:100% 100%}.enable-con .top{position:absolute;top:0;left:50%;background:url(../images/top.a1ef4d906c94d8a77924e83adf9e6e05.png) no-repeat;background-size:100% 100%}.enable-con .top-warn{background:url(../images/top-warn.a930089eed51851c86220b97fc50cf63.png) no-repeat;background-size:100% 100%}.enable-con .right{position:absolute;right:0;top:50%;background:url(../images/right-normal.8f1a4a0921f4bf5a23c1109de39db972.png) no-repeat;background-size:100% 100%}.enable-con .right-warn{background:url(../images/right-warn.fd9f0bf2f70c55d3864cbd1cf8032100.png) no-repeat;background-size:100% 100%}.enable-con .down{position:absolute;bottom:0;left:50%;background:url(../images/bottom.0379db30a77a7d20971e84683509baba.png) no-repeat;background-size:100% 100%}.enable-con .down-warn{background:url(../images/bottom-warn.9b29f2e1e09b098cd7d3a4ad63fd350c.png) no-repeat;background-size:100% 100%}.enable-con .left{position:absolute;left:0;top:50%;background:url(../images/left-normal.f6ce368edecf2d62f6fd883d498c230c.png) no-repeat;background-size:100% 100%}.enable-con .left-warn{background:url(../images/left-warn.69022b5e3e4c1245dbec2b66417a8678.png) no-repeat;background-size:100% 100%}
.field-item-box{display:flex;flex:1;margin-left:6px;line-height:94px;align-items:center}.field-item-box .field-item-title{font-size:28px;font-family:PingFang SC;font-weight:normal;color:#8898bd;white-space:nowrap;flex-shrink:0}.field-item-box .field-item-info{font-size:36px;font-family:PingFang SC;font-weight:normal;color:#d5e2ff;margin-left:16px;white-space:nowrap;flex:1}.field-item-box .field-item-info.field-item-node{line-height:normal;white-space:normal;display:flex;align-items:center;min-height:60px}.field-item-box:has(.field-item-node){line-height:normal;min-height:94px;align-items:center}

.btn-item{width:130px;height:100%;display:flex;flex-flow:column;align-items:center;font-size:24px;font-family:PingFang SC;color:#fff;cursor:pointer}.complete-issue::before{content:"";display:block;width:52px;height:52px;background:url(../images/finish.9b8de6069941b13ab95ca724dc62c721.png) no-repeat center;background-size:52px 52px}.complete-issue:hover::before{background:url(../images/finish-active.00313f1d002afc25c86d71fd200b1f46.png) no-repeat center;background-size:52px 52px}.complete-disabled i{color:hsla(0,0%,100%,.6)}.complete-disabled::before{content:"";display:block;width:52px;height:52px;background:url(../images/disabled-complete.59a9abacdf10fb083b7b8120ea9ec64e.png) no-repeat center;background-size:52px 52px}.complete-disabled:hover::before{background:url(../images/disabled-complete.59a9abacdf10fb083b7b8120ea9ec64e.png) no-repeat center;background-size:52px 52px}
.transfer::before{content:"";display:block;width:52px;height:52px;background:url(../images/transfer.d8e97de6953fec2618d5c66b43f96c95.png) no-repeat center;background-size:52px 52px}.transfer:hover::before{background:url(../images/transfer-active.78cd34b584907aecddc30f96ee4bc68f.png) no-repeat center;background-size:52px 52px}.transfer-disabled i{color:hsla(0,0%,100%,.6)}.transfer-disabled::before{content:"";display:block;width:52px;height:52px;background:url(../images/disabled-transfer.ab1f82642ce7390172ca36183a032de8.png) no-repeat center;background-size:52px 52px}.transfer-disabled:hover::before{background:url(../images/disabled-transfer.ab1f82642ce7390172ca36183a032de8.png) no-repeat center;background-size:52px 52px}
.discard::before{content:"";display:block;width:52px;height:52px;background:url(../images/throwing.33f319cef921346918b93544df33c37d.png) no-repeat center;background-size:52px 52px}.discard:hover::before{background:url(../images/throwing-active.6a344c45ad98a038b9a7d8ae72a7efd6.png) no-repeat center;background-size:52px 52px}.discard-disabled i{color:hsla(0,0%,100%,.6)}.discard-disabled::before{content:"";display:block;width:52px;height:52px;background:url(../images/disabled-throwing.b5336179ac3d5fde769e6123a9446126.png) no-repeat center;background-size:52px 52px}.discard-disabled:hover::before{background:url(../images/disabled-throwing.b5336179ac3d5fde769e6123a9446126.png) no-repeat center;background-size:52px 52px}
.hold-issue::before{content:"";display:block;width:52px;height:52px;background:url(../images/pending.d0078c19362c0e81407e6a2ab80cc37a.png) no-repeat center;background-size:52px 52px}.hold-issue:hover::before{background:url(../images/pending-active.623c3f8a06e9d7c375c3a2a0ca4da659.png) no-repeat center;background-size:52px 52px}.hold-disabled i{color:hsla(0,0%,100%,.6)}.hold-disabled::before{content:"";display:block;width:52px;height:52px;background:url(../images/disabled-icon.b455bbe98cefff7e8554121290b7700a.png) no-repeat center;background-size:52px 52px}
.callfront::before{content:"";display:block;width:52px;height:52px;background:url(../images/transfer.d8e97de6953fec2618d5c66b43f96c95.png) no-repeat center;background-size:52px 52px}.callfront:hover::before{background:url(../images/transfer-active.78cd34b584907aecddc30f96ee4bc68f.png) no-repeat center;background-size:52px 52px}
.issue-history::before{content:"";display:block;width:52px;height:52px;background:url(../images/issue.35560917501720bf1447f6bdc55ed0d7.png) no-repeat center;background-size:52px 52px}.issue-history:hover::before{background:url(../images/issue-active.4e535906365da7b29d45e3061ce433c0.png) no-repeat center;background-size:52px 52px}

.time-bar-wrapper{margin-left:30px;overflow-y:auto}.time-bar-item{display:flex;color:hsla(0,0%,100%,.8)}.time-bar-item .high-light{color:#fff}.time-bar-item .info-content{flex:1;margin-top:-5px;margin-left:8px;padding-bottom:32px;font-size:24px;font-family:PingFangSC;font-weight:normal}.icon-wrapper{display:flex;flex-flow:column;align-items:center}.icon-wrapper .circle-point,.icon-wrapper .circle-point-key{width:16px;height:16px;background-color:hsla(0,0%,100%,.8);border-radius:16px;margin-bottom:6px}.icon-wrapper .circle-point-key{background-color:#03a2ff}.icon-wrapper .border-image{flex:1;width:1px;background-color:hsla(0,0%,100%,.4);margin:2px 0}

.asArrived::before{content:"";display:block;width:52px;height:52px;background:url(../images/as-arrived.87814a33fcb9df76f52195d02fc6f1c5.png) no-repeat center;background-size:52px 52px}.asArrived:hover::before{background:url(../images/as-arrived-active.0bf8de9f5561a4e44304dbd31894df2a.png) no-repeat center;background-size:52px 52px}.asArrived-disabled i{color:hsla(0,0%,100%,.6)}.asArrived-disabled::before{content:"";display:block;width:52px;height:52px;background:url(../images/disabled-asarived.85b3ba3bbfe17087e158fe9fd44beb3b.png) no-repeat center;background-size:52px 52px}.asArrived-disabled:hover::before{background:url(../images/disabled-asarived.85b3ba3bbfe17087e158fe9fd44beb3b.png) no-repeat center;background-size:52px 52px}
.remove-stop-btn::before{content:"";display:block;width:52px;height:52px;background:url(../images/stop.e3ae75125a96ba6cca882f72e23898cd.png) no-repeat center;background-size:52px 52px}.remove-stop-btn:hover::before{background:url(../images/stop-active.2b478182524da961a98a3714562721ea.png) no-repeat center;background-size:52px 52px}.remove-stop-disabled i{color:hsla(0,0%,100%,.6)}.remove-stop-disabled::before{content:"";display:block;width:52px;height:52px;background:url(../images/disabled-stop.a6fcff6fb2a8488353ac6ac827d402a1.png) no-repeat center;background-size:52px 52px}.remove-stop-disabled:hover::before{background:url(../images/disabled-stop.a6fcff6fb2a8488353ac6ac827d402a1.png) no-repeat center;background-size:52px 52px}
.restart::before{content:"";display:block;width:52px;height:52px;background:url(../images/restart.ed760ec9c989cf7fde8ae45034c08ac2.png) no-repeat center;background-size:52px 52px}.restart:hover::before{background:url(../images/restart-active.6ca745b6fe21faa4c4d4cc625e9ad8f2.png) no-repeat center;background-size:52px 52px}.disabled-restart i{color:hsla(0,0%,100%,.6)}.disabled-restart::before{content:"";display:block;width:52px;height:52px;background:url(../images/disabled-restart.ec187d48c8bd09bc46979b3a8908521e.png) no-repeat center;background-size:52px 52px}
.btn-list{display:flex;flex-flow:column;position:relative;left:10%;width:132px;top:11px}.btn-list img{position:absolute}.btn-list .warning{width:137px;height:82px;left:7px;transform:rotate(5deg);top:15px}.btn-list .left{width:107px;height:76px;background:url(../images/left.07fbce1406e030524f914470cf0beab2.png) no-repeat left;top:80px;left:-9px;transform:rotate(-1deg)}.btn-list .right{width:107px;height:76px;top:164px;left:-5px;transform:rotate(-3deg)}.btn-list .highLight{width:139px;height:84px;top:215px;left:14px;transform:rotate(-5deg)}
.gear-container{width:137px;height:100%;position:relative;left:22%;display:flex;flex-flow:column}.gear-container img{position:absolute}.gear-container .gear-D{width:137px;height:82px;top:20px;left:-8px;transform:rotate(4deg)}.gear-container .gear-N{width:137px;height:82px;top:84px;left:6px}.gear-container .gear-R{width:137px;height:82px;top:170px;transform:rotate(3deg)}.gear-container .gear-P{width:137px;height:82px;top:228px;left:-24px;transform:rotate(7deg)}
.speed-setting{position:absolute;top:105px;right:13.8%;display:flex;flex-direction:column;align-items:flex-end;z-index:10}.speed-setting .no-limit{width:136px;height:64px;font-size:22px;font-family:PingFang SC;font-weight:normal;line-height:64px;padding-left:45px;cursor:pointer}.speed-setting .no-limit.default{background:url(../images/no-limit-default.259e7233c6535fcb31cdd7212f17b643.png) no-repeat center;background-size:contain;color:#8898bd}.speed-setting .no-limit.active{background:url(../images/no-limit-active.92384151702cbc3db41f8fd5f1b0c158.png) no-repeat center;background-size:contain;color:#fff}.speed-setting .speed-num{width:94px;height:58px;background:url(../images/speed-num.5824bb3395c1c5364fe0e54e9e58f0c3.png) no-repeat center;background-size:contain;margin-top:7px;margin-bottom:7px;display:flex;flex-direction:column;align-items:center}.speed-setting .speed-num .speed{font-size:32px;font-family:JDZhengHT;font-weight:normal;color:rgba(213,226,255,.8);height:35px}.speed-setting .speed-num .unit{font-size:12px;font-family:PingFang SC;font-weight:normal;color:#8898bd}.speed-setting .speed-limit{height:14px;width:151px;cursor:pointer}
.dashboard{width:100%;height:100%;background-size:100%;position:relative;overflow:hidden}.dashboard .dashboard-center{width:200px;height:200px;position:absolute;z-index:99;top:25px;left:25px;display:flex;flex-flow:column;align-items:center;justify-content:center}.dashboard .dashboard-center.dashboard-center-angle{background:url(../images/angle.01cd1d546154cce64ce96d1d74f1cf53.png) no-repeat center;background-size:contain;background-color:#081329;border-radius:200px}.dashboard .dashboard-center.dashboard-center-speed{background:url(../images/speed.97fdd02e3a360e8cf90aa6862d8f6b22.png) no-repeat center;background-size:contain;background-color:#081329;border-radius:200px}
.remote-call::before{content:"";display:block;width:52px;height:52px;background:url(../images/call.99d0c1f237830c84a3ce2bfebf17c447.png) no-repeat center;background-size:52px 52px}.remote-call:hover::before{background:url(../images/call-active.6a2725684ce0168de68c65cc5b5d3c75.png) no-repeat center;background-size:52px 52px}
.operation_area{padding-left:10%;margin-bottom:20px;display:flex;justify-content:right}.operation_area .custom_round_btn{border:1px solid rgba(0,0,0,0);border-radius:10px;background-color:#0d85ff;color:#fff;margin-right:20px}.operation_area .custom_round_btn:hover{background:#0869cc;border:1px solid rgba(0,0,0,0);color:#fff}.operation_area .ant-btn:focus{background:#0d85ff}.collected_word_list{padding-left:10%;padding-top:20px}.collected_word_list .label{font-size:24px;font-family:PingFang SC;font-weight:normal;color:#fff;display:flex;align-items:center}.collected_word_list .label::before{content:"";width:8px;height:24px;background:#00a2ff;border-radius:2px;margin-right:8px}.collected_word_list .list_area{width:100%;height:360px;padding:12px;background:rgba(3,4,13,.3);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;overflow:auto}.collected_word_list .list_area .word{display:flex;justify-content:space-between;align-items:center;padding:24px 16px;background:#203151;border-radius:4px;margin-bottom:16px;cursor:pointer;transition:all .2s ease-in-out;font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8)}.collected_word_list .list_area .word .delete_icon{width:30px;height:100%;text-align:center}.form-view .ant-col-6{flex:0 0 13%}
.micro-phone.open::before{content:"";display:block;width:52px;height:52px;background:url(../images/close-radio.79f715ed1c171419fb4d7a24001f6892.png) no-repeat center;background-size:52px 52px}.micro-phone.open:hover::before{background:url(../images/close-radio-active.659eda4ec9d59344a995ec23b387e215.png) no-repeat center;background-size:52px 52px}.micro-phone.close::before{content:"";display:block;width:52px;height:52px;background:url(../images/open-radio.f9abade1efa1fce5f07381c9b6617ffa.png) no-repeat center;background-size:52px 52px}.micro-phone.close:hover::before{background:url(../images/open-radio-active.3426f458835c1af1575090f5775f2540.png) no-repeat center;background-size:52px 52px}
.takeover-setting::before{content:"";display:block;width:52px;height:52px;background:url(../images/operate-icon.2380cae4b8f40cb589b9e9e06026d743.png) no-repeat center;background-size:52px 52px}.takeover-setting:hover::before{background:url(../images/operate-icon-active.05359f05c7d835d907e3ce6c73622955.png) no-repeat center;background-size:52px 52px}.set-content .field-name{font-size:24px;font-family:PingFang SC;font-weight:500;color:#fff;display:flex;align-items:center}.set-content .field-name i{width:8px;height:24px;background:#0d85ff;border-radius:2px;margin-right:8px;display:inline-block}
.accelerator-setting{font-size:26px;font-family:PingFang SC;font-weight:normal;display:flex;flex-flow:column;position:absolute;left:13.5%;top:100px}.accelerator-setting .power{width:136px;height:64px;line-height:64px;text-align:center;background-size:100% 100%;margin-bottom:8px}.accelerator-setting .standard{width:94px;height:71px;line-height:71px;text-align:center;background-size:100% 100%;margin-bottom:8px}.accelerator-setting .stable{width:96px;height:71px;line-height:71px;text-align:center;background-size:100% 100%;margin-bottom:8px}.accelerator-setting .slow{width:147px;height:64px;line-height:64px;text-align:center;background-size:100% 100%}
.planning-container{width:1000px;position:relative}.poi-search{width:90%;padding:20px}.poi-search .ant-select-single{height:58px}.poi-search .start-end-inputs{width:100%;display:flex}.poi-search .start-end-inputs .label{display:inline-block;width:60px;font-size:24px;font-family:PingFang SC;font-weight:500;color:hsla(0,0%,100%,.8)}.poi-search .start-end-inputs .start-input-wrapper{margin-bottom:10px;display:flex;align-items:center;flex:1}.poi-search .start-end-inputs .end-input-wrapper{margin-bottom:10px;display:flex;align-items:center;flex:1;margin-left:60px}.map-container{width:94%;height:410px;position:relative}.map-container .standard-tile-map-container{width:100%;height:100%}
.enter-collect-map::before{content:"";display:block;width:52px;height:52px;background:url(../images/enter-collect-map-mode.58620e1f6a083538faee63e713f01855.png) no-repeat center;background-size:52px 52px}.enter-collect-map:hover::before{background:url(../images/enter-collect-map-mode-active.32adb77aec67717c7dc65ea7ead09d6f.png) no-repeat center;background-size:52px 52px}.enter-collect-map-disabled i{color:hsla(0,0%,100%,.6)}.enter-collect-map-disabled::before{content:"";display:block;width:52px;height:52px;background:url(../images/enter-collect-map-mode-disabled.a1edb6916c57c59182197daeaa906866.png) no-repeat center;background-size:52px 52px}.enter-collect-map-disabled:hover::before{background:url(../images/enter-collect-map-mode-disabled.a1edb6916c57c59182197daeaa906866.png) no-repeat center;background-size:52px 52px}
.check-collect-map::before{content:"";display:block;width:52px;height:52px;background:url(../images/check-route.efb90c4d73b1e37e0d221cca10286426.png) no-repeat center;background-size:52px 52px}.check-collect-map:hover::before{background:url(../images/check-route-active.132f2ab81147431412ecfa9ad9e1adb0.png) no-repeat center;background-size:52px 52px}
.finish-collect-map::before{content:"";display:block;width:52px;height:52px;background:url(../images/finish-collect-map.87adafad737567e9b7b94806ff0de413.png) no-repeat center;background-size:52px 52px}.finish-collect-map:hover::before{background:url(../images/finish-collect-map-active.d6ebebfe076db90f066eb169c55e82d9.png) no-repeat center;background-size:52px 52px}.finish-collect-map-disabled i{color:hsla(0,0%,100%,.6)}.finish-collect-map-disabled::before{content:"";display:block;width:52px;height:52px;background:url(../images/finish-collect-map-disabled.f89324b53ace0b4bc9e127c6c10faa5f.png) no-repeat center;background-size:52px 52px}.finish-collect-map-disabled:hover::before{background:url(../images/finish-collect-map-disabled.f89324b53ace0b4bc9e127c6c10faa5f.png) no-repeat center;background-size:52px 52px}.finish-collect-modal{height:650px}.finish-collect-modal .confirm-text{color:#bcc2ca;font-size:20px}.finish-collect-modal .subTask-num{margin-top:20px;margin-bottom:30px;height:60px;width:100%;line-height:60px;color:#e7e9ed;background-color:#374869;border-radius:10px;padding-left:30px}.finish-collect-modal .route-title{text-align:center;color:#bcc2ca;font-size:20px}.finish-collect-modal #finish-modal-collect-map-box{width:100%;height:100%}.finish-collect-modal .overlay-container{padding:16px;box-sizing:border-box;background:rgba(32,49,81,.6);border:2px solid hsla(0,0%,100%,.16);border-radius:8px;box-shadow:0 2px 24px 0 rgba(0,0,0,.5)}.finish-collect-modal .overlay-container .triangle{width:35px;height:20px;background:rgba(32,49,81,.6);box-shadow:0 2px 24px 0 rgba(0,0,0,.5);clip-path:polygon(50% 100%, 0 0, 100% 0);position:absolute;bottom:-18px;left:47%}.finish-collect-modal .overlay-container .label-text{font-size:20px;font-family:PingFang SC;font-weight:normal;display:flex;align-items:flex-start;justify-content:flex-start}.finish-collect-modal .overlay-container .label-text .label{color:hsla(0,0%,100%,.4)}.finish-collect-modal .overlay-container .label-text .text{color:hsla(0,0%,100%,.8);display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;max-width:300px}.finish-collect-modal .overlay-container .image-list{display:flex;justify-content:space-around;align-items:center;width:100%;height:100%;max-width:600px;min-width:330px;max-height:400px;min-height:200px;box-sizing:border-box}.finish-collect-modal .overlay-container .image-list::-webkit-scrollbar{width:8px;background-color:rgba(0,0,0,.1)}.finish-collect-modal .overlay-container .image-list::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:4px}.finish-collect-modal .overlay-container .image-list::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.finish-collect-modal .overlay-container .image-list .image-item{max-width:50%;max-height:60%;object-fit:contain;margin:5px;flex:1 1 auto;cursor:pointer;transition:transform .2s ease}.finish-collect-modal .overlay-container .image-list .image-item:hover{transform:scale(1.5)}
.travel-routes-container{width:100%;height:100%}.travel-routes-container .map-container{width:100%;height:100%}.travel-routes-container .show-high-precision-map{position:absolute;right:10px;bottom:10px;z-index:999;cursor:pointer;display:flex;align-items:center;color:#fff;user-select:none;background-color:rgba(0,0,0,.5);border-radius:5px;padding:5px;opacity:.8;transition:all .2s ease}.travel-routes-container .show-high-precision-map:hover{background-color:rgba(0,0,0,.7);transform:scale(1.1);opacity:1}.travel-routes-container .show-high-precision-map .eye-icon{width:20px;height:20px}.travel-routes-container .show-high-precision-map span{margin-left:5px;font-size:20px}.travel-routes-container .ol-zoom{display:none}
.exit-collect-map::before{content:"";display:block;width:52px;height:52px;background:url(../images/exit-collect-map-mode.906b6d72380bf1f92395654fa36b336f.svg) no-repeat center;background-size:52px 52px}.exit-collect-map:hover::before{background:url(../images/exit-collect-map-mode-active.535b89cb6fd410b558fd96dbdedb40cd.png) no-repeat center;background-size:52px 52px}.exit-collect-map-disabled i{color:hsla(0,0%,100%,.6)}.exit-collect-map-disabled::before{content:"";display:block;width:52px;height:52px;background:url(../images/exit-collect-map-mode-disabled.6ba48d6aa2056cc1cef617549d445a9e.png) no-repeat center;background-size:52px 52px}.exit-collect-map-disabled:hover::before{background:url(../images/exit-collect-map-mode-disabled.6ba48d6aa2056cc1cef617549d445a9e.png) no-repeat center;background-size:52px 52px}
.resume-collect-map::before{content:"";display:block;width:52px;height:52px;background:url(../images/resume-collect-map.2eaccc33d02a7a6c034810187d0e40a8.png) no-repeat center;background-size:52px 52px}.resume-collect-map:hover::before{background:url(../images/resume-collect-map-active.ba7702b23b255290b6b327f08c84e0dc.png) no-repeat center;background-size:52px 52px}.resume-collect-map-disabled i{color:hsla(0,0%,100%,.6)}.resume-collect-map-disabled::before{content:"";display:block;width:52px;height:52px;background:url(../images/resume-collect-map-disabled.cac46cbae3dda06baa693772d5b7a027.png) no-repeat center;background-size:52px 52px}.resume-collect-map-disabled:hover::before{background:url(../images/resume-collect-map-disabled.cac46cbae3dda06baa693772d5b7a027.png) no-repeat center;background-size:52px 52px}
.pause-collect-map::before{content:"";display:block;width:52px;height:52px;background:url(../images/pause-collect-map.08aae15fab086123a54f839ed6cf9f4e.png) no-repeat center;background-size:52px 52px}.pause-collect-map:hover::before{background:url(../images/pause-collect-map-active.b91954e6871578b6625a21c12f2fb9ab.png) no-repeat center;background-size:52px 52px}.pause-collect-map-disabled i{color:hsla(0,0%,100%,.6)}.pause-collect-map-disabled::before{content:"";display:block;width:52px;height:52px;background:url(../images/pause-collect-map-disabled.e92b046fa78607562cf9f6342dd539d7.svg) no-repeat center;background-size:52px 52px}.pause-collect-map-disabled:hover::before{background:url(../images/pause-collect-map-disabled.e92b046fa78607562cf9f6342dd539d7.svg) no-repeat center;background-size:52px 52px}
.resolution-list{position:absolute;top:53%;right:30%;z-index:99}.resolution-list .selected-resolution{background:rgba(0,0,0,.7);border-radius:8px;padding:6px 12px;font-size:28px;font-family:PingFang SC;font-weight:normal;color:rgba(213,226,255,.8);cursor:pointer}.resolution-list .resolution-btn-list{display:flex;flex-flow:column;position:absolute;bottom:60px;background:hsla(0,0%,100%,.2);border-radius:8px}.resolution-list .resolution-btn-list i{padding:6px 12px;font-size:28px;font-family:PingFang SC;font-weight:normal;color:rgba(213,226,255,.8);cursor:pointer}.resolution-list .resolution-btn-list i:hover{background:rgba(0,0,0,.5)}.resolution-list .resolution-btn-list i.active{background:rgba(0,0,0,.5)}
.map-task-card{width:15.4%;height:100%;position:relative;background:#27324c;border:4px solid rgba(23,64,133,.8);border-radius:8px;overflow:hidden}.map-task-card .toggle-map-mode{display:block;width:48px;height:48px;font-size:48px;position:absolute;right:10px;top:10px;z-index:999;color:#afbbd2;cursor:pointer}.map-task-card .toggle-map-mode.change-color{color:#d3adf7}.map-task-card .collect-task-info{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:rgba(32,49,81,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100%;transition:transform .5s ease-in-out}.map-task-card .collect-task-info.active{transform:translateY(0)}.map-task-card .collect-task-info.inactive{transform:translateY(100%)}.map-task-card .collect-task-info img{width:106px;height:86px}.map-task-card .collect-task-info .collect-task-info-list{list-style-type:none;padding:18px}.map-task-card .collect-task-info .collect-task-info-list li{display:flex;align-items:flex-start;margin:auto}.map-task-card .collect-task-info .collect-task-info-list .label{font-size:28px;font-family:PingFang SC;font-weight:normal;color:#8898bd;width:200px}.map-task-card .collect-task-info .collect-task-info-list .content{font-size:32px;font-family:PingFang SC;font-weight:normal;color:#d5e2ff;flex:1}.map-task-card .travel-routes-css-div{width:100%;height:100%;transition:transform .5s ease-in-out}.map-task-card .travel-routes-css-div.active{transform:translateY(-100%)}.map-task-card .travel-routes-css-div.inactive{transform:translateY(0)}
.check-solidified-data span{display:block;width:52px;height:52px;font-size:52px;font-weight:100;color:#d1e3ff}.check-solidified-data span:hover{color:#0087ff}.check-solidified-data i{font-size:24px;font-family:PingFang SC;color:#fff;cursor:pointer}.cancel-solidify{font-size:24px;color:#3871d2}.cancel-solidify.clicked{color:#a7a4a4}.cancel-solidify.clicked:hover{color:#a7a4a4}
.vehicle-command::before{content:"";display:block;width:52px;height:52px;background:url(../images/vehicle-command-normal.52b7a37acd85bc1d09466607fab5ac26.png) no-repeat center;background-size:52px 52px}.vehicle-command:hover::before{background:url(../images/vehicle-command-hover.59835b07cbf69191e0b37db6c9dd2f12.png) no-repeat center;background-size:52px 52px}.set-content .field-name{font-size:24px;font-family:PingFang SC;font-weight:500;color:#fff;display:flex;align-items:center}.set-content .field-name i{width:8px;height:24px;background:#0d85ff;border-radius:2px;margin-right:8px;display:inline-block}
.vehicle-speed-limit-setting-modal .ant-form-item-label>label{color:hsla(0,0%,100%,.8) !important}.vehicle-speed-limit-setting-modal .ant-form-item .ant-form-item-label>label{color:hsla(0,0%,100%,.8) !important}.vehicle-speed-limit-setting-modal .ant-radio-group{color:hsla(0,0%,100%,.8)}.vehicle-speed-limit-setting-modal .ant-radio-group .ant-radio-wrapper{color:hsla(0,0%,100%,.8) !important}.vehicle-speed-limit-setting-modal .ant-radio-group .ant-radio-wrapper .ant-radio{color:hsla(0,0%,100%,.8)}.vehicle-speed-limit-setting-modal .ant-radio-group .ant-radio-wrapper .ant-radio-inner{background-color:rgba(0,0,0,0);border-color:hsla(0,0%,100%,.8)}.vehicle-speed-limit-setting-modal .ant-radio-group .ant-radio-wrapper .ant-radio-checked .ant-radio-inner{border-color:hsla(0,0%,100%,.8)}.vehicle-speed-limit-setting-modal .ant-radio-group .ant-radio-wrapper .ant-radio-checked .ant-radio-inner:after{background-color:hsla(0,0%,100%,.8)}.vehicle-speed-limit-setting-modal .ant-input-number{background:rgba(10,13,26,.4) !important;border:1px solid #36394d;border-radius:6px;color:hsla(0,0%,100%,.8);width:100%}.vehicle-speed-limit-setting-modal .ant-input-number input{color:hsla(0,0%,100%,.8);background:rgba(0,0,0,0) !important;height:50px}.vehicle-speed-limit-setting-modal .ant-input-number:focus-within{border-color:#0d85ff}.vehicle-speed-limit-setting-modal .ant-input-number .ant-input-number-handler-wrap{background:rgba(0,0,0,0)}.vehicle-speed-limit-setting-modal .ant-input-number .ant-input-number-handler{border-color:hsla(0,0%,100%,.8)}.vehicle-speed-limit-setting-modal .ant-input-number .ant-input-number-handler:hover .ant-input-number-handler-up-inner,.vehicle-speed-limit-setting-modal .ant-input-number .ant-input-number-handler:hover .ant-input-number-handler-down-inner{color:hsla(0,0%,100%,.8)}.vehicle-speed-limit-setting-modal .ant-input-number .ant-input-number-handler-up-inner,.vehicle-speed-limit-setting-modal .ant-input-number .ant-input-number-handler-down-inner{color:hsla(0,0%,100%,.8)}.vehicle-speed-limit-setting-modal .ant-form-item{color:hsla(0,0%,100%,.8)}.vehicle-speed-limit-setting-modal .ant-form-item:nth-child(1){color:hsla(0,0%,100%,.8)}.vehicle-speed-limit-setting-modal .ant-form-item:nth-child(1) div{color:hsla(0,0%,100%,.8)}
.cockpit-board-item{width:675px;height:524px;background:#142545;border-radius:8px;margin-right:16px;margin-bottom:25px}.cockpit-board-item .borad-item_header{display:flex;align-items:center;color:#fff;height:60px;background:linear-gradient(115.59deg, rgba(13, 133, 255, 0.6) 0%, rgba(27, 32, 56, 0.6) 100%);border-radius:4px 4px 0 0}.cockpit-board-item .borad-item_header .header-left{display:flex;flex:1;align-items:center;margin-left:12px}.cockpit-board-item .borad-item_header .header-left .icon{display:block;width:56px;height:36px;background:url(../images/icon.9a538851e6af763610944ccca73d316c.png) no-repeat center;background-size:contain}.cockpit-board-item .borad-item_header .header-left .label-text{font-size:34px;font-family:JDZhengHT;font-weight:normal;color:#fff}.cockpit-board-item .borad-item_header .header-left .divider{width:2px;height:34px;background:hsla(0,0%,100%,.2);margin:0 12px}.cockpit-board-item .borad-item_header .header-left .cockpitmode-text{width:auto;height:37px;font-size:26px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8)}.cockpit-board-item .borad-item_header .header-right{display:flex;align-items:center}.cockpit-board-item .borad-item_header .header-right .seat-icon{display:block;width:66px;height:51px}.cockpit-board-item .borad-item_header .header-right .cockpit-type{display:block;width:112px;height:60px;text-align:center;line-height:60px;font-size:24px;text-indent:12px;font-family:PingFang SC;font-weight:normal;color:#fff}.cockpit-board-item .borad-item_header .header-right.monitor .seat-icon{background:url(../images/monitor-seat.f9e3d4252fe42710009f5383f6fd959d.png) no-repeat top;background-size:contain;width:96px;height:75px;position:relative;bottom:6px}.cockpit-board-item .borad-item_header .header-right.monitor .cockpit-type{background:url(../images/monitor-bg.39853c85dad25062678676e8077f7528.png) no-repeat top;background-size:100% 100%}.cockpit-board-item .borad-item_header .header-right.cockpit .seat-icon{background:url(../images/cockpit-seat.067ce42872b570042f49ffffdfad7c06.png) no-repeat top;background-size:100% 100%;width:96px;height:75px;position:relative;bottom:6px}.cockpit-board-item .borad-item_header .header-right.cockpit .cockpit-type{background:url(../images/cockpit-bg.e0f22e7a8c4466d06e55f481ed742906.png) no-repeat top;background-size:100% 100%}.cockpit-board-item .borad-item_header .header-right.offline .seat-icon{background:url(../images/offline.69fa60cabaf6747b074783e4ff7d7a7c.png) no-repeat top;background-size:cover;width:96px;height:75px;position:relative;bottom:6px}.cockpit-board-item .borad-item_header .header-right.offline .cockpit-type{background:url(../images/offline-bg.53380f24755c795826c7586375c8b6dd.png) no-repeat top;background-size:100% 100%}.cockpit-board-item .fields-box{display:flex;align-items:center;margin:16px}.cockpit-board-item .fields-box .field-item{display:flex;flex-flow:column;justify-content:center;flex:1;margin-right:4px}.cockpit-board-item .fields-box .field-item .row-label{display:flex;font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.4);align-items:center}.cockpit-board-item .fields-box .field-item .row-label .label-icon{display:block;width:24px;height:24px;background-repeat:no-repeat;background-size:100% 100%;margin-right:6px}.cockpit-board-item .fields-box .field-item .row-value{font-size:24px;font-family:PingFang SC;font-weight:500;color:hsla(0,0%,100%,.8)}.cockpit-board-item .issue-detail-board{box-sizing:border-box;margin:0 12px;background:#1d2f51;border:1px solid #364869;border-radius:8px;margin-bottom:12px}.cockpit-board-item .issue-detail-board .issue-tab-content{display:flex;height:49px;background:#263a5f;border:1px solid #364869;border-radius:4px 4px 0 0}.cockpit-board-item .issue-detail-board .issue-tab-content .tablist-content{display:flex}.cockpit-board-item .issue-detail-board .issue-tab-content .tab-item{cursor:pointer;display:flex;align-items:center;font-size:34px;font-family:PingFang SC;font-weight:normal;color:#fff;padding:8px 20px;background:linear-gradient(180deg, rgb(13, 41, 86) 0%, rgb(28, 36, 68) 100%)}.cockpit-board-item .issue-detail-board .issue-tab-content .tab-item .vehicle-icon{display:block;width:32px;height:28px;background:url(../images/car-dark.3883b57bce7ea563bbb119ff6f3abd89.png) no-repeat top;background-size:contain;margin-right:8px}.cockpit-board-item .issue-detail-board .issue-tab-content .tab-item.tab-item-active{background:linear-gradient(180deg, rgba(13, 133, 255, 0.5) 0%, rgb(28, 53, 100) 100%);border-radius:2px 0 0 0}.cockpit-board-item .issue-detail-board .issue-tab-content .tab-item.tab-item-active .vehicle-icon{background:url(../images/car-icon.68028729cba4804609a82a8575ca6e31.png) no-repeat top;background-size:contain}.cockpit-board-item .issue-detail-board .issue-detail-fields{margin:10px 12px;flex:1;line-height:44px}.cockpit-board-item .issue-detail-board .issue-detail-fields .row-fields{display:flex}.cockpit-board-item .issue-detail-board .issue-detail-fields .row-fields .field-label{font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.4);margin-right:12px}.cockpit-board-item .issue-detail-board .issue-detail-fields .row-fields .field-value{font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8);margin-left:12px}.cockpit-board-item .issue-detail-board .issue-detail-fields .row-fields .row-field-item{flex:1}.cockpit-board-item .issue-detail-board .issue-detail{height:calc(100% - 46px);display:flex;flex-flow:column}.cockpit-board-item .issue-detail-board .issue-btn-group{display:flex;font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8);border-top:1px solid #3b3f54}.cockpit-board-item .issue-detail-board .issue-btn-group i{flex:1;padding:12px 0;text-align:center;position:relative;cursor:pointer}.cockpit-board-item .issue-detail-board .issue-btn-group i:hover{color:#00a2ff}.cockpit-board-item .issue-detail-board .issue-btn-group i.active{color:#00a2ff}.cockpit-board-item .issue-detail-board .issue-btn-group i::after{content:"";display:inline-block;position:absolute;right:0;width:1px;height:26px;background-color:hsla(0,0%,100%,.2)}.cockpit-board-item .issue-detail-board .issue-btn-group i:last-child::after{display:none}.cockpit-board-item .issue-detail-board .issue-btn-group i.disabled,.cockpit-board-item .issue-detail-board .issue-btn-group i.disabled:hover{color:hsla(0,0%,100%,.4)}.cockpit-board-item .issue-solver-info{height:calc(100% - 60px);display:flex;flex-flow:column}.cockpit-board-item .issue-solver-info .issue-detail-board{flex:1}.ant-col .label{font-size:24px;font-family:PingFang SC;font-weight:500;color:hsla(0,0%,100%,.8)}.empty-ico{display:block;width:100%;height:70%;display:flex;align-items:flex-end;justify-content:center;font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.4)}.empty-ico.offline{background:url(../images/offline-icon.14f417d0815fba6f8da93159b8ec5a1a.png) no-repeat 50%;background-size:167px 144px}.empty-ico.rest{background:url(../images/relax.a0b5a766dfe03e7ce0d214407d08a37b.png) no-repeat 50%;background-size:167px 144px}.empty-ico.work{background:url(../images/no_workorder_icon.ff0fe1177304897637165d374a7f885b.png) no-repeat 50%;background-size:167px 144px}
.cockpit-borad-group{padding:0 40px;border-radius:2px;height:calc(100vh - 400px);overflow-y:auto;background:linear-gradient(180deg, rgb(32, 49, 81) 0%, rgba(32, 49, 81, 0.5) 100%)}.cockpit-borad-group .board-list-content{display:flex;flex-wrap:wrap}.cockpit-borad-group .group-item .group-item-head{display:flex;padding:24px 0;font-size:28px;font-family:PingFang SC;font-weight:500;color:hsla(0,0%,100%,.8);align-items:center}.cockpit-borad-group .group-item .group-item-head .icon{display:block;width:56px;height:36px;background:url(../images/icon.9a538851e6af763610944ccca73d316c.png) no-repeat center;background-size:contain}
.bind-vehicle-title{display:flex;align-items:center;font-size:28px;font-family:PingFang SC;font-weight:normal;color:#fff;margin-top:12px}.bind-vehicle-title .icon{width:8px;height:24px;background:#0d85ff;border-radius:1px;margin-right:8px}.bind-vehicle-title span{font-size:24px;font-family:PingFang SC;font-weight:500;color:#fff}.select-vehicle-container{max-height:600px;overflow-y:scroll}.select-vehicle-container .ant-checkbox-wrapper-disabled span{color:#fff}.select-vehicle-container .ant-checkbox-wrapper{font-size:24px;color:#fff}.select-vehicle-container .ant-checkbox-wrapper .active{color:red}.select-vehicle-container .menu-item.menu-level-3{height:100%}.select-vehicle-search{font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8)}.select-vehicle-search .ant-select{width:555px;height:56px;margin-left:10px}.clear-select-vehicle{margin-left:10px;color:#0d85ff;cursor:pointer;font-size:20px;margin-top:8px}
.bind-vehicle-container{padding:20px}.bind-vehicle-search{margin-bottom:20px}.bind-vehicle-search .search-select-container{margin-right:50px}.bind-vehicle-search .search-select-container span{font-size:24px;font-family:PingFang SC;font-weight:500;color:hsla(0,0%,100%,.8);margin-right:16px}.bind-vehicle-search .search-select-container .ant-select{width:353px;height:57px;border:1px solid hsla(0,0%,100%,.2);border-radius:4px}.bind-vehicle-search .btn-container .reset-btn{margin-right:12px}.operate-btn{font-size:24px;font-family:PingFang SC;font-weight:normal;color:#0d85ff}
.link-vehicle-name{color:#0d85ff}.link-vehicle-name:hover{color:#0d85ff}
.cockpit-manage-conatiner{width:83%;margin:0 auto}.cockpit-manage-conatiner .issue-numm,.cockpit-manage-conatiner .work-time{font-size:44px;font-family:JDZhengHT;font-weight:normal;color:#fff}.cockpit-manage-conatiner .record-info{display:flex}.cockpit-manage-conatiner .record-info .user-work-detail{display:flex;flex:1;color:#fff;align-items:center}.cockpit-manage-conatiner .record-info .user-work-detail .left-box{flex:1;display:flex}.cockpit-manage-conatiner .record-info .user-work-detail .left-box .user-avatar{display:block;width:100px;height:100px;background:url(../images/user-avatar.b83b0fbfc1a9bcbae1eeb1635ec4d558.png) no-repeat center;background-size:contain;margin-left:36px}.cockpit-manage-conatiner .record-info .user-work-detail .left-box .detail-content{margin-left:24px;font-size:28px;font-family:PingFang SC;font-weight:normal;color:#fff}.cockpit-manage-conatiner .record-info .user-work-detail .left-box .detail-content .tag{display:block;width:75px;height:36px;background:#697ba3;border:1px solid #697ba3;border-radius:19px;font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8);text-align:center}.cockpit-manage-conatiner .record-info .user-work-detail .center,.cockpit-manage-conatiner .record-info .user-work-detail .right{flex:1;display:flex;flex-flow:column;font-size:28px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8);margin-left:40px;align-items:flex-start}.cockpit-manage-conatiner .record-info .user-work-detail .right{flex-flow:row;padding-left:24px;margin-right:24px;display:flex;flex-flow:column;flex:1;text-align:left}.cockpit-manage-conatiner .record-info .team-work-detail{color:#fff;display:flex;flex:1;align-items:center}.cockpit-manage-conatiner .record-info .team-work-detail .left-box{flex:1;display:flex}.cockpit-manage-conatiner .record-info .team-work-detail .left-box .vehicle-icon{display:block;width:100px;height:100px;background:url(../images/vehicle-icon.2bf21f77ec9fb80c3e4d8212cca8b8ed.png) no-repeat center;background-size:contain}.cockpit-manage-conatiner .record-info .team-work-detail .left-box .detail-content{margin-left:24px;font-size:28px;font-family:PingFang SC;font-weight:normal;color:#fff}.cockpit-manage-conatiner .record-info .team-work-detail .left-box .detail-content .tag{display:block;width:75px;height:36px;background:#697ba3;border:1px solid #697ba3;border-radius:19px;font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8);text-align:center}.cockpit-manage-conatiner .record-info .team-work-detail .center,.cockpit-manage-conatiner .record-info .team-work-detail .right{flex:1;display:flex;flex-flow:column;font-size:28px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8);margin-left:40px;text-align:left}.cockpit-manage-conatiner .ant-tabs-nav{height:88px;background-color:#263b64;font-size:28px;font-family:PingFang SC;color:#fff;padding:0 40px}.cockpit-manage-conatiner .ant-tabs-nav::before{border:none}.cockpit-manage-conatiner .ant-tabs-nav .ant-tabs-tab-btn{font-size:28px;font-family:PingFang SC;color:#fff}.cockpit-manage-conatiner .ant-tabs-nav .ant-tabs-ink-bar{height:8px}.cockpit-manage-conatiner .ant-table-container{background-color:#223559;font-size:24px;font-family:PingFang SC;font-weight:500;color:hsla(0,0%,100%,.8)}.cockpit-manage-conatiner .ant-table-container th.ant-table-cell{background-color:#263a5f;color:hsla(0,0%,100%,.8)}.cockpit-manage-conatiner .ant-table-container th.ant-table-cell::before{display:none}.cockpit-manage-conatiner .ant-table-container tr.ant-table-placeholder{font-size:24px;background-color:#263a5f;color:hsla(0,0%,100%,.8)}.cockpit-manage-conatiner .ant-table-container tr.ant-table-placeholder td.ant-table-cell{border-bottom:none}
.record-info{display:flex;margin:20px 0}.record-info .issue-num,.record-info .work-time{font-size:44px;font-family:JDZhengHT;font-weight:normal;color:#fff}.record-info .user-work-detail{display:flex;flex:1;color:#fff;align-items:center}.record-info .user-work-detail .left-box{flex:1;display:flex}.record-info .user-work-detail .left-box .user-avatar{display:block;width:100px;height:100px;background:url(../images/user-avatar.b83b0fbfc1a9bcbae1eeb1635ec4d558.png) no-repeat center;background-size:contain;margin-left:36px}.record-info .user-work-detail .left-box .detail-content{margin-left:24px;font-size:28px;font-family:PingFang SC;font-weight:normal;color:#fff}.record-info .user-work-detail .left-box .detail-content .tag{display:block;width:75px;height:36px;background:#697ba3;border:1px solid #697ba3;border-radius:19px;font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8);text-align:center;margin-bottom:20px}.record-info .user-work-detail .center,.record-info .user-work-detail .right{flex:1;display:flex;flex-flow:column;font-size:28px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8);margin-left:40px}.record-info .user-work-detail .right{display:flex;flex-flow:column;flex:1;text-align:left;padding-left:24px;margin-right:24px}.record-info .team-work-detail{color:#fff;display:flex;flex:1;align-items:center}.record-info .team-work-detail .left-box{flex:1;display:flex;min-width:38%}.record-info .team-work-detail .left-box .vehicle-icon{display:block;width:100px;height:100px;background:url(../images/vehicle-icon.2bf21f77ec9fb80c3e4d8212cca8b8ed.png) no-repeat center;background-size:contain}.record-info .team-work-detail .left-box .detail-content{margin-left:24px;font-size:28px;font-family:PingFang SC;font-weight:normal;color:#fff}.record-info .team-work-detail .left-box .detail-content .tag{display:block;width:75px;height:36px;background:#697ba3;border:1px solid #697ba3;border-radius:19px;font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8);text-align:center;margin-bottom:20px}.record-info .team-work-detail .center,.record-info .team-work-detail .right{flex:1;display:flex;flex-flow:column;font-size:28px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8);margin-left:40px}
.home-view-container{height:calc(100vh - 200px);position:relative}.home-view-container .left-region{width:60%;height:100%;margin-left:100px;position:absolute;z-index:9}.home-view-container .left-region .ant-tabs-nav{height:88px;background-color:#263b64;font-size:28px;font-family:PingFang SC;color:#fff;padding:0 40px}.home-view-container .left-region .ant-tabs-nav::before{border:none}.home-view-container .left-region .ant-tabs-nav .ant-tabs-tab-btn{font-size:28px;font-family:PingFang SC;color:#fff}.home-view-container .left-region .ant-tabs-nav .ant-tabs-ink-bar{height:8px}.home-view-container .cockpit-status-board{background:#263b64;border-radius:12px;box-shadow:0 2px 24px 0 rgba(0,0,0,.3);height:90%;display:flex;flex-flow:column;color:#fff}.home-view-container .cockpit-status-board .cockpit-group-content{flex:1;background:#223456;display:flex;flex-flow:column;max-height:calc(100% - 88px);overflow-y:auto}.home-view-container .right-region{width:60%;height:100%;position:fixed;background:url(../images/cockpit.f4f7d8aa1245f67958e76fb011a138f3.png) no-repeat top right;background-size:contain;top:0;right:0}.home-view-container .right-region .operate-region{position:absolute;right:14%;bottom:5%}.home-view-container .right-region .operate-region .enter-btn{cursor:pointer;width:588px;height:112px;background:url(../images/btn-bg.b8e52284bd3af60ee499a573fbe7e333.png) no-repeat center;font-size:36px;font-family:PingFang SC;font-weight:normal;color:#fff;line-height:112px;text-align:center;text-indent:68px}.home-view-container .right-region .operate-region .mode-select{width:588px;height:112px;background:rgba(13,133,255,.2);border:2px solid hsla(0,0%,100%,.2);border-radius:8px;margin-bottom:40px}.home-view-container .right-region .operate-region .mode-select.ant-select .ant-select-selection-item{font-size:36px;font-family:PingFang SC;font-weight:normal;color:#fff;line-height:112px}.home-view-container .right-region .operate-region .mode-select.ant-select .ant-select-selection-search-input{height:100%}.home-view-container .right-region .operate-region .mode-select.ant-select .anticon svg{width:25px;height:25px;color:#0d85ff}.home-view-container .right-region .operate-region .mode-select.ant-select .ant-select-selector{height:100%;background:rgba(10,13,26,.2);border:1px solid #6a6a70}
.cockpit-list-content{display:flex;margin-bottom:3px;flex:0 0 33%}.cockpit-list-content .label{display:flex;flex-flow:column;font-size:32px;font-family:PingFang SC;font-weight:normal;color:rgba(213,226,255,.8);width:260px;justify-content:center;align-items:center;background:linear-gradient(90deg, rgba(106, 255, 245, 0.1) 0%, rgba(106, 255, 245, 0) 100%)}.cockpit-list-content .label .num{font-size:68px;font-family:JDZhengHT;font-weight:normal;color:#6afff5}.cockpit-list-content .cockpit-list{display:flex;flex-wrap:wrap;align-items:center;flex:1}.cockpit-list-content .cockpit-list .cockpit-item{display:flex;flex-flow:column;align-items:center;flex:0 0 200px}.cockpit-list-content .cockpit-list .cockpit-item .cockpit-number{font-size:36px;font-family:JDZhengHT;font-weight:bold;color:#44e6f0}.cockpit-list-content .cockpit-list .cockpit-item .cockpit-ico{width:150px;height:126px}.cockpit-list-content .cockpit-list .cockpit-item .user-name{color:hsla(0,0%,100%,.8);display:flex;align-items:center;font-size:21px;font-family:PingFang SC}.cockpit-list-content .cockpit-list .cockpit-item .user-name::before{content:"";width:21px;height:21px;background:url(../images/avatar-normal.72bdce1f897303e16b475dae3be47281.png) no-repeat center;background-size:contain;display:block;margin-right:4px}.cockpit-list-content .cockpit-list .cockpit-item.online .cockpit-ico{background:url(../images/online.42b2659c14aae0e22cc9321d8f94c1de.png) no-repeat center;background-size:contain}.cockpit-list-content .cockpit-list .cockpit-item.online .cockpit-number{color:#44e6f0}.cockpit-list-content .cockpit-list .cockpit-item.offline .cockpit-ico{background:url(../images/offline.69fa60cabaf6747b074783e4ff7d7a7c.png) no-repeat center;background-size:contain}.cockpit-list-content .cockpit-list .cockpit-item.offline .cockpit-number{color:rgba(213,226,255,.5)}.cockpit-list-content .cockpit-list .cockpit-item.rest .cockpit-number{color:#d5e2ff}
.bind-vehicle-list{height:calc(100% - 88px);overflow-y:auto;background-color:#203151}.bind-vehicle-list .label{font-size:24px;font-family:PingFang SC;color:#fff;padding:24px}.bind-vehicle-list .second-level .label{border:none;padding:24px;padding-left:24px}.bind-vehicle-list .second-level .vehicle-list{padding:24px;margin-bottom:24px;background:#1a2946;width:98%;box-sizing:border-box;font-size:24px;font-family:PingFang SC;font-weight:normal;color:#fff;margin:0 auto}.bind-vehicle-list .second-level .vehicle-list i{margin-right:16px;white-space:nowrap}.bind-vehicle-list .list-item{padding:24px 48px;background:rgba(3,4,13,.2);font-size:24px;font-family:PingFang SC;font-weight:normal;color:hsla(0,0%,100%,.8);display:flex;align-items:self-start}.bind-vehicle-list .list-item .label{width:300px;padding:0}.bind-vehicle-list .list-item .values{display:flex;flex-wrap:wrap;flex:1}
@charset "utf-8";

/*-- 全局reset
-------------------------------------------*/

@font-face {
  font-family: "Netron";
  src: url(../images/Netron-2.903dc4cf85e47678694d9418dda28dd8.otf);
}

@font-face {
  font-family: "JDZhengHT";
  src: url(../def09be5d10e7a88f314.TTF);
}

@font-face {
  font-family: "PingFang SC";
  src: url(../images/PingFang-SC-Regular.750355c170f4655c7adfa3ddab5170e1.ttf);
}

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
object,
code,
legend,
button,
input,
textarea,
label,
th,
td,
a,
img {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 100px;
}

body {
  font:
    14px/1.5 "Helvetica Neue",
    Helvetica,
    "PingFang SC",
    "Hiragino Sans GB",
    "Microsoft YaHei",
    Arial,
    sans-serif;
  background-color: #f5f5f5;
  color: #333;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  /*抗锯齿*/
}

/*清除内外边距*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}

/*设置默认字体*/
:focus {
  outline: 0;
}

ul,
ol,
li {
  list-style: none;
}

/*重置列表*/
fieldset,
img {
  border: 0 none;
  vertical-align: top;
}

/*重置图片元素*/

address,
caption,
cite,
code,
dfn,
em,
i,
th,
var,
optgroup {
  font-style: normal;
  font-weight: normal;
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

code,
kbd,
samp,
tt {
  font-size: 100%;
}

input,
button,
textarea,
select {
  *font-size: 100%;
  outline: none;
  -webkit-appearance: none;
}

textarea {
  resize: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*重置表格*/
blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  text-decoration: none;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

/*--清除浮动
-------------------------------------------*/

.cf:after,
.cf:before {
  display: table;
  content: " ";
}

.cf:after {
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/*--字号、颜色、外边距、内补丁、居中、行高、显示、隐藏
------------------------------------------------------------------------------------------*/

.f10 {
  font-size: 12px;
  -webkit-transform-origin-x: 0;
  -webkit-transform: scale(0.84);
}

.f12 {
  font-size: 12px;
}

.f13 {
  font-size: 13px;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}

.c-333 {
  color: #333;
}

.c-666 {
  color: #666;
}

.c-999 {
  color: #999;
}

.c-primary {
  color: #3c6ef0;
}

.c-warning {
  color: #ffb600;
}

.c-danger {
  color: #ff3f0f;
}

.c-success {
  color: #35ffab;
}

/* 隐藏 居中 */
.fb {
  font-weight: 600;
}

.tc {
  text-align: center;
}

.t-left {
  text-align: left;
}

.t-right {
  text-align: right;
}

.hide {
  display: none !important;
}

.ti {
  font-size: 0;
  text-indent: -9999em;
  overflow: hidden;
}

.te {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.te2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.te3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.te4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.ico {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  background-repeat: no-repeat;
  -webkit-background-size: contain !important;
  background-size: contain !important;
}

.rel {
  position: relative;
}

.dlk-inline {
  display: inline-block;
}

.dlk-table {
  display: table;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;

  &.top {
    vertical-align: top;
  }
}

/*垂直居中*/
.vertical-mode {
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.vh-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.v-center {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.h-center {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

/*去掉搜索框的自带样式，包括边框，搜索和删除按钮*/
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

input[type="search"] {
  -webkit-appearance: none;
}

.jd-inp::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

.jd-inp:-ms-input-placeholder {
  color: #ccc;
}

.jd-inp::-webkit-input-placeholder {
  color: #ccc;
}

/* ----------------------------------------------------------------
       fbox：定义布局为盒模型
       flex1：子元素占据剩余的空间

       hbox：  盒模型--水平布局 不折行
       whbox： 盒模型--水平布局 且折行
       vhbox： 盒模型--垂直布局

       vbox：  子元素--水平居中
       cbox：  子元素--垂直居中
       cwbox： 子元素--水平垂直居中(左右 多元素居中)
       vcbox： 子元素--垂直水平居中(上下 多元素居中)

       jbox：  子元素--两端对齐
       jcbox： 子元素--垂直居中且两端对齐
       jwcbox：子元素--垂直居中且两端对齐 且折行 最后一行两端对齐
       jlcbox：子元素--垂直居中且两端对齐 且折行 最后一行居左对齐
       ---------------------------------------------------------------- */

/*定义盒模型*/
.fbox,
.hbox,
.whbox,
.vhbox,
.vbox,
.cbox,
.cwbox,
.vcbox,
.jbox,
.jcbox,
.jwcbox,
.jlcbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*撑满剩余空间*/
.flex1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/*水平排列*/
.hbox,
.whbox {
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: stretch;
  /*未定义高度撑满*/
}

/*水平折行排列*/
.whbox,
.jwcbox,
.jlcbox {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*垂直排列*/
.vhbox,
.vcbox {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: stretch;
  /*未定义高度撑满*/
}

/*水平居中*/
.vbox,
.cwbox,
.vcbox {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*垂直居中*/
.cbox,
.cwbox,
.vcbox,
.jcbox {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

/*水平垂直居中 (注:水平居中和垂直居中之和(--多行水平居中排列--)的结合体)*/
.cwbox {}

/*水平垂直居中 (注:水平居中和垂直居中之和(--多行垂直排列--)的结合体)*/
.vcbox {}

/*两端对齐*/
.jbox,
.jcbox,
.jwcbox,
.jlcbox {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/*居中两端对齐 单行居中对齐  (注:垂直居中和两端对齐的结合体)*/
.jcbox {}

/*两端对齐 且折行  最后一行也两端对齐  (注:水平折行排列和两端对齐的结合体)*/
.jwcbox {}

/*两端对齐 且折行  最后一行左对齐  (注:水平折行排列和两端对齐的结合体)*/
.jlcbox {}

.jlcbox:after {
  content: "";
  flex: auto;
}

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 8px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 8px;
  box-shadow: 0;
  background: rgba(255, 255, 255, 0.15);
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: 8px;
  border-radius: 0;
  background: transparent;
}

::-webkit-scrollbar-track-piece {
  background: transparent;
}

.ant-table-cell-scrollbar {
  display: none;
}

/*modal重置*/

.ant-modal-content {
  background: #203151 !important;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  color: #fff;

  .ant-modal-confirm-body,
  .ant-modal-body {
    min-height: 150px;

    .anticon,
    .ant-modal-confirm-content {
      font-size: 28px;
    }
  }

  .ant-modal-close {
    color: rgba(255, 255, 255, 0.6);
    top: 24px;

    .ant-modal-close-x {
      font-size: 24px;
    }
  }

  .ant-modal-header {
    background: transparent;
    font-size: 28px;
    padding: 12px;
    border-bottom: 1px solid #40465f;

    .ant-modal-title {
      font-size: 24px;
      color: rgba(255, 255, 255, 0.8);
    }
  }

  .ant-modal-footer {
    border-top-color: rgba(255, 255, 255, 0.12);
  }

  .ant-modal-confirm-title {
    color: #fff !important;
  }
}

.ant-modal-confirm-content {
  color: #fff !important;
}

/*table重置*/

.ant-table-container {
  border-top: 0 !important;

  .ant-table-row-hover {
    background: #3a3f57 !important;
  }
}

.ant-table {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.8);
  background: #1a2843 !important;
  border: 0 !important;

  &-filter-trigger {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);

    &.active {
      color: #0098ff;
    }
  }

  &-filter-trigger-container {
    bottom: -1px;
  }

  tr.ant-table-expanded-row,
  tr.ant-table-expanded-row:hover {
    background: #2e334d;
  }

  &-filter-trigger-container-open,
  &-filter-trigger-container:hover,
  &-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container,
  &-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container:hover {
    background: #2e334d;
  }

  &-filter-trigger-container-open .ant-table-filter-trigger,
  &-filter-trigger:hover {
    color: rgba(255, 255, 255, 0.8);
  }

  &-filter-dropdown-btns {
    border-top: none;
  }

  &-filter-dropdown {
    background: linear-gradient(180deg, #3b3f54 0%, #3b3f54 100%);
  }

  .ant-table-header>table {
    border-top: 0 !important;
  }

  &-thead {
    background: #2e334d !important;

    tr {
      th {
        color: rgba(255, 255, 255, 0.8) !important;
        background: #2e334d !important;
        border: 0 !important;
        padding: 13px 16px;
      }

      .ant-table-column-sort {
        background: #262b40 !important;
      }

      .ant-table-column-has-sorters:hover {
        background: #262b40;
      }
    }
  }

  &-tbody {
    tr {
      &:nth-child(even)>td {
        background: #202335;
      }

      &:nth-child(odd)>td {
        background: #292d45;
      }

      td {
        color: rgba(255, 255, 255, 0.8) !important;
        padding: 13px 16px !important;
        border-bottom: 1px solid rgba(10, 13, 26, 0.4) !important;
      }

      &.ant-table-row:hover {
        td {
          background: #3a3f57 !important;
        }
      }

      td.ant-table-column-sort {
        background: #262b40 !important;
      }
    }
  }

  .ant-table-tbody-virtual-holder-inner {
    .ant-table-row {
      color: rgba(255, 255, 255, 0.8) !important;
      padding: 13px 16px !important;
      border-bottom: 1px solid rgba(10, 13, 26, 0.4) !important;
      font-size: 24px;
      font-family: PingFang SC;
      font-weight: 500;

      .ant-table-cell {
        text-align: left;
        border-bottom: transparent;
      }
    }
  }

  .ant-table-tbody-virtual-holder-inner>div:nth-child(even) {
    background: #2a3a59;
  }

  .ant-table-tbody-virtual-holder-inner>div:nth-child(odd) {
    background: #1c2c49;
  }

  tr>th,
  tr>td,
  .ant-table-container,
  .ant-table-cell-fix-right-first::after {
    border-right: 0 !important;
    border-left: 0 !important;
  }

  .ant-table-cell-scrollbar {
    box-shadow: none;
  }

  tr.ant-table-measure-row {
    visibility: collapse;
  }
}

.ant-table-wrapper .ant-table-tbody>tr.ant-table-placeholder:hover>td {
  background: #364562;
}

.ant-table-wrapper .ant-table-tbody .ant-table-row>.ant-table-cell-row-hover {
  background: #364562;
}

.ant-table-wrapper .ant-table-tbody>tr>td,
.ant-table-wrapper .ant-table-thead>tr>th {
  border-bottom: none;
  background-color: #263a5f;
  color: rgba(255, 255, 255, 0.8);

  &::before {
    display: none;
  }

  font-size: 24px;
}

.ant-btn-default,
.ant-btn-primary {
  height: 44px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 1);
  line-height: 44px;
  background-color: #1f3150;

  &:disabled {
    background-color: #0d85ff;
    color: rgba(255, 255, 255, 0.25);
    border: none;
  }
}

.ant-btn-primary {
  background-color: #0d85ff;
}

/*----- 下拉框 -----*/
.ant-select {
  color: #fff;

  .ant-select-selector {
    background: rgba(3, 4, 13, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px !important;

    .ant-select-selection-item {
      color: #fff;
      font-size: 24px;
    }
  }

  &.ant-select-focused {
    box-shadow: none;

    .ant-select-selector {
      border-color: #0d85ff !important;
    }
  }

  .ant-select-arrow {
    color: #1f3150 !important;
  }

  &.ant-select-multiple {
    .ant-select-selection-item {
      background: #1b2038 !important;
      border: none;
    }

    .ant-select-selection-item-remove svg {
      color: #1f3150 !important;
    }
  }

  .ant-select-selection-placeholder {
    color: rgba(213, 226, 255, 0.5);
    font-size: 24px;
  }
}

.ant-select-dropdown,
.ant-tree-select-dropdown {
  background-color: #263a5f;
  border-radius: 4px 4px 4px 4px 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  color: #fff;

  .ant-select-item,
  .ant-select-tree,
  .ant-empty {
    color: rgba(213, 226, 255, 0.5);
  }

  .ant-select-item-option-selected:not(.ant-select-item-option-disabled),
  .ant-select-item-option-active:not(.ant-select-item-option-disabled),
  .ant-select-tree-node-content-wrapper:hover,
  .ant-select-tree-node-content-wrapper-normal:hover {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
  }

  .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
  .ant-cascader-menu-item-loading-icon {
    color: #666;
  }

  .ant-cascader-menu {
    border-right: 1px solid rgba(10, 13, 26, 1);

    .ant-cascader-menu-item-selected:not(.ant-cascader-menu-item-disabled),
    .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
      background-color: rgba(0, 0, 0, 0.2);
      color: #0d85ff;
    }

    .ant-cascader-menu-item {
      color: rgba(255, 255, 255, 0.8);
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      font-size: 20px;

      &:hover {
        background-color: rgba(0, 0, 0, 0.2);
        color: #0d85ff;
      }
    }
  }
}

.ant-select-selection-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.ant-select-clear {
  background: rgba(27, 32, 56, 1);
  color: #666;
}

.ant-select-clear:hover {
  background: rgba(27, 32, 56, 1);
  color: #666;
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  height: 58px;
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
  height: 58px;
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  line-height: 58px;
}

.ant-select-selection-search-input {
  color: #fff !important;
  font-size: 24px !important;
}

.ant-select .ant-select-clear {
  color: gray;
  top: 45%;
  margin-top: -12px;
  width: 28px;
  height: 28px;
}

/*----- input -----*/

.ant-input {
  background: #1a2843 !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 24px;

  &:focus {
    border: none;
  }
}

input::placeholder,
textarea::placeholder {
  color: rgba(213, 226, 255, 0.5) !important;
  font-size: 24px;
}

.ant-input-affix-wrapper {
  padding: 0 2px;
  background-color: #1a2843;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.ant-input-affix-wrapper>input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover,
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):focus-within,
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):active {
  background-color: #1a2843;
  border: 1px solid #0869cc !important;
}

.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper {
  background-color: transparent !important;
  border: 1px solid #ff574d !important;
}

.ant-input-clear-icon {
  background: rgba(27, 32, 56, 1);
  color: #666;
}

.ant-checkbox-wrapper {
  color: #fff;
  font-size: 24px;

  .ant-checkbox {
    .ant-checkbox-inner {
      width: 20px;
      height: 20px;
      background-color: #203151;
      border: 2px solid rgba(255, 255, 255, 0.6);
    }
  }

  .ant-checkbox-checked {
    .ant-checkbox-inner {
      background-color: #1677ff;
      border-color: #1677ff;
    }
  }
}

.ant-menu-dark {
  background-color: #203151;
}

.ant-menu-dark.ant-menu-inline .ant-menu-sub.ant-menu-inline {
  background-color: #203151;
}

.ant-col {
  font-size: 24px;
}

.ant-table-wrapper .ant-table-thead>tr>th {
  background-color: #2a3a59;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);

  &::before {
    display: none;
  }
}

.ant-tabs-nav {
  height: 88px;
  background-color: #203151;
  font-size: 28px;
  font-family: PingFang SC;
  color: #fff;
  padding: 0 40px;

  &::before {
    border: none;
  }

  .ant-tabs-tab-btn {
    font-size: 28px;
    font-family: PingFang SC;
    color: #fff;
  }

  .ant-tabs-ink-bar {
    height: 8px;
  }
}

.ant-tabs-top>.ant-tabs-nav::before {
  border-bottom: none;
}

.ant-form-item-label label {
  font-size: 24px !important;
  color: #fff !important;
}

.ant-message {
  font-size: 24px;
}

.ant-dropdown .ant-dropdown-menu {
  background-color: #203151;

  .ant-dropdown-menu-title-content {
    color: #fff;
  }
}

.ant-dropdown .ant-dropdown-arrow:before {
  background-color: #203151;
}

.ant-popover {
  .ant-popover-inner {
    background: rgba(46, 51, 77, 1);
    color: #fff;
    padding: 20px;
    font-size: 24px;

    .pop-content {
      color: #fff;
    }
  }
}

.ant-radio-wrapper {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 1);

  .ant-radio-inner {
    width: 24px;
    height: 24px;
    background-color: #101A2D;
    border-color: rgba(255, 255, 255, 0.4);
  }
}

.ant-input-textarea-show-count .ant-input-data-count {
  color: #fff;
}

.ant-upload {
  color: rgba(255, 255, 255, 0.6);
  font-size: 40px;
}

.ant-tabs-top>.ant-tabs-nav {
  margin: 0;
}

.ant-message-notice-warning {
  .ant-message-notice-content {
    background: linear-gradient(rgba(255, 158, 11, 0.2), rgba(255, 158, 11, 0.2)),
      linear-gradient(rgba(10, 13, 26, 0.6), rgba(10, 13, 26, 0.6)) !important;
    border: 2px solid rgba(255, 158, 11, 0.2);
    border-radius: 8px;
    font-size: 36px;
    font-family: PingFang SC;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);

    .ant-message-warning>.anticon {
      color: #ff7700;
      font-size: 36px;
    }
  }
}

.ant-message-notice-success {
  .ant-message-notice-content {
    background: linear-gradient(rgba(20, 186, 183, 0.2), rgba(20, 186, 183, 0.2)),
      linear-gradient(rgba(10, 13, 26, 0.6), rgba(10, 13, 26, 0.6)) !important;
    border: 2px solid rgba(20, 186, 183, 0.2);
    border-radius: 8px;
    font-size: 36px;
    font-family: PingFang SC;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);

    .ant-message-success>.anticon {
      color: #14bab7;
      font-size: 36px;
    }
  }
}

.ant-message-notice-error {
  .ant-message-notice-content {
    background: linear-gradient(rgba(255, 122, 122, 0.2), rgba(255, 122, 122, 0.2)),
      linear-gradient(rgba(10, 13, 26, 0.6), rgba(10, 13, 26, 0.6)) !important;
    border: 2px solid rgba(255, 87, 77, 0.2);
    border-radius: 8px;
    font-size: 36px;
    font-family: PingFang SC;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);

    .ant-message-error>.anticon {
      color: #ff574d;
      font-size: 36px;
    }
  }
}

.ant-btn:not(:disabled):focus-visible {
  outline: none !important;
}

.ant-table-tbody tr:nth-child(even)>td {
  background: rgba(28, 44, 73, 1) !important;
}

.ant-empty-description {
  color: rgba(255, 255, 255, 0.6);
}

.ant-form-item {
  flex: 0 0 48%;
  margin-bottom: 16px;

  .ant-col-6 {
    flex: 0 0 40%;
    max-width: 40%;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .ant-form-item-label label {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: normal !important;
    color: rgba(255, 255, 255, 0.8) !important;
    margin-right: 16px;
  }
}

.ant-input {
  background: #101A2D !important;
  padding: 8px !important;
  font-size: 24px !important;
}

.ant-input-outlined:focus {
  background-color: #101A2D;
}

.anticon-close-circle {
  color: rgba(255, 255, 255, 0.6);
}

.ant-input-outlined:focus-within {
  background-color: #101A2D !important;
}

.ant-input-affix-wrapper {
  background-color: #101A2D !important;
}

.ant-select-selection-item {
  color: rgba(213, 226, 255, 0.5) !important;
}

.ant-radio-inner {
  width: 24px;
  height: 24px;
  background-color: #101A2D;
  border-color: rgba(255, 255, 255, 0.4);
}

.re-picker {
  .ant-select-selection-overflow-item {
    padding: 6px;
  }

  .ant-select-arrow {
    display: none;
  }

  .ant-picker-outlined {
    background: transparent;
  }

  .defaultIcon {
    right: 16px;
  }
}

.ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: #1677ff !important;
  background-color: #1677ff !important;
}

/*----- 重置日历组件 -----*/

.ant-picker {
  background: rgba(10, 13, 26, 0.4) !important;
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(54, 57, 77, 1) !important;

  .ant-picker-input>input {
    color: rgba(255, 255, 255, 0.8) !important;
    line-height: 24px;
  }

  .ant-picker-input>input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
  }

  .ant-picker-input>input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
  }

  .ant-picker-input>input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
  }

  .ant-picker-input>input::placeholder {
    color: rgba(255, 255, 255, 0.4);
  }

  .ant-picker-suffix {
    color: #666 !important;
  }

  .ant-picker-clear {
    background: rgba(27, 32, 56, 1) !important;
    color: #666;
  }

  .ant-picker-separator {
    font-size: 20px;
    color: #666 !important;
  }

  &:hover,
  &:active,
  &:focus {
    border: 1px solid #0d85ff !important;
  }

  .ant-picker-range-arrow::after {
    border-color: rgba(27, 32, 56, 1) rgba(27, 32, 56, 1)transparent transparent;
  }
}

.ant-picker-dropdown .ant-picker-panel-container {
  background: rgba(27, 32, 56, 1) !important;
  border-radius: 4px 4px 4px 4px 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;
  color: #fff !important;

  .ant-picker-panel {
    border: 1px solid rgba(10, 13, 26, 1) !important;

    .ant-picker-year-panel,
    .ant-picker-month-panel,
    .ant-picker-decade-panel {
      .ant-picker-header {
        border-bottom: 1px solid rgba(10, 13, 26, 1);
        color: white !important;

        .ant-picker-header-view button {
          color: $white !important;

          &:hover,
          &:active {
            color: #0d85ff !important;
          }
        }

        button {
          color: #666;

          &:hover,
          &:active {
            color: #fff;
          }
        }
      }

      .ant-picker-content {
        .ant-picker-cell {
          color: #666 !important;
        }

        th,
        .ant-picker-cell-in-view {
          color: #fff !important;
        }

        .ant-picker-cell-disabled {
          &::before {
            background: transparent !important;
          }

          .ant-picker-cell-inner {
            color: #666 !important;
          }
        }

        .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
        .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
          background: #262b40 !important;
        }

        .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
          background: #262b40 !important;
        }

        .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
        .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
        .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
        .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
        .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
        .ant-picker-panel> :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
        .ant-picker-panel> :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
          background: #1c1f37 !important;
        }

        .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
        .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
          background: #1c1f37 !important;
        }

        .ant-picker-focused {
          box-shadow: unset;
        }

        .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
        .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
          background: #1c1f37 !important;
        }
      }
    }

    .ant-picker-datetime-panel {
      .ant-picker-date-panel {
        .ant-picker-header {
          border-bottom: 1px solid rgba(10, 13, 26, 1);

          .ant-picker-header-view button {
            color: #fff !important;

            &:hover,
            &:active {
              color: #0d85ff !important;
            }
          }

          button {
            color: #666;

            &:hover,
            &:active {
              color: #fff;
            }
          }
        }

        .ant-picker-content {
          .ant-picker-cell {
            color: #666 !important;
          }

          th,
          .ant-picker-cell-in-view {
            color: #fff !important;
          }

          .ant-picker-cell-disabled {
            &::before {
              background: transparent !important;
            }

            .ant-picker-cell-inner {
              color: #666 !important;
            }
          }

          .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
          .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
            background: #262b40 !important;
          }

          .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
            background: #262b40 !important;
          }

          .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
          .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
          .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
          .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
          .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
          .ant-picker-panel> :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
          .ant-picker-panel> :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
            background: #1c1f37 !important;
          }

          .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
          .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
            background: #1c1f37 !important;
          }

          .ant-picker-focused {
            box-shadow: unset;
          }

          .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
          .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
            background: rgba(255, 255, 255, 0.12) !important;
          }
        }
      }

      .ant-picker-time-panel {
        border-left: 1px solid rgba(10, 13, 26, 1);

        .ant-picker-header {
          color: $white;
          border-bottom: 1px solid rgba(10, 13, 26, 1);
        }

        .ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
          color: #fff;

          &:hover,
          &:active,
          &:focus {
            background: rgba(38, 43, 64, 1);
            color: #0d85ff;
          }
        }

        .ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
          background: rgba(38, 43, 64, 1);
          color: #fff;
        }

        .ant-picker-time-panel-column:not(:first-child) {
          border-left: 1px solid rgba(10, 13, 26, 1);
        }

        .ant-picker-time-panel-cell-disabled {
          &::before {
            background: transparent !important;
          }

          .ant-picker-time-panel-cell-inner {
            color: #666 !important;
          }
        }
      }
    }

    .ant-picker-footer {
      border-top: 1px solid rgba(10, 13, 26, 1);
    }
  }
}

.dark-theme.x-coreui-common-form-container .x-coreui-form-item-label>label, .dark-theme.x-coreui-searchform-container .x-coreui-form-item-label>label{
  font-size: 24px;
}
.dark-theme.x-coreui-common-form-container .x-coreui-radio, .dark-theme.x-coreui-common-form-container .x-coreui-radio-wrapper, .dark-theme.x-coreui-searchform-container .x-coreui-radio, .dark-theme.x-coreui-searchform-container .x-coreui-radio-wrapper{
  font-size: 24px;
}
.main-container{
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: radial-gradient(at 10.5% 6.4% , rgba(40,61,104,1) 0%,rgba(17,22,31,0) 100%),linear-gradient(180deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%);
}
#webpack-dev-server-client-overlay{
  display: none;
}
i{
  font-style: normal;
}


/*# sourceMappingURL=main-ddb14fce5d767d8d335d.min.css.map*/