.dv-header-box[data-v-ad3c989c]{display:flex;margin-bottom:15px;width:100%;height:95px;background:url(../../static/img/bg1.9f7519df.png) no-repeat 50%}.dv-header-box .left-time[data-v-ad3c989c]{padding-top:15px;width:400px;font-family:Microsoft YaHei;font-size:18px;color:#04c8f9;opacity:.9}.dv-header-box .left-time .time-box[data-v-ad3c989c]{display:flex}.dv-header-box .left-time .time-box .block[data-v-ad3c989c]{margin-right:26px}.dv-header-box .center-title[data-v-ad3c989c]{flex:1;padding-top:10px;font-size:34px;font-family:Source Han Sans CN;font-weight:700;color:#e1e3ef;background:linear-gradient(180deg,#dbe5f0,#b4d3f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;box-sizing:border-box}.dv-header-box .right-btn-box[data-v-ad3c989c]{display:flex;justify-content:flex-end;width:400px}.dv-header-box .right-btn-box .right-btn[data-v-ad3c989c]{display:flex;align-items:center;justify-content:center;margin-top:20px;width:100px;height:32px;border:1px solid #05bcec;border-radius:5px;cursor:pointer;overflow:hidden}.dv-header-box .right-btn-box .right-btn .right-btn-cont[data-v-ad3c989c]{width:92px;height:25px;background:#2e9fb5;border-radius:5px;line-height:25px;text-align:center;font-size:18px;font-family:Microsoft YaHei;font-weight:700;color:#012e3a;opacity:.9;overflow:hidden}.dv-box[data-v-5d863a98]{position:relative;margin-bottom:15px;border:1px solid rgba(63,239,255,.5);background:rgba(26,101,165,.15);overflow:hidden}.dv-box .title-img[data-v-5d863a98]{width:auto;height:60px}.flow-chart-box-c{position:relative;margin:0 auto;background-color:rgba(26,101,165,.15)}.flow-chart-box-c img{position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;width:auto;height:580px;-o-object-fit:cover;object-fit:cover}.flow-chart-box-c .text-box{position:absolute;top:50px;left:20px;z-index:99}.flow-chart-box-c .text-box .fuqiu-box{display:flex;flex-wrap:wrap;max-height:100px;overflow-y:scroll;width:500px;margin-bottom:10px;padding:8px 15px 0;background:#0c273f;box-shadow:inset 0 5px 9px 0 rgba(0,12,23,.5);border-radius:5px;font-size:15px;color:#fff;line-height:21px}.flow-chart-box-c .text-box .fuqiu-box::-webkit-scrollbar{width:5px;background-color:rgba(144,147,153,.3)}.flow-chart-box-c .text-box .fuqiu-box::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(144,147,153,.7)}.flow-chart-box-c .text-box .fuqiu-box .fuqiu-item{display:flex;align-items:center;margin-right:25px;margin-bottom:10px}.flow-chart-box-c .text-box .fuqiu-box .fuqiu-item:last-child{margin-right:0}.flow-chart-box-c .text-box .fuqiu-box .fuqiu-item .fuqiu-name{margin-right:8px;width:100px}.flow-chart-box-c .text-box .fuqiu-box .fuqiu-item .fuqiu-status{width:16px;height:16px;border-radius:50%;background-color:#e30000;box-shadow:0 0 15px 0 #e30000}.flow-chart-box-c .text-box .fuqiu-box .fuqiu-item .fuqiu-status.fuqiu-status-success{background-color:#11db33;box-shadow:0 0 15px 0 #11db33}.flow-chart-box-c .text-box .status-box{display:flex;padding:8px 15px;width:320px;background:#0c273f;box-shadow:inset 0 5px 9px 0 rgba(0,12,23,.5);border-radius:5px;font-size:15px;color:#fff;line-height:21px}.flow-chart-box-c .text-box .status-box .title{margin-right:15px}.flow-chart-box-c .text-box .status-box .status-item{display:flex;align-items:center;margin-right:15px}.flow-chart-box-c .text-box .status-box .status-item:last-child{margin-right:0}.flow-chart-box-c .text-box .status-box .status-item .stop{margin-right:10px;width:10px;height:10px;border-radius:50%;background:#e30000}.flow-chart-box-c .text-box .status-box .status-item .run{margin-right:10px;width:10px;height:10px;border-radius:50%;background:#11db33}.dv-site-detail-container{padding:5px 20px 0;width:100%;min-height:100vh;background:#091220;color:#fff}.dv-site-detail-container .dv-content-box{display:flex;justify-content:space-between}.dv-site-detail-container .dv-content-box .table-box{margin:0 22px;font-size:15px;padding-bottom:20px;height:calc(100% - 60px);overflow-y:auto;color:#fff;box-sizing:border-box}.dv-site-detail-container .dv-content-box .table-box::-webkit-scrollbar,.dv-site-detail-container .dv-content-box .table-box::-webkit-scrollbar-thumb{display:none}.dv-site-detail-container .dv-content-box .table-box::-webkit-scrollbar-track{display:none}.dv-site-detail-container .dv-content-box .table-box .table-header-box{font-size:16px;color:#3fefff;background:rgba(26,101,126,.5)}.dv-site-detail-container .dv-content-box .table-box .table-content-box .table-row:nth-child(2n){background:rgba(26,101,126,.2)}.dv-site-detail-container .dv-content-box .table-box .table-row{display:flex;padding:0 20px;height:42px;line-height:42px;box-sizing:border-box}.dv-site-detail-container .dv-content-box .table-box .table-row .table-cell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}.dv-site-detail-container .dv-content-box .table-box .table-row .table-cell .run-content{display:flex;align-items:center;margin-left:20px}.dv-site-detail-container .dv-content-box .table-box .table-row .table-cell .run-content .run-status{margin-right:15px;width:15px;height:15px;background:#e30000;border-radius:50%;box-shadow:0 0 15px 0 #e30000}.dv-site-detail-container .dv-content-box .table-box .table-row .table-cell .run-content .run-status.run-status-success{background:#11db33;box-shadow:0 0 15px 0 #11db33}.dv-site-detail-container .dv-content-box .chart-box{width:100%;height:calc(100% - 60px)}.dv-site-detail-container .dv-content-box .left-box{margin-right:15px;width:480px}.dv-site-detail-container .dv-content-box .left-box .camera-list .camera-item{margin-bottom:25px}.dv-site-detail-container .dv-content-box .left-box .camera-list .camera-item .camera-block{display:block;margin:0 auto;width:439px;height:234px;border:1px solid #091220;box-sizing:border-box}.dv-site-detail-container .dv-content-box .center-box{flex:1}.dv-site-detail-container .dv-content-box .center-box .chart-flow-box{position:relative}.dv-site-detail-container .dv-content-box .center-box .chart-flow-box .title-image{position:absolute;top:0;left:0;z-index:99;width:auto;height:60px}.dv-site-detail-container .dv-content-box .center-box .chart-flow-box .chart-flow{position:absolute;top:0;left:0;z-index:1}.dv-site-detail-container .dv-content-box .right-box{margin-left:15px;width:480px}