.oc-card{width:100%;height:100%;display:flex;margin:0 auto;background:url(../../static/img/card.7e7a2c63.png) 0 0/100% 100% no-repeat}.oc-card--left{height:85px;display:flex;text-align:center;align-items:center;margin-left:25px}.oc-card--left .oc-card--left__img img{height:25px;width:25px;margin:30px 0}.oc-card--left .oc-card--left__info{margin-left:10px;color:#01d9ea;font-size:.9rem;font-weight:600}.oc-card--middle{height:85px;line-height:85px;margin-right:10px}.oc-card--middle .oc-card--middle__cal{margin-left:5px;color:#00fbff;font-size:1.6rem;font-weight:1000}.oc-card--middle .oc-card--middle__calUnit{margin-left:5px;color:#00fbff;font-size:.9rem;font-weight:600}.oc-video-main{position:relative;margin-left:2.3vw;margin-right:1.1vw;-webkit-appearance:none;height:45vh;transform:translateZ(0);-moz-border-radius:15px;-webkit-border-radius:15px}.oc-flex-row{display:flex;margin-left:20px;margin-right:20px}.oc-flex-cell{flex:1;margin-top:10px;margin-bottom:10px}.oc-flex-row__top{-ms-flex-basis:10%;flex-basis:10%}.oc-flex-cell__duration,.oc-flex-cell__mileage,.oc-flex-cell__range,.oc-flex-cell__rubbish{flex:2;margin-left:10px}.oc-flex-cell-weather{flex:1;margin-left:10px;margin-right:-20px}.oc-flex-cell-weather__left{display:inline;float:left;font-size:.6rem;color:#06b2cc;margin-top:5px}.oc-flex-cell-weather__left span{margin-top:5px;display:block}.oc-flex-cell-weather__city{width:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-flex-cell-weather__right{display:inline;float:left;margin-left:10px;margin-top:10px;height:100%}.oc-flex-cell-weather__datetime{display:inline;float:left}.oc-flex-cell-weather__datetime span{display:block}.oc-flex-cell-weather__date{color:#06b2cc;font-size:.6rem}.oc-flex-cell-weather__time{color:#00f9ff;font-size:2rem;transform:scaleX(1.2);float:left;margin-left:10px}.oc-flex-cell-weather__vertical{vertical-align:middle;display:inline;float:left;margin-left:5px}.oc-flex-cell-weather__vertical span{display:inline-block;height:20px;width:5px;background-color:#00f9ff;margin-right:5px;margin-bottom:5px}.oc-flex-row__middle{flex:3;max-height:52vh}.oc-flex-cell-control,.oc-flex-cell-map,.oc-flex-cell-video{margin-left:10px;margin-right:10px}.oc-flex-cell-video{flex:3}.oc-flex-cell-video__title{flex:1;color:#00f7fe;text-align:center;padding:5px;margin-top:1.6vh;margin-left:22px}.oc-flex-cell-control{flex:2;display:flex;flex-direction:column}.oc-flex-cell-control__title{flex:1;color:#00f7fe;text-align:center;padding:5px;margin-top:2vh}.oc-flex-cell-control__top{flex:2}.oc-flex-cell-control__bottom{flex:2;padding:0 40px;z-index:-1}.oc-flex-cell-control__table{padding:5px 0;width:100%;height:100%}.oc-flex-cell-control__header{color:#00f9ff;font-size:1rem;height:10px}.oc-flex-cell-control__table td{text-align:center}.oc-flex-cell-control__table th{width:33.3%}.oc-flex-cell-map{flex:3;display:flex;flex-direction:column}.oc-flex-cell-map__title{flex:1;color:#00f7fe;text-align:center;padding:5px;margin-top:1.6vh;margin-right:18px}.oc-flex-cell-map__top{flex:8}.oc-flex-cell-map__bottom{flex:1;padding:0 45px 0 30px}.oc-flex-cell-map__table{padding-bottom:5px;width:100%;height:100%}.oc-flex-cell-map__header{color:#00f9ff;font-size:.6rem;height:10px}.oc-flex-cell-map__table td{text-align:center}.oc-flex-row__bottom{flex:2;margin-bottom:20px;max-height:28vh}.oc-flex-cell-ship,.oc-flex-cell-water{flex:4;margin-left:10px;margin-right:10px;display:flex;flex-direction:column}.oc-flex-cell-water__title{flex:1;color:#00f7fe;text-align:center;padding:5px}.oc-flex-cell-water__xccl{flex:6;font-size:1.2rem;color:#00f9ff;padding:0 40px}.oc-flex-cell-ship__title{flex:1;color:#00f7fe;text-align:center;padding:5px}.oc-flex-cell-ship__xccl{flex:6;font-size:1.2rem;color:#00f9ff;padding:0 40px;overflow:auto}.oc-flex-cell-ship__table{border-spacing:0;height:45px;width:100%}.oc-flex-cell-ship__table td,.oc-flex-cell-ship__table th{text-align:center}.oc-flex-cell-ship__table th{background-color:#00fbff;font-size:.8rem;font-weight:500;height:30px;line-height:30px}.oc-flex-cell-ship__table th:first-child{border-top-left-radius:50px;border-bottom-left-radius:50px}.oc-flex-cell-ship__table th:last-child{border-top-right-radius:50px;border-bottom-right-radius:50px}.oc-flex-cell-ship__table td{color:#00fbff;font-size:.8rem;height:50px;line-height:50px;border-bottom:1px solid #00fbff}.oc-flex-cell-container{flex:4;margin-left:10px;margin-right:10px;display:flex;flex-direction:column}.oc-flex-cell-container__title{flex:1;color:#00f7fe;text-align:center;padding:5px}.oc-flex-cell-container__chart{flex:6;height:100%}.oc-flex-cell-video{background:url(../../static/img/realtime.5ec90ad0.png) 0 0/100% 100% no-repeat}.oc-flex-cell-control__top{background:url(../../static/img/ship2.bb31b756.png) 35% 10%/55% 25% no-repeat,url(../../static/img/control.9b1383fd.png) 50% 50%/70% 100% no-repeat;background-position-y:60%}.oc-flex-cell-map{background:url(../../static/img/map.33fea793.png) 0 0/100% 100% no-repeat}.oc-flex-cell-container,.oc-flex-cell-ship,.oc-flex-cell-water{background:url(../../static/img/bottomBkgd.a9d731e5.png) 0 0/100% 100% no-repeat}.oc-flex-cell-control__bottom{background:url(../../static/img/shipState.2290dff4.png) 0 0/100% 100% no-repeat}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;min-width:1920px;min-height:1080px}html{display:block;color:-internal-root-color;-ms-overflow-style:none;font-size:20px}body{position:relative;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;background:#281e2f url(../../static/img/background.ebffe232.jpg) 0 0/100% 100% no-repeat}li,ul{list-style:none;padding:0;margin:0}li{list-style-type:none}a{text-decoration:none;color:inherit}#app{height:100%}::-webkit-scrollbar{display:none}#oc-header{position:relative;height:90px;background:url(../../static/img/header.d6813854.png) 0 0/100% 100% no-repeat;overflow:hidden}.oc-header__title{line-height:90px;text-align:center;font-size:1.5rem;font-weight:400;color:#00f9ff}.oc-header__info{position:absolute;top:12px;left:30px;height:33px;width:100px}.oc-header__statistics{right:130px}.oc-header__quit,.oc-header__statistics{position:absolute;top:12px;cursor:pointer}.oc-header__quit{right:30px}#oc-container{position:absolute;top:90px;bottom:0;left:0;right:0}#oc-flex{height:100%;display:flex;flex-direction:column}.filter-container{padding-bottom:10px}.filter-container .filter-item{display:inline-block;vertical-align:middle;margin-bottom:10px}.el-picker-panel{border:1px solid #00f9ff;background:#193870;color:#00f9ff}.el-date-table td.next-month,.el-date-table td.prev-month{color:rgba(0,251,255,.2)}.el-date-table td.today span{color:rgba(0,251,255,.5019607843)}.el-date-table td.current:not(.disabled) span{color:#fff;background-color:rgba(0,249,255,.8)}.el-date-table td.available:hover{color:rgba(0,251,255,.5019607843)}.el-date-picker__header-label{color:#00f9ff}.el-date-table th{color:#00f9ff;border-bottom:1px solid #00f9ff}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:rgba(0,251,255,.5019607843)}.el-picker-panel__icon-btn{color:#00f9ff}.el-picker-panel__icon-btn:hover{color:rgba(0,251,255,.5019607843)}.el-date-picker__header--bordered{border-bottom:1px solid #00f9ff}.el-year-table td .cell{color:#00f9ff}.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell,.el-year-table td.today .cell{color:rgba(0,251,255,.5019607843)}.el-month-table td .cell{color:#00f9ff}.el-month-table td .cell:hover,.el-month-table td.current:not(.disabled) .cell,.el-month-table td.today .cell{color:rgba(0,251,255,.5019607843)}.el-popper[x-placement^=bottom] .popper__arrow:after{border-bottom-color:#00f9ff}.svg-icon[data-v-3600ac07]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.svg-external-icon[data-v-3600ac07]{background-color:currentColor;-webkit-mask-size:cover!important;mask-size:cover!important;display:inline-block}