.maintorPage{color:#83c3ff;padding:17px 40px;background-color:#171e30;min-height:100%}.maintorPage .header{height:65px;background:url(../img/header.ab4adcad.png) no-repeat 50%;background-size:50%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;font-size:16px;-ms-flex-align:center;align-items:center}.maintorPage .header .back{cursor:pointer}.maintorPage .header .back,.maintorPage .header .time{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.maintorPage .header img{height:24px;width:24px}.maintorPage .main{display:-ms-flexbox;display:flex;margin:20px 0}.maintorPage .main .monitorScreen:only-child{width:100%;height:100%}.maintorPage .main .monitorScreen.length2{height:100%}.maintorPage .main .mainLeft{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:20px;-ms-flex-line-pack:justify;align-content:space-between}.maintorPage .main .mainLeft .ysyMonitor{position:relative;margin-bottom:20px}.maintorPage .main .mainLeft .ysyMonitor .button{position:absolute;top:8px;left:120px}.maintorPage .main .mainRight{width:20%;height:100%;background:linear-gradient(1turn,rgba(0,19,45,.2),rgba(0,28,66,0));box-shadow:0 0 54px 0 rgba(0,14,40,.5);border:1px solid;position:relative}.maintorPage .main .mainRightHeader{line-height:60px;background-image:linear-gradient(96deg,#06286b,#000b20);font-size:24px;color:#75bcff;text-align:center;font-weight:700}.maintorPage .main .mainRightBody{height:calc(100% - 60px);padding:1px 10% 0;margin:0}.maintorPage .main .mainRightBody li:first-child{border:0}.maintorPage .main .mainRightBody li{height:20%;border-top:1px solid #0d396a;list-style:none;color:#83c3ff}.maintorPage .main .mainRightBody li .title{font-size:18px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:20px 0 12px}.maintorPage .main .mainRightBody li img{margin-right:11px}.maintorPage .main .mainRightBody li .number{font-size:27px;font-weight:700;color:#1990ff;margin-left:32px}.maintorPage .footer{display:-ms-flexbox;display:flex;height:314px;padding:14px;-ms-flex-pack:justify;justify-content:space-between;background-color:#072d69;border:1px solid #1c69d3;position:relative}.maintorPage .footer .ant-tabs-extra-content{line-height:normal}.maintorPage .footer .ant-tabs-extra-content .ant-btn ant-btn-link{height:auto}.maintorPage .footer .footerLeft{width:25%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.maintorPage .footer .footerLeft img{max-width:98%;max-height:98%;border-radius:2px}.maintorPage .footer .footerRight{width:75%;padding-left:40px}.maintorPage .footer .footerRight .ant-table{color:#fff}.maintorPage .footer .footerRight .ant-tabs-bar{border-color:#1b68d2}.maintorPage .footer .footerRight .ant-tabs-tab{color:#6799c8}.maintorPage .footer .footerRight .ant-tabs,.maintorPage .footer .footerRight .ant-tabs-tab-active{color:#fff}.maintorPage .footer .footerRight .ant-tabs .ant-tabs-nav .ant-tabs-tab{padding-top:0}.maintorPage .footer .footerRight .ant-tabs .ant-tabs-nav-container{margin-top:0}.maintorPage .footer .footerRight .ant-table-thead>tr>th{background:linear-gradient(96deg,#082867,#06286a);color:#1990ff;font-size:16px}.maintorPage .footer .footerRight .ant-table-tbody>tr>td,.maintorPage .footer .footerRight .ant-table-thead>tr>th{padding:13px;border:0}.maintorPage .footer .footerRight .ant-table-tbody>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,.maintorPage .footer .footerRight .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,.maintorPage .footer .footerRight .ant-table-thead>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td,.maintorPage .footer .footerRight .ant-table-thead>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td{background-color:#162d5a}.maintorPage .quadrangle{position:relative}.maintorPage .ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body,.maintorPage .ant-table-header{background-color:#072d69}.monitorScreen{width:49%;height:297px;background-color:#00112c;position:relative;border:1px solid transparent}.monitorScreen .monitorScreenHeader{line-height:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background-color:rgba(0,0,0,.4);font-size:12px;position:absolute;top:0;width:100%;z-index:200}.monitorScreen .monitorScreenHeaderLeft{color:#fff;font-size:16px}.monitorScreen .monitorScreenHeaderRight{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#35b37e}.monitorScreen .circle{width:5px;height:5px;background-color:#35b37e;border-radius:50%;margin-right:5px}.monitorScreen .car{margin:0 13px}.monitorScreen .fullscreen,.monitorScreen .restore{margin:0 23px}.monitorScreen .emergency{position:absolute;right:0;bottom:45px;width:106px;line-height:36px;background-color:#1990ff;border-radius:100px 0 0 100px;text-align:center;color:#fff;font-weight:700;border:0;cursor:pointer}.monitorScreen .screenImg{width:100%;height:100%;vertical-align:top}.monitorScreen .offline{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.monitorScreen .corner{display:none}.error.monitorScreen .monitorScreenHeaderRight{color:#fa6400}.error.monitorScreen .monitorScreenHeaderRight .circle{background-color:#fa6400}.checked.monitorScreen{border-color:#0e5ac4}.checked.monitorScreen .corner{display:block}.monitorScreen:only-child{width:100%}.monitorScreen.dialog{height:750px}.monitorScreen.dialog .emergency{line-height:76px;font-size:30px;width:200px}.monitorScreenDialog .ant-modal-body{padding:0}.carModalWrap,.monitorScreen.noVideo{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.carModalWrap{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(31,31,31,.7);z-index:300}.carModal{color:#fff;width:49%;margin:0 .5%;background-color:#0046a6;border-radius:6px}.carModal .carModalMain{display:-ms-flexbox;display:flex;height:580px}.carModal .carModalLeft{width:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 10px}.carModal .carModalLeft img{max-width:100%}.carModal .carModalRight{width:50%;padding:0 2%}.carModal .carModalRightHeader{background-color:#000c24;line-height:88px;border-radius:6px;font-size:24px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%}.carModal .carPlateNumber{color:#1990ff;font-weight:700}.carModal li{display:-ms-flexbox;display:flex;font-size:16px;line-height:60px}.carModal .label{font-size:16px;color:#83c3ff;margin-right:10px}.carModal .needPayMoney{color:#fa6400;font-size:20px;font-weight:700}.carModal .btn{margin:25px 10% 0;font-size:22px;word-spacing:.5px;line-height:60px;border-radius:6px;font-weight:700;-ms-flex-pack:center;justify-content:center;cursor:pointer}.carModal .paidOpen{background-color:#39bb71}.carModal .freeOpen{background-color:#1990ff}.carModal .noEnterRecord{color:#f7b500;font-size:24px;font-weight:700;-ms-flex-pack:center;justify-content:center;margin:50px 0}.carModal .noEnterRecord img{margin-right:10px}.carModal .carModalRightContent{margin:20px 0 0;padding:0}.carModal .carModalHeader{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:10px 20px;width:100%;font-size:16px}.corner{position:absolute;padding:20px;border:3px solid #1968ff;z-index:10}.corner.topleft{border-width:3px 0 0 3px;left:-3px;top:-3px}.corner.topright{border-width:3px 3px 0 0;right:-3px;top:-3px}.corner.bottomleft{border-width:0 0 3px 3px;bottom:-3px;left:-3px}.corner.bottomright{border-width:0 3px 3px 0;right:-3px;bottom:-3px}@media screen and (max-device-width:1440px){.maintorPage .main .carModalRightHeader,.maintorPage .main .mainRightHeader,.maintorPage .main .noEnterRecord{font-size:20px}}@media screen and (max-device-width:1080px){.maintorPage .main .carModalRightHeader,.maintorPage .main .mainRightHeader,.maintorPage .main .noEnterRecord{font-size:16px}}