.com-container[data-v-18474ebf]{padding:24px;color:#fff}.com-container .header[data-v-18474ebf]{position:relative;font-size:18px;font-family:Microsoft YaHei;font-weight:700;line-height:24px;color:#fff;padding-left:14px}.com-container .header[data-v-18474ebf]:after{content:"";position:absolute;left:0;top:2px;width:4px;height:20px;background:-webkit-linear-gradient(top,#0056cf,#4fc8ff);background:linear-gradient(180deg,#0056cf,#4fc8ff)}.com-container .header .option-view[data-v-18474ebf]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:absolute;right:0;top:0}.com-container .header .option-view span[data-v-18474ebf]{line-height:20px;margin:0 12px;font-size:14px;font-weight:700;cursor:pointer}.com-container .header .option-view .span-active[data-v-18474ebf]{color:#61f4fd}.com-container .body[data-v-18474ebf]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-top:15px}.com-container .body .left[data-v-18474ebf]{height:291px;background:#0c1b53;border-radius:4px;padding-top:18px}.com-container .body .left .dashboard[data-v-18474ebf],.com-container .body .left[data-v-18474ebf]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:284px}.com-container .body .left .dashboard[data-v-18474ebf]{height:170px;overflow:hidden}.com-container .body .left .dashboard>p[data-v-18474ebf]{margin-top:-10px;font-size:16px;font-family:Microsoft YaHei;color:hsla(0,0%,100%,.8)}.com-container .body .left .percentage[data-v-18474ebf]{position:absolute;margin-top:50px;font-size:50px;font-family:Bebas}.com-container .body .left .percentage span[data-v-18474ebf]{font-size:14px;color:hsla(0,0%,100%,.8)}.com-container .body .left[data-v-18474ebf] .dashboard .el-progress__text{color:#fff}.com-container .body .left[data-v-18474ebf] .dashboard svg>path:nth-child(2){stroke:url(#write1)}.com-container .body .left[data-v-18474ebf] .dashboard .el-progress-circle__track{stroke:#253365}.com-container .body .left .line[data-v-18474ebf]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;margin-top:15px;padding-right:30px}.com-container .body .left .line>span[data-v-18474ebf]{font-size:14px;font-family:Microsoft YaHei;color:hsla(0,0%,100%,.8);margin:0 10px 0 18px}.com-container .body .left .line[data-v-18474ebf] .el-progress--line{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.com-container .body .left .line[data-v-18474ebf] .el-progress--line .el-progress-bar__outer{background:#0d0e34}.com-container .body .left .line[data-v-18474ebf] .el-progress--line .el-progress__text{font-size:14px;font-family:Microsoft YaHei;color:hsla(0,0%,100%,.8);margin-left:25px}.com-container .body .right[data-v-18474ebf]{position:relative;width:562px;height:291px;background:#0c1b53;border-radius:4px}.com-container .body .right .title[data-v-18474ebf]{position:absolute;top:14px;left:20px;z-index:9;font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:24px;color:#fff}.com-container .body .right .myChart[data-v-18474ebf]{width:100%;height:100%}.com-container .body .right .myChart[data-v-18474ebf] .tooltip-class{background:rgba(35,56,121,.7)!important;border:none!important}.com-container .body .right .myChart[data-v-18474ebf] .tooltip-class div,.com-container .body .right .myChart[data-v-18474ebf] .tooltip-class span{color:#fff!important}