/* ::-webkit-scrollbar — 整个滚动条
::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头)
::-webkit-scrollbar-thumb — 滚动条上的滚动滑块
::-webkit-scrollbar-track — 滚动条轨道
::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分
::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分
::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮) */
::-webkit-scrollbar {
  background-color: transparent !important;
  /* // width: 2px; */
}
.el-table__body-wrapper::-webkit-scrollbar {
  width: 10px !important; /*滚动条宽度*/
  height: 2px; /*滚动条高度*/
  /* background: #122d57 ; */
  background: transparent !important;
  padding: 0;
  border: none;
}
.el-table__body-wrapper::-webkit-scrollbar-track {
  background: none !important;
  padding: 0;
}
.el-table__body-wrapper::-webkit-scrollbar-track-piece {
  border-radius: 10px; /*滚动条的背景区域的圆角*/
  /*background-color: transparent !important; 滚动条的背景颜色*/
  background: transparent !important;
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {
  /* box-shadow: 0px 1px 3px #122d57 inset; 滚动条的内阴影 */
  border-radius: 10px; /*滚动条的圆角*/
  background-color: #3f5476; /*滚动条的背景颜色 */
}
p{margin:0}.wl-Center{width:1920px;height:1080px;background:#0e2247;padding:20px;padding-top:0px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.header{height:90px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#1aa3ff;font-size:25px}.header .time{width:290px;padding-top:45px;height:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.header .time p{font-size:30px;font-weight:600}.header .time .date{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-left:15px;font-size:16px;font-weight:500}.header .info{width:320px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;padding-bottom:30px;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.header .info span{font-size:16px}.header .info .el-icon-refresh-right,.header .info .el-icon-loading{margin-right:10px;cursor:pointer;font-size:20px}.header .info .iconrefresh{margin-right:10px;cursor:pointer}.header .info .latest{border-right:1px solid;padding-right:10px}.header .info img{height:17px;margin:3px 10px}.header .info .quit{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;cursor:pointer;margin-bottom:-2px}.header .info .quit .quiticon{margin:0 10px}.header .title{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;margin-left:30px}.header .title .title-text{width:550px;color:#6ff3fe;font-weight:600;font-size:30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;background-image:-webkit-linear-gradient(left, #0e2247, #0061c3, #0e2247);background-image:linear-gradient(to right, #0e2247, #0061c3, #0e2247)}.header .title .line{position:absolute;height:3px;bottom:0px;width:540px}.header .title .title-menu{width:120px;height:35px;margin:auto 10px;text-align:center;line-height:35px;font-size:16px;position:relative;color:#929EB2;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJsAAABJCAYAAAAql1SoAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAQ0SURBVHhe7dvLThNRGAfwOT2dESJIkVsAISw1Ll0pienGCzEkbngGF15i9AX6AhpD1MRnYGMkxpi4qC40mrh0A7gRAUGkRC6ldKZjv+bUDOMMVHIuU/3/kqZwSkg755tvzr8zYwEAAAAAAAAAAAAAAAAAAAAAAAAkABPPxvi+b/w9/E8YY774UTtjE40iM8dUwRmZcBSaeSYKTvuko9CSQ3fBaZv4YJHdePXhOC/tjohfQTPPYUsPL4wuiV+1FZ32Ysvl8/zn9pFTxzznc278TLH2ImiTm/pkF9rWTna2ejO5bLYkhrUUXEo8KxXsaivrqf6d3fI6Cs2M3MTpss35t8ImGxJDNTqWN0qLjT5A8EPkpj+2tjh2pjdT+d3CQb+2i+dWfZ6ybz/Nd4ihGtUFp6Wz1a3bO0MWtxaq7dsTQ2BArlpX3qb3xXXY0NTU1J4aUFlwyv5x+E3fefmus+JXeh5cHp0RQ7FMfQ/0L2mkaG4+ezPit/JSMCwQVdtfS2ejUGB51mCm3DIvhmKh0ORoZDt2lboWuFvprs7PETGklJJiC+9VCAXJpDssKO9s1/YJBbT3hR/iJZCgke0bFxZUkF5s4b3CsTaGEQqSIapjxYUFFd1NaWe7O53v4rbt3790tiCGwKCozkYeTWS3mMs2X2cG+sSQElKLLbg3UChw03ygWF47MBSAeRQWWMnvCYYF2d1NWWcrbKQHLJetPxkfRyhoAhQWKsxdDocFmaQVW3AvoFBgpf1MZ7u7KIagCfRcya6kKtwJhgWZ3U1asQXXAxQK0q63GBcK4pIRqLfftq+FBXtjPurMggzS/yGFAnq+N579URuApjI5NrbB0i1KwoL0w2iJs/6jre040d7Eukrp5dS221ftdMkMCPXWXC2678Wdzd7aIDSlglXsdn22SodVMSSF9MNo1CITmgeFO855h4rLwKQfRhtZZNLfykw58Hf22/bhMz4yg5z0wyhRucgEdVSf8ZF+GK1j3tpi+BtpMC+uq9XP+DRyGdhhSS22UHfbpW+k14r2oBiCBKPLwMolvxC8DEzmIZQo62yEwgIv+y23XrxvF0N7YN2WDLruDZFebMG9oR4WmOcNR4UF2XsOHE7UvSEq5kZpZyMUFioO33rL+/747q2eSoMP8RJI0Mj2pXtD6FnHZWBKii28V1BYcJ1U7+TsrCOGIAEoFETdG6LqiKO8s5F6WJibWzkhhmJF7X2ghu57Q7QUGzkoLASFWz8eh3uIzRkpLhSoXEcrK7bwmz4oLIBeJm4YVzrp4YLbLyyAPnGhQGVXI8o7TPgDICyYpTsUBGlbjAfXENef5/vSVhpnFgwplysrj6+e/0o/6yiyOq3J76BFK+ils9CIkclH0Zmnu9CIsUlHwZljotCI0QlHwelnqtAAAAAAAAAAAAAAAAAAAAAAAAAAksGyfgGFpCDghz5PMAAAAABJRU5ErkJggg==) no-repeat;background-position:-18px -19px}.header .title .title-menu:hover{color:#fff}.header .title .active-menu{color:#6ff3fe !important;font-weight:700}

#mainpie[data-v-44e0da6a]{width:100%;height:100%}

#main[data-v-23bf6661]{height:100%}

.el-popover {
  background: #164892;
  border-color: #2f8ceb;
  color: #fff7ea;
  padding: 0;
  min-width: 120px;
  z-index: 3355 !important;
}
.popper__arrow {
  display: none !important;
}
.el-popover[data-v-e7439ea0]{background:#164892 !important;z-index:3355 !important}popper__arrow[data-v-e7439ea0]{background:#164892}[data-v-e7439ea0] .el-col{margin:0;height:32px;line-height:32px;padding-left:10px}[data-v-e7439ea0] .el-col-24{color:white}[data-v-e7439ea0] .el-col-8,[data-v-e7439ea0] .el-col-4,[data-v-e7439ea0] .el-col-20{background:#1b325a;border:1px solid #325676}[data-v-e7439ea0] .el-col-4{color:#a5acb4}[data-v-e7439ea0] .el-col-8,[data-v-e7439ea0] .el-col-20{border-left:none;border-right:none;color:white}.poptitle[data-v-e7439ea0]{cursor:pointer}.first[data-v-e7439ea0]{border-left:none}.end[data-v-e7439ea0]{border-right:none}.odd[data-v-e7439ea0]{border-top:none;border-bottom:none}.border-bottom[data-v-e7439ea0]{border-bottom:none}.header[data-v-e7439ea0]{height:32px;line-height:32px;border-left:10px solid #1aa3ff;font-size:17px;color:#cfd4db;padding-left:10px}.el-icon-arrow-down[data-v-e7439ea0],.el-icon-arrow-up[data-v-e7439ea0]{font-size:14px;margin-left:5px}.content[data-v-e7439ea0]{height:514px;margin-top:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.content p[data-v-e7439ea0]{margin:0}.content .time[data-v-e7439ea0]{float:right;font-size:12px;margin-right:10px;color:#77849b}.content .time span[data-v-e7439ea0]{margin-right:25px}.content .left[data-v-e7439ea0]{border:1px solid #2e587b;width:855px;border-radius:5px}.content .right[data-v-e7439ea0]{width:288px;border:1px solid #2e587b;border-radius:5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.content .right-top[data-v-e7439ea0]{height:64px;border-bottom:1px solid #2e587b;background:#1b335c;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.content .right-top div[data-v-e7439ea0]{width:50%;padding-top:10px;text-align:center}.content .right-top div p[data-v-e7439ea0]{color:#a4adbe}.content .right-top div h2[data-v-e7439ea0]{color:white;margin:0}.content .right-top div[data-v-e7439ea0]:nth-of-type(1){border-right:1px solid #2e587b}.content .right-bottom[data-v-e7439ea0]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:29px 0}.content .right-bottom .right-bottom-top[data-v-e7439ea0]{text-align:center}.content .right-bottom .right-bottom-top p[data-v-e7439ea0]{color:#9ea9bb;font-size:15px}.content .right-bottom .right-bottom-top h2[data-v-e7439ea0]{margin:0;color:white;font-size:26px}.content .right-bottom .right-bottom-center[data-v-e7439ea0]{width:150px;height:150px;margin:65px auto;border-radius:50%;border:10px solid #00cc66;padding-left:38px;padding-top:44px;color:white;font-size:30px;font-weight:600;border-color:#00cc66}.content .right-bottom .text[data-v-e7439ea0]{text-align:center;color:#95aabb;margin-top:100px}.content .right-bottom .text span[data-v-e7439ea0]{color:white}.content .empty[data-v-e7439ea0]{height:160px;text-align:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#7a8aa3;font-size:16px;border-top:1px solid #2e587b;background-color:#1b325a;line-height:160px}.item-time[data-v-e7439ea0]{text-align:center;font-size:14px;line-height:30px;cursor:pointer;color:#8d9aae}.item-time[data-v-e7439ea0]:hover{color:#fff}.activeTime[data-v-e7439ea0]{color:white}

.header[data-v-28a45b29]{height:32px;line-height:32px;font-size:20px;color:#cfd4db}.content[data-v-28a45b29]{margin-top:10px}.content p[data-v-28a45b29]{margin:0}.content h2[data-v-28a45b29]{margin:0}.content .top[data-v-28a45b29]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:#1b335c}.content .top-item[data-v-28a45b29]{width:25%;text-align:center;padding:20px 0}.content .top-item p[data-v-28a45b29]{color:#a4adae;font-size:15px}.content .top-item h2[data-v-28a45b29]{color:white;font-size:19px}.content .bottom[data-v-28a45b29]{height:400px;border:1px solid #2e587b;border-radius:5px;margin-top:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.content .bottom .wrap-chart[data-v-28a45b29]{width:33%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.content .bottom .wrap-chart .chart-top[data-v-28a45b29]{height:80px;padding-top:20px;text-align:center}.content .bottom .wrap-chart .chart-top p[data-v-28a45b29]{font-size:16px;color:#9fa6b4}.content .bottom .wrap-chart .chart-top h2[data-v-28a45b29]{color:white;font-size:20px;line-height:40px}.content .bottom .wrap-chart .chart-top .tab[data-v-28a45b29]{width:40%;margin:0 auto;margin-top:5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:30px;line-height:30px}.content .bottom .wrap-chart .chart-top .tab .tab-item[data-v-28a45b29]{width:50%;text-align:center;color:#cfc7c2;border:1px solid #2e587b;cursor:pointer}.content .bottom .wrap-chart .chart-top .tab .tab-item[data-v-28a45b29]:nth-of-type(1){border-top-left-radius:20px;border-bottom-left-radius:20px}.content .bottom .wrap-chart .chart-top .tab .tab-item[data-v-28a45b29]:nth-of-type(2){border-top-right-radius:20px;border-bottom-right-radius:20px}.content .bottom .wrap-chart .chart-top .tab .active-item[data-v-28a45b29]{border-color:#3399ff;color:#3399ff}.content .bottom .wrap-chart .chartbottom[data-v-28a45b29]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.content .bottom .wrap-chart .chartbottom .circle[data-v-28a45b29]{width:200px;height:200px;border-radius:50%;position:relative;margin:auto;margin-top:55px;border:10px solid #ffcc33}.content .bottom .wrap-chart .chartbottom .circle p[data-v-28a45b29]{color:white;font-size:30px;font-weight:600;text-align:center;line-height:180px}.content .bottom .wrap-chart .chartbottom .ok[data-v-28a45b29]{border-color:#00cc66}.content .bottom .wrap-chart .chartbottom .normal[data-v-28a45b29]{border-color:#ffcc33}.content .bottom .wrap-chart .chartbottom .warn[data-v-28a45b29]{border-color:#ff6600}