.monitor{position:relative;height:100%}.monitor-header{height:12.077vw;width:100vw;position:fixed;z-index:999;top:0;background-image:linear-gradient(109deg,#ebf3f9 41%,#f3f7fb 99%);box-sizing:border-box;padding:0 3.623vw;text-align:center;content:"viewport-units-buggyfill; height: 12.077vw; width: 100vw; padding: 0 3.623vw"}.monitor-header .reflash{position:absolute;right:3.623vw;top:0;font-size:3.865vw;content:"viewport-units-buggyfill; right: 3.623vw; height: 12.077vw; line-height: 12.077vw; font-size: 3.865vw"}.monitor-header .plateNumber,.monitor-header .reflash{height:12.077vw;line-height:12.077vw;font-family:PingFangSC;font-weight:700;color:#000}.monitor-header .plateNumber{font-size:4.589vw;display:inline-block;content:"viewport-units-buggyfill; height: 12.077vw; line-height: 12.077vw; font-size: 4.589vw"}.monitor-map{position:absolute;top:12.077vw;left:0;right:0;bottom:0;width:100vw;height:calc(100vh - 12.077vw);content:"viewport-units-buggyfill; top: 12.077vw; width: 100vw; height: calc(100vh - 12.077vw)"}.monitor-tolls{position:fixed;width:9.662vw;height:33.816vw;right:3.623vw;top:15.7vw;z-index:999;content:"viewport-units-buggyfill; width: 9.662vw; height: 33.816vw; right: 3.623vw; top: 15.7vw"}.monitor-tolls>div{width:9.662vw;height:9.662vw;margin-bottom:2.415vw;content:"viewport-units-buggyfill; width: 9.662vw; height: 9.662vw; margin-bottom: 2.415vw"}.monitor-tolls>div:last-child{margin-bottom:0}.monitor-tolls img{width:100%;height:100%}.monitor .markLabel{background:#fff;padding:1.208vw;border:1px solid #00b38a;border-radius:.725vw;content:"viewport-units-buggyfill; padding: 1.208vw; border-radius: 0.725vw"}.monitor .markLabel span{color:#00b38a}.monitor .infobox{position:relative;width:92.754vw;height:65.821vw;background-color:#fff;border-radius:3.623vw;padding:4.348vw 3.623vw 0 4.589vw;box-sizing:border-box;content:"viewport-units-buggyfill; width: 92.754vw; height: 65.821vw; border-radius: 3.623vw; padding: 4.348vw 3.623vw 0 4.589vw"}.monitor .infobox:after{border:solid transparent;content:" ";height:0;bottom:-1.812vw;left:50%;transform:translateX(-50%);position:absolute;width:0;border-width:1.812vw 1.208vw 0 1.208vw;border-top-color:#fff}.monitor .infobox .carMsg{height:10.386vw;margin-bottom:2.415vw;content:"viewport-units-buggyfill; height: 10.386vw; margin-bottom: 2.415vw"}.monitor .infobox .carMsg .carImg{display:inline-block;height:6.039vw;vertical-align:middle;margin:8.5 0 0 .966vw;content:"viewport-units-buggyfill; height: 6.039vw; margin: 8.5 0 0 0.966vw"}.monitor .infobox .carMsg .carImg>img{height:100%}.monitor .infobox .carMsg-detail{width:43.478vw;height:10.386vw;display:inline-block;vertical-align:middle;margin-left:2.053vw;content:"viewport-units-buggyfill; width: 43.478vw; height: 10.386vw; margin-left: 2.053vw"}.monitor .infobox .carMsg-detail .label{height:5.797vw;line-height:5.797vw;font-family:PingFangSC;font-weight:700;font-size:4.106vw;color:#323840;content:"viewport-units-buggyfill; height: 5.797vw; line-height: 5.797vw; font-size: 4.106vw"}.monitor .infobox .carMsg-detail .label .line{display:inline-block;width:1px;height:2.899vw;margin:1.449vw 1.812vw 0 1.208vw;background:#dadedd;content:"viewport-units-buggyfill; height: 2.899vw; margin: 1.449vw 1.812vw 0 1.208vw"}.monitor .infobox .carMsg-detail .alarm{height:4.589vw;line-height:4.589vw;font-family:PingFangSC-Regular;font-size:3.14vw;color:#414852;content:"viewport-units-buggyfill; height: 4.589vw; line-height: 4.589vw; font-size: 3.14vw"}.monitor .infobox .carMsg .carStatus{display:inline-block;width:11.836vw;height:5.797vw;line-height:5.797vw;border-radius:2.899vw;background-image:linear-gradient(90deg,#39d995,#00b3a0 95%);font-family:PingFangSC;font-weight:700;font-size:3.14vw;color:#fff;text-align:center;float:right;margin-top:2.415vw;content:"viewport-units-buggyfill; width: 11.836vw; height: 5.797vw; line-height: 5.797vw; border-radius: 2.899vw; font-size: 3.14vw; margin-top: 2.415vw"}.monitor .infobox .car-tabs{width:85.507vw;height:13.043vw;background:#f3f8fb;border-radius:6.28vw;display:flex;justify-content:space-around;box-sizing:border-box;padding-left:2.415vw;margin-bottom:2.415vw;content:"viewport-units-buggyfill; width: 85.507vw; height: 13.043vw; border-radius: 6.28vw; padding-left: 2.415vw; margin-bottom: 2.415vw"}.monitor .infobox .car-tabs .tab{flex:1;text-align:center}.monitor .infobox .car-tabs .tab .label{height:4.348vw;line-height:4.348vw;font-family:PingFangSC-Regular;font-size:3.019vw;color:#4a4e53;margin-top:1.449vw;content:"viewport-units-buggyfill; height: 4.348vw; line-height: 4.348vw; font-size: 3.019vw; margin-top: 1.449vw"}.monitor .infobox .car-tabs .tab .value{height:6.401vw;line-height:6.401vw;font-family:DINAlternate;font-size:5.556vw;color:#414852;content:"viewport-units-buggyfill; height: 6.401vw; line-height: 6.401vw; font-size: 5.556vw"}.monitor .infobox .car-tabs .tab .value .count{font-family:PingFangSC-Regular;font-size:2.657vw;color:#4a4e53;content:"viewport-units-buggyfill; font-size: 2.657vw"}.monitor .infobox .currentMsg{height:4.831vw;line-height:4.831vw;margin-bottom:.845vw;font-size:3.382vw;content:"viewport-units-buggyfill; height: 4.831vw; line-height: 4.831vw; margin-bottom: 0.845vw; font-size: 3.382vw"}.monitor .infobox .currentMsg>div{display:inline-block;vertical-align:middle}.monitor .infobox .currentMsg .label{color:#414852}.monitor .infobox .currentMsg .value{width:calc(100% - 19.324vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1d1e22;content:"viewport-units-buggyfill; width: calc(100% - 19.324vw)"}.monitor .infobox .currentMsg .value.update{width:calc(100% - 31.401vw);content:"viewport-units-buggyfill; width: calc(100% - 31.401vw)"}.monitor .infobox .currentMsg .value .line{display:inline-block;width:1px;height:2.899vw;margin:.966vw 1.691vw 0 1.449vw;background:#dadedd;content:"viewport-units-buggyfill; height: 2.899vw; margin: 0.966vw 1.691vw 0 1.449vw"}.playbackList-wrapper{position:relative;overflow:hidden;background-color:#f5f5f5}.playbackList-wrapper .loading{position:fixed;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.playbackList-wrapper--header{position:relative;height:12.077vw;padding:3.019vw 3.623vw;box-sizing:border-box;text-align:center;background-image:linear-gradient(109deg,#ebf3f9 41%,#f3f7fb 99%);content:"viewport-units-buggyfill; height: 12.077vw; padding: 3.019vw 3.623vw"}.playbackList-wrapper--header .goBack{position:absolute;top:3.623vw;left:3.623vw;width:2.899vw;height:5.193vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAArCAYAAAEVnnhtAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAGKADAAQAAAABAAAAKwAAAAAnfJXBAAACmElEQVRYCaVXTYhOURj+/I/8RU3yk2SBEjZY+C2jlCwoFM1KzUpZKTs1ViQLpVlMKTWxULKQsmChbMwsyEYWWEiJKPIzfgbPM7739sw757zn695Tp/c9z8/73nu/c8/cabUy46/h48lUW/n4ywPVesiyN5bcsISxqm9gGaDym7eOeGCFB7CeMNioajZlAvV/QfJzAh+HuqclGDpmeJzggxT4IgV+SoG/Pcj1HkzWTl16q69NIkweFwDRmRw3gWbJ4Yj05bgnWClbzQwfRXjLwFR8LsInKYFh90T41sBUHBDhaEqg2FwR86ZSW0D1VX7IGSuilJwW45+SWPkrYvyuRCm/L8aXJbHyW3RRyndBcLEkMv4AEttH6wzMxZ0iLm68jU48PVeV+Connh2JFzvxwkg834mXRuJZTrw6EnOH2qNj3BSJyam4pyTmsWSGwyUx/3S8F9ERycOUr6V1GQyVQuqlnRM8TPmGWadToVJIMzAeFzxM1XQwVLZJHvJq2t2JidtZTZs7MXU5Uxd/uGjw91kggmWShyk355pQUYM8Cs8Ypt33Y+Qdn9NRv70gf0hha8BNsyQyljgenPzMsIIarwMvPf9s/bVg3mUK3wU+M+ssEMvBv8LUK7X8EfB5BX+WXgTmKaYV0/gMeHfWWSDmgH+IqQUtfw18JWatwa+925hWTOMH4OtrVYWJL/xVTC1o+Rfg2zBrj7NwWjGNP4Hvr121bdyeKT4CfNLHcd1mO2D8mmk0BLz2S+MviI+Dj0Ufk+WXvLjJuhdmPbisCeOZJoW99yQALa75CS9usu7PNOJdHmtS2HsvZxrxuN7nxXXX3FHXMPVxWd74hdSL4rF8J9OI/yltUHGTPDoUtzYp7L38+NXT9zwF/wCHoQgCXxnVnQAAAABJRU5ErkJggg==) no-repeat;background-size:100% 100%;content:"viewport-units-buggyfill; top: 3.623vw; left: 3.623vw; width: 2.899vw; height: 5.193vw"}.playbackList-wrapper--header .plateNumber{height:6.401vw;line-height:6.401vw;display:inline-block;font-family:PingFangSC;font-weight:700;font-size:4.589vw;color:#000;vertical-align:middle;content:"viewport-units-buggyfill; height: 6.401vw; line-height: 6.401vw; font-size: 4.589vw"}.playbackList-wrapper--header .screen{position:absolute;top:3.261vw;right:3.623vw;width:16.908vw;height:5.918vw;line-height:5.918vw;background:#fff;border:1px solid #484a50;border-radius:2.899vw;font-family:PingFangSC;font-weight:700;font-size:3.382vw;color:#000;content:"viewport-units-buggyfill; top: 3.261vw; right: 3.623vw; width: 16.908vw; height: 5.918vw; line-height: 5.918vw; border-radius: 2.899vw; font-size: 3.382vw"}.playbackList-wrapper--header .screen .sx{display:inline-block;width:3.14vw;height:2.899vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAFY2Q72AAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAGqADAAQAAAABAAAAGQAAAAAooe7gAAACCElEQVRIDdWWO0scYRSGR6NsDCGKYkAMVov2FoJYpLQLaWIjBPwDttb+AZsUFpYJWIiFzVpZiIViIBAEwTRZNxBBCy8EExKT+LyTPcPJ7Lc7u+s0HnjnvOf2Xc/ObBRF0UtwBSqgBGLpM+J1EvXOqAPrJ7gQOnkUwFNwBDJkOhCf975nVePEO9N81Rxayh/wI4DoxrKcvjT+1wh63/GYKjhsTu3QS483jKvikxleP/TGA4yPQEPs+UCAa2vd4JePaZox70jxY+w3KV9sPuKpYq3AZB3ywQzpLm/Ar4GWoULpItDSx0Ei6eNJAu0QzSSoRWtES/gChoDuthm8Ji8eUTpLdDivwGclvgDq8izRYWjJiSzAzhKrlqjD/yuwlLeQAzOcfgxXQfp6kpRd2EZi/btkFTxxviD9itf6XAUj6azQ5VoDW27FiOlQkcXq6tyLntebKnSMeh2+B9+B2qxp6W2UqZF0OjriMtAe7wqGqJFDeaaAlq/X4SzIS3SONu6MH3QOQ03zDUz4QIt8lPxToLEWG9UuVZPKaOvaRvkWG4DoiDTBO9DUBatLStWiHXTwrY9fUgBbQBNsg0a5hMPSj9tWuRJIkU8T6CM7GIi37NqkQgMWXaW4fNp5prT1k80cNZBwLybSxyN3sTvSR2YZ6Met+1kDuTQB48QyyfMc/AbqtODfQfx15Ra7PmkqW5S5awAAAABJRU5ErkJggg==) no-repeat;background-size:100% 100%;content:"viewport-units-buggyfill; width: 3.14vw; height: 2.899vw"}.playbackList-wrapper--title{height:5.435vw;line-height:5.435vw;margin:2.415vw 0;padding-left:5.072vw;font-family:PingFangSC;font-weight:700;font-size:3.865vw;color:#2c2e34;content:"viewport-units-buggyfill; height: 5.435vw; line-height: 5.435vw; margin: 2.415vw 0; padding-left: 5.072vw; font-size: 3.865vw"}.playbackList-wrapper--list{padding:0 3.623vw;min-height:calc(100vh - 17.512vw);box-sizing:border-box;content:"viewport-units-buggyfill; padding: 0 3.623vw; min-height: calc(100vh - 17.512vw)"}.playbackList-wrapper--list .item{height:42.995vw;background:#fff;box-shadow:0 1px 2.657vw 0 #e4e9ee;border-radius:4.106vw;margin-bottom:3.623vw;content:"viewport-units-buggyfill; height: 42.995vw; box-shadow: 0 1px 2.657vw 0 #E4E9EE; border-radius: 4.106vw; margin-bottom: 3.623vw"}.playbackList-wrapper--list .item .carDes{height:28.623vw;box-sizing:border-box;padding-left:3.502vw;content:"viewport-units-buggyfill; height: 28.623vw; padding-left: 3.502vw"}.playbackList-wrapper--list .item .carDes .tripDate{height:11.111vw;line-height:11.111vw;box-sizing:border-box;border-bottom:1px solid rgba(203,208,214,.5);font-family:PingFangSC;font-weight:700;font-size:3.261vw;color:#484a50;content:"viewport-units-buggyfill; height: 11.111vw; line-height: 11.111vw; font-size: 3.261vw"}.playbackList-wrapper--list .item .carDes .tripDate img{width:5.072vw;height:5.072vw;vertical-align:middle;margin-right:2.415vw;content:"viewport-units-buggyfill; width: 5.072vw; height: 5.072vw; margin-right: 2.415vw"}.playbackList-wrapper--list .item .carDes .tripAddress{margin-top:3.019vw;border-radius:4.106vw;content:"viewport-units-buggyfill; margin-top: 3.019vw; border-radius: 4.106vw"}.playbackList-wrapper--list .item .carDes .tripAddress .marks{display:inline-block;width:1.691vw;height:10.145vw;box-sizing:border-box;padding:1.449vw 0;margin:0 1.932vw 0 1.087vw;content:"viewport-units-buggyfill; width: 1.691vw; height: 10.145vw; padding: 1.449vw 0; margin: 0 1.932vw 0 1.087vw"}.playbackList-wrapper--list .item .carDes .tripAddress .marks .circleGreen{width:1.691vw;height:1.691vw;border-radius:50%;background:#00d6a5;content:"viewport-units-buggyfill; width: 1.691vw; height: 1.691vw"}.playbackList-wrapper--list .item .carDes .tripAddress .marks .circlePink{width:1.691vw;height:1.691vw;border-radius:50%;background:#ff5961;content:"viewport-units-buggyfill; width: 1.691vw; height: 1.691vw"}.playbackList-wrapper--list .item .carDes .tripAddress .marks .line{width:.483vw;height:3.986vw;background:#e5e7ea;margin-left:.604vw;content:"viewport-units-buggyfill; width: 0.483vw; height: 3.986vw; margin-left: 0.604vw"}.playbackList-wrapper--list .item .carDes .tripAddress .value{display:inline-block;font-family:PingFangSC;font-weight:700;font-size:3.14vw;color:#2c2e34;content:"viewport-units-buggyfill; font-size: 3.14vw"}.playbackList-wrapper--list .item .carDes .tripAddress .value p{display:block;height:4.469vw;line-height:4.469vw;width:82.126vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;content:"viewport-units-buggyfill; height: 4.469vw; line-height: 4.469vw; width: 82.126vw"}.playbackList-wrapper--list .item .carMsg{height:calc(100% - 28.623vw);background:#f3f8fb;border-radius:2.053vw;display:flex;box-sizing:border-box;padding:2.053vw 0;content:"viewport-units-buggyfill; height: calc(100% - 28.623vw); border-radius: 2.053vw; padding: 2.053vw 0"}.playbackList-wrapper--list .item .carMsg-item{flex:1;text-align:center}.playbackList-wrapper--list .item .carMsg-item .value{font-family:DINAlternate;font-size:4.831vw;font-weight:700;color:#414852;height:5.676vw;line-height:5.676vw;margin-bottom:1px;content:"viewport-units-buggyfill; font-size: 4.831vw; height: 5.676vw; line-height: 5.676vw"}.playbackList-wrapper--list .item .carMsg-item .value span{font-family:PingFangSC-Regular;font-size:2.415vw;font-weight:400;color:#4a4e53;content:"viewport-units-buggyfill; font-size: 2.415vw"}.playbackList-wrapper--list .item .carMsg-item .label{font-family:PingFangSC-Regular;font-size:3.019vw;color:#484a50;height:4.348vw;line-height:4.348vw;content:"viewport-units-buggyfill; font-size: 3.019vw; height: 4.348vw; line-height: 4.348vw"}.playbackList-wrapper .popup{height:66.667vw;position:absolute;top:12.077vw;width:100vw;background-color:#fff;content:"viewport-units-buggyfill; height: 66.667vw; top: 12.077vw; width: 100vw"}.playbackList-wrapper .popup-container{height:calc(100% - 11.111vw);box-sizing:border-box;padding:.483vw 3.623vw 0;content:"viewport-units-buggyfill; height: calc(100% - 11.111vw); padding: 0.483vw 3.623vw 0"}.playbackList-wrapper .popup-container .title{height:10.87vw;line-height:10.87vw;font-family:PingFangSC;font-weight:700;font-size:3.382vw;color:#2c2e34;content:"viewport-units-buggyfill; height: 10.87vw; line-height: 10.87vw; font-size: 3.382vw"}.playbackList-wrapper .popup-container .dateArea{height:9.903vw;margin-bottom:2.053vw;content:"viewport-units-buggyfill; height: 9.903vw; margin-bottom: 2.053vw"}.playbackList-wrapper .popup-container .dateArea>div{width:29.227vw;height:9.903vw;line-height:9.903vw;text-align:center;background:#f4f6f7;border-radius:.845vw;display:inline-block;margin-right:2.536vw;font-family:PingFangSC-Regular;font-size:3.623vw;color:#2c2e34;content:"viewport-units-buggyfill; width: 29.227vw; height: 9.903vw; line-height: 9.903vw; border-radius: 0.845vw; margin-right: 2.536vw; font-size: 3.623vw"}.playbackList-wrapper .popup-container .dateArea>div:last-child{margin-right:0}.playbackList-wrapper .popup-container .dateArea>div.active{background-color:#00b38a;color:#fff}.playbackList-wrapper .popup-container .datePicker{height:9.903vw;display:flex;content:"viewport-units-buggyfill; height: 9.903vw"}.playbackList-wrapper .popup-container .datePicker>div{display:inline-block}.playbackList-wrapper .popup-container .datePicker .line{width:9.903vw;height:1px;margin:4.831vw 1.208vw;background:#d8d8d8;content:"viewport-units-buggyfill; width: 9.903vw; margin: 4.831vw 1.208vw"}.playbackList-wrapper .popup-container .datePicker .setDate{flex:1;height:9.903vw;line-height:9.903vw;padding-left:2.899vw;background:#f4f6f7;border-radius:1.691vw;font-family:PingFangSC;font-weight:700;font-size:3.623vw;color:#bfbfbf;content:"viewport-units-buggyfill; height: 9.903vw; line-height: 9.903vw; padding-left: 2.899vw; border-radius: 1.691vw; font-size: 3.623vw"}.playbackList-wrapper .popup-footer{height:11.111vw;content:"viewport-units-buggyfill; height: 11.111vw"}.playbackList-wrapper .popup-footer>div{display:inline-block;width:50vw;height:11.111vw;line-height:11.111vw;text-align:center;font-family:PingFangSC;font-weight:700;font-size:4.106vw;content:"viewport-units-buggyfill; width: 50vw; height: 11.111vw; line-height: 11.111vw; font-size: 4.106vw"}.playbackList-wrapper .popup-footer .left{background:rgba(0,179,138,.1);color:#00b38a}.playbackList-wrapper .popup-footer .right{background:#00b38a;color:#fff}.playbackList-wrapper .overly{height:calc(100% - 78.744vw);position:absolute;top:78.744vw;width:100vw;background-color:rgba(0,0,0,.4);content:"viewport-units-buggyfill; height: calc(100% - 78.744vw); top: 78.744vw; width: 100vw"}.amap-copyright{visibility:hidden!important}.amap-copyright,.amap-logo{display:none!important}.tagStyle{font-weight:700!important}.amap-maptype-list,.amap-maptype-wrap{display:none!important}.trackPlayback{position:relative;height:100vh;overflow:hidden;background-color:#f5f5f5;content:"viewport-units-buggyfill; height: 100vh"}.trackPlayback-header{position:fixed;width:100vw;height:12.077vw;padding:3.019vw 3.623vw;box-sizing:border-box;text-align:center;background-image:linear-gradient(109deg,#ebf3f9 41%,#f3f7fb 99%);top:0;z-index:2;content:"viewport-units-buggyfill; width: 100vw; height: 12.077vw; padding: 3.019vw 3.623vw"}.trackPlayback-header .goBack{position:absolute;top:3.623vw;left:3.623vw;width:2.899vw;height:5.193vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAArCAYAAAEVnnhtAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAGKADAAQAAAABAAAAKwAAAAAnfJXBAAACmElEQVRYCaVXTYhOURj+/I/8RU3yk2SBEjZY+C2jlCwoFM1KzUpZKTs1ViQLpVlMKTWxULKQsmChbMwsyEYWWEiJKPIzfgbPM7739sw757zn695Tp/c9z8/73nu/c8/cabUy46/h48lUW/n4ywPVesiyN5bcsISxqm9gGaDym7eOeGCFB7CeMNioajZlAvV/QfJzAh+HuqclGDpmeJzggxT4IgV+SoG/Pcj1HkzWTl16q69NIkweFwDRmRw3gWbJ4Yj05bgnWClbzQwfRXjLwFR8LsInKYFh90T41sBUHBDhaEqg2FwR86ZSW0D1VX7IGSuilJwW45+SWPkrYvyuRCm/L8aXJbHyW3RRyndBcLEkMv4AEttH6wzMxZ0iLm68jU48PVeV+Connh2JFzvxwkg834mXRuJZTrw6EnOH2qNj3BSJyam4pyTmsWSGwyUx/3S8F9ERycOUr6V1GQyVQuqlnRM8TPmGWadToVJIMzAeFzxM1XQwVLZJHvJq2t2JidtZTZs7MXU5Uxd/uGjw91kggmWShyk355pQUYM8Cs8Ypt33Y+Qdn9NRv70gf0hha8BNsyQyljgenPzMsIIarwMvPf9s/bVg3mUK3wU+M+ssEMvBv8LUK7X8EfB5BX+WXgTmKaYV0/gMeHfWWSDmgH+IqQUtfw18JWatwa+925hWTOMH4OtrVYWJL/xVTC1o+Rfg2zBrj7NwWjGNP4Hvr121bdyeKT4CfNLHcd1mO2D8mmk0BLz2S+MviI+Dj0Ufk+WXvLjJuhdmPbisCeOZJoW99yQALa75CS9usu7PNOJdHmtS2HsvZxrxuN7nxXXX3FHXMPVxWd74hdSL4rF8J9OI/yltUHGTPDoUtzYp7L38+NXT9zwF/wCHoQgCXxnVnQAAAABJRU5ErkJggg==) no-repeat;background-size:100% 100%;content:"viewport-units-buggyfill; top: 3.623vw; left: 3.623vw; width: 2.899vw; height: 5.193vw"}.trackPlayback-header .plateNumber{height:6.401vw;line-height:6.401vw;display:inline-block;font-family:PingFangSC;font-weight:700;font-size:4.589vw;color:#000;vertical-align:middle;content:"viewport-units-buggyfill; height: 6.401vw; line-height: 6.401vw; font-size: 4.589vw"}.trackPlayback .mapType{position:fixed;width:21.739vw;height:6.763vw;top:15.459vw;right:3.623vw;z-index:2;border-radius:.966vw;overflow:hidden;content:"viewport-units-buggyfill; width: 21.739vw; height: 6.763vw; top: 15.459vw; right: 3.623vw; border-radius: 0.966vw"}.trackPlayback .mapType>div{display:inline-block;font-size:3.14vw;height:6.763vw;line-height:6.763vw;text-align:center;background-color:#fff;width:50%;content:"viewport-units-buggyfill; font-size: 3.14vw; height: 6.763vw; line-height: 6.763vw"}.trackPlayback .mapType>div.active{background-color:#00b3a0;color:#fff}.trackPlayback .keyPoints{position:fixed;width:9.662vw;height:44.203vw;top:27.053vw;right:3.623vw;z-index:2;content:"viewport-units-buggyfill; width: 9.662vw; height: 44.203vw; top: 27.053vw; right: 3.623vw"}.trackPlayback .keyPoints>div{width:9.662vw;height:9.662vw;border-radius:1.449vw;margin-bottom:1.812vw;content:"viewport-units-buggyfill; width: 9.662vw; height: 9.662vw; border-radius: 1.449vw; margin-bottom: 1.812vw"}.trackPlayback .keyPoints>div>img{width:100%;height:100%}.trackPlayback .keyPoints>div:last-child{margin-bottom:0}.trackPlayback-map{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.trackPlayback .realtimeData{position:absolute;bottom:16.184vw;width:100vw;height:43.237vw;background:#fff;border-radius:5.072vw 5.072vw 0 0;box-sizing:border-box;padding:3.623vw 4.106vw 0 4.106vw;z-index:2;content:"viewport-units-buggyfill; bottom: 16.184vw; width: 100vw; height: 43.237vw; border-radius: 5.072vw 5.072vw 0 0; padding: 3.623vw 4.106vw 0 4.106vw"}.trackPlayback .realtimeData .carDes{height:10.145vw;margin-bottom:3.261vw;content:"viewport-units-buggyfill; height: 10.145vw; margin-bottom: 3.261vw"}.trackPlayback .realtimeData .carDes .carImg{display:inline-block;height:6.039vw;vertical-align:middle;margin:8.5 0 0 .966vw;content:"viewport-units-buggyfill; height: 6.039vw; margin: 8.5 0 0 0.966vw"}.trackPlayback .realtimeData .carDes .carImg>img{height:100%}.trackPlayback .realtimeData .carDes .platenumber_alarm{width:48.309vw;display:inline-block;vertical-align:middle;margin-left:3.623vw;content:"viewport-units-buggyfill; width: 48.309vw; margin-left: 3.623vw"}.trackPlayback .realtimeData .carDes .platenumber_alarm .platenumber{height:5.797vw;line-height:5.797vw;font-family:PingFangSC;font-weight:700;font-size:4.106vw;color:#2c2e34;content:"viewport-units-buggyfill; height: 5.797vw; line-height: 5.797vw; font-size: 4.106vw"}.trackPlayback .realtimeData .carDes .platenumber_alarm .alarm{height:4.469vw;line-height:4.469vw;font-family:PingFangSC-Regular;font-size:3.14vw;color:#484a50;content:"viewport-units-buggyfill; height: 4.469vw; line-height: 4.469vw; font-size: 3.14vw"}.trackPlayback .realtimeData .carDes .closeIcon{width:6.28vw;height:6.28vw;line-height:6.28vw;font-size:7.246vw;opacity:.6;text-align:center;border-radius:50%;display:inline-block;color:#969798;background-color:#f2f3f4;float:right;margin-right:.725vw;content:"viewport-units-buggyfill; width: 6.28vw; height: 6.28vw; line-height: 6.28vw; font-size: 7.246vw; margin-right: 0.725vw"}.trackPlayback .realtimeData .realtime{height:4.106vw;margin-bottom:3.623vw;content:"viewport-units-buggyfill; height: 4.106vw; margin-bottom: 3.623vw"}.trackPlayback .realtimeData .realtime>span{display:inline-block}.trackPlayback .realtimeData .realtime .circle{width:1.812vw;height:1.812vw;border-radius:50%;background-color:#00b38a;margin:0 2.415vw 0 1.208vw;vertical-align:middle;content:"viewport-units-buggyfill; width: 1.812vw; height: 1.812vw; margin: 0 2.415vw 0 1.208vw"}.trackPlayback .realtimeData .realtime .time{height:4.106vw;line-height:4.106vw;font-family:PingFangSC;font-weight:700;font-size:2.899vw;color:#01a680;vertical-align:middle;content:"viewport-units-buggyfill; height: 4.106vw; line-height: 4.106vw; font-size: 2.899vw"}.trackPlayback .realtimeData .carCurrentMsg{height:14.493vw;background:#f3f8fb;border-radius:2.053vw;display:flex;justify-content:space-around;content:"viewport-units-buggyfill; height: 14.493vw; border-radius: 2.053vw"}.trackPlayback .realtimeData .carCurrentMsg .item{flex:1;text-align:center}.trackPlayback .realtimeData .carCurrentMsg .item .label{height:4.348vw;line-height:4.348vw;font-family:PingFangSC-Regular;font-size:3.019vw;color:#484a50;margin-top:1px;content:"viewport-units-buggyfill; height: 4.348vw; line-height: 4.348vw; font-size: 3.019vw"}.trackPlayback .realtimeData .carCurrentMsg .item .value{height:5.676vw;line-height:5.676vw;font-family:DINAlternate;font-size:4.831vw;color:#414852;margin-top:2.053vw;content:"viewport-units-buggyfill; height: 5.676vw; line-height: 5.676vw; font-size: 4.831vw; margin-top: 2.053vw"}.trackPlayback .realtimeData .carCurrentMsg .item .value .count{font-family:PingFangSC-Regular;font-size:2.415vw;color:#4a4e53;content:"viewport-units-buggyfill; font-size: 2.415vw"}.trackPlayback .realtimeData-enter-active,.trackPlayback .realtimeData-leave-active{transition:all .2s}.trackPlayback .realtimeData-enter,.trackPlayback .realtimeData-leave-to{height:0}.trackPlayback .tripMsg{position:absolute;width:100vw;height:46.981vw;bottom:16.184vw;background:#fff;box-shadow:0 1px 2.657vw 0 #e4e9ee;border-radius:4.106vw 4.106vw 0 0;z-index:2;content:"viewport-units-buggyfill; width: 100vw; height: 46.981vw; bottom: 16.184vw; box-shadow: 0 1px 2.657vw 0 #E4E9EE; border-radius: 4.106vw 4.106vw 0 0"}.trackPlayback .tripMsg .carDes{height:28.623vw;box-sizing:border-box;padding-left:3.502vw;content:"viewport-units-buggyfill; height: 28.623vw; padding-left: 3.502vw"}.trackPlayback .tripMsg .carDes .tripDate{height:11.111vw;line-height:11.111vw;box-sizing:border-box;border-bottom:1px solid rgba(203,208,214,.5);font-family:PingFangSC;font-weight:700;font-size:3.261vw;color:#484a50;content:"viewport-units-buggyfill; height: 11.111vw; line-height: 11.111vw; font-size: 3.261vw"}.trackPlayback .tripMsg .carDes .tripDate img{width:5.072vw;height:5.072vw;vertical-align:middle;margin-right:2.415vw;content:"viewport-units-buggyfill; width: 5.072vw; height: 5.072vw; margin-right: 2.415vw"}.trackPlayback .tripMsg .carDes .tripAddress{margin-top:3.019vw;border-radius:4.106vw;content:"viewport-units-buggyfill; margin-top: 3.019vw; border-radius: 4.106vw"}.trackPlayback .tripMsg .carDes .tripAddress .marks{display:inline-block;width:1.691vw;height:10.145vw;box-sizing:border-box;padding:1.449vw 0;margin:0 1.932vw 0 1.087vw;content:"viewport-units-buggyfill; width: 1.691vw; height: 10.145vw; padding: 1.449vw 0; margin: 0 1.932vw 0 1.087vw"}.trackPlayback .tripMsg .carDes .tripAddress .marks .circleGreen{width:1.691vw;height:1.691vw;border-radius:50%;background:#00d6a5;content:"viewport-units-buggyfill; width: 1.691vw; height: 1.691vw"}.trackPlayback .tripMsg .carDes .tripAddress .marks .circlePink{width:1.691vw;height:1.691vw;border-radius:50%;background:#ff5961;content:"viewport-units-buggyfill; width: 1.691vw; height: 1.691vw"}.trackPlayback .tripMsg .carDes .tripAddress .marks .line{width:.483vw;height:3.986vw;background:#e5e7ea;margin-left:.604vw;content:"viewport-units-buggyfill; width: 0.483vw; height: 3.986vw; margin-left: 0.604vw"}.trackPlayback .tripMsg .carDes .tripAddress .value{display:inline-block;font-family:PingFangSC;font-weight:700;font-size:3.14vw;color:#2c2e34;content:"viewport-units-buggyfill; font-size: 3.14vw"}.trackPlayback .tripMsg .carDes .tripAddress .value p{display:block;height:4.469vw;line-height:4.469vw;width:82.126vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;content:"viewport-units-buggyfill; height: 4.469vw; line-height: 4.469vw; width: 82.126vw"}.trackPlayback .tripMsg .carMsg{height:14.493vw;background:#f3f8fb;border-radius:2.053vw;display:flex;box-sizing:border-box;margin:0 4.106vw;padding:2.053vw 0;content:"viewport-units-buggyfill; height: 14.493vw; border-radius: 2.053vw; margin: 0 4.106vw; padding: 2.053vw 0"}.trackPlayback .tripMsg .carMsg-item{flex:1;text-align:center}.trackPlayback .tripMsg .carMsg-item .value{font-family:DINAlternate;font-size:4.831vw;font-weight:700;color:#414852;height:5.676vw;line-height:5.676vw;margin-bottom:1px;content:"viewport-units-buggyfill; font-size: 4.831vw; height: 5.676vw; line-height: 5.676vw"}.trackPlayback .tripMsg .carMsg-item .value span{font-family:PingFangSC-Regular;font-size:2.415vw;font-weight:400;color:#4a4e53;content:"viewport-units-buggyfill; font-size: 2.415vw"}.trackPlayback .tripMsg .carMsg-item .label{font-family:PingFangSC-Regular;font-size:3.019vw;color:#484a50;height:4.348vw;line-height:4.348vw;content:"viewport-units-buggyfill; font-size: 3.019vw; height: 4.348vw; line-height: 4.348vw"}.trackPlayback .tripMsg-enter-active,.trackPlayback .tripMsg-leave-active{transition:all .2s}.trackPlayback .tripMsg-enter,.trackPlayback .tripMsg-leave-to{height:0}.trackPlayback .realtimeDataMini{position:absolute;bottom:33.333vw;right:0;width:43.478vw;height:11.836vw;line-height:11.836vw;background-image:linear-gradient(170deg,#eafbf7,#fff 49%);box-shadow:0 .5px .604vw .362vw #e0e3e8;border-radius:12.077vw 0 0 12.077vw;box-sizing:border-box;padding-left:3.623vw;z-index:3;content:"viewport-units-buggyfill; bottom: 33.333vw; width: 43.478vw; height: 11.836vw; line-height: 11.836vw; box-shadow: 0 0.5px 0.604vw 0.362vw #E0E3E8; border-radius: 12.077vw 0 0 12.077vw; padding-left: 3.623vw"}.trackPlayback .realtimeDataMini .line,.trackPlayback .realtimeDataMini img{display:inline-block;vertical-align:middle}.trackPlayback .realtimeDataMini .line{width:.5px;height:5.193vw;background-color:hsla(0,0%,59.2%,.3);margin:0 1.329vw 0 2.174vw;content:"viewport-units-buggyfill; height: 5.193vw; margin: 0 1.329vw 0 2.174vw"}.trackPlayback .realtimeDataMini .speed{display:inline-block;font-family:DINAlternate;font-weight:700;font-size:4.831vw;color:#00b38a;vertical-align:middle;content:"viewport-units-buggyfill; font-size: 4.831vw"}.trackPlayback .realtimeDataMini .speed .count{font-family:PingFangSC-Regular;font-size:2.415vw;color:#4a4e53;font-weight:400;content:"viewport-units-buggyfill; font-size: 2.415vw"}.trackPlayback .trackPlayback-process{position:absolute;width:100vw;height:.725vw;bottom:15.459vw;z-index:5;background-color:rgba(44,172,133,.5);content:"viewport-units-buggyfill; width: 100vw; height: 0.725vw; bottom: 15.459vw"}.trackPlayback .trackPlayback-process .custom-button{width:4.106vw;height:4.106vw;box-sizing:border-box;border-radius:50%;background:#fff;border:.604vw solid #00b38a;content:"viewport-units-buggyfill; width: 4.106vw; height: 4.106vw; border: 0.604vw solid #00B38A"}.trackPlayback .playKey{position:absolute;height:15.459vw;width:100vw;bottom:0;z-index:3;text-align:center;background:#1e1f20;box-shadow:0 -1px 0 0 #b5bbc3;content:"viewport-units-buggyfill; height: 15.459vw; width: 100vw"}.trackPlayback .playKey>div{width:9.662vw;height:9.662vw;margin:2.899vw auto;content:"viewport-units-buggyfill; width: 9.662vw; height: 9.662vw; margin: 2.899vw auto"}.trackPlayback .playKey>div>img{width:100%;height:100%}.trackPlayback .transback-infobox,.trackPlayback .transback-pointInfo{position:relative;width:71.014vw;box-sizing:border-box;background:#fff;padding:2.415vw;box-shadow:0 .483vw 2.415vw 0 #cdd2d1;content:"viewport-units-buggyfill; width: 71.014vw; padding: 2.415vw; box-shadow: 0 0.483vw 2.415vw 0 #cdd2d1"}.trackPlayback .transback-infobox .transback-item,.trackPlayback .transback-pointInfo .transback-item{font-size:2.899vw;color:#464c5b;margin-top:1.449vw;content:"viewport-units-buggyfill; font-size: 2.899vw; margin-top: 1.449vw"}.trackPlayback .transback-infobox .transback-item span,.trackPlayback .transback-pointInfo .transback-item span{font-weight:700;color:#000}.trackPlayback .transback-infobox .close-icon,.trackPlayback .transback-pointInfo .close-icon{position:absolute;right:2.415vw;top:2.657vw;color:#8d949f;font-size:5.314vw;cursor:pointer;z-index:999;content:"viewport-units-buggyfill; right: 2.415vw; top: 2.657vw; font-size: 5.314vw"}.trackPlayback .transback-infobox:after,.trackPlayback .transback-pointInfo:after{border:solid transparent;content:" ";height:0;bottom:-3.382vw;left:50%;transform:translateX(-50%);position:absolute;width:0;border-width:3.623vw 2.415vw 0 2.415vw;border-top-color:#fff}
/*# sourceMappingURL=realtime.cd340631.css.map */