#index{color:#fff;width:1920px;height:1080px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:left top;overflow:hidden;z-index:5}#index .bg{width:100%;height:100%;padding:16px 16px 0 16px}#index .host-body .dv-dec-10,#index .host-body .dv-dec-10-s{width:33.3%;height:5px}#index .host-body .dv-dec-10-s{transform:rotateY(180deg)}#index .host-body .dv-dec-8{width:200px;height:50px}#index .host-body .title{position:relative;width:500px;text-align:center;background-size:cover;background-repeat:no-repeat}#index .host-body .title .title-text{font-size:24px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#index .host-body .title .dv-dec-6{position:absolute;bottom:-30px;left:50%;width:250px;height:8px;transform:translate(-50%)}#index .host-body .aside-width{width:40%}#index .host-body .react-l-s,#index .host-body .react-r-s{background-color:#0f1325}#index .host-body .react-right{font-size:18px;width:300px;line-height:50px;text-align:center;transform:skewX(-45deg)}#index .host-body .react-right.react-l-s{text-align:right;width:500px}#index .host-body .react-right .react-after{position:absolute;right:-25px;top:0;height:50px;width:50px;background-color:#0f1325;transform:skewX(45deg)}#index .host-body .react-right .text{display:inline-block;transform:skewX(45deg)}#index .host-body .parallelogram_right:hover,#index .host-body .parallelogram_right:hover .react-after{background-color:#007cff}#index .host-body .parallelogram_left{font-size:18px;height:30px;line-height:30px;text-align:center;padding:0 15px;background-color:#234581;position:relative;margin-right:20px;cursor:pointer}#index .host-body .parallelogram_left.react-l-s{width:100px;text-align:left}#index .host-body .parallelogram_left .react-left{position:absolute;right:-16px;top:0;height:30px;line-height:30px;width:50px;background-color:#234581;transform:skewX(-45deg)}#index .host-body .parallelogram_left .react-after{position:absolute;left:-16px;top:0;height:30px;width:0;background-color:#234581;transform:skewX(-45deg)}#index .host-body .parallelogram_left .text{display:inline-block;transform:skewX(-45deg);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#index .host-body .parallelogram{font-size:18px;height:30px;line-height:30px;text-align:center;padding:0 15px;background-color:#234581;border-radius:5px;cursor:pointer}#index .host-body .parallelogram.react-l-s{width:100px;text-align:left}#index .host-body .parallelogram .text{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#index .host-body .parallelogram_right{font-size:18px;height:30px;line-height:30px;text-align:center;transform:skewX(45deg);padding:0 15px;background-color:#234581;cursor:pointer}#index .host-body .parallelogram_right.react-l-s{width:100px;text-align:left}#index .host-body .parallelogram_right .react-after{position:absolute;right:-16px;top:0;height:30px;width:50px;line-height:30px;background-color:#234581;transform:skewX(-45deg);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#index .host-body .parallelogram_right .text{display:inline-block;transform:skewX(-45deg);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#index .host-body .react-left{font-size:18px;width:300px;height:50px;line-height:50px;text-align:center;transform:skewX(45deg);background-color:#0f1325}#index .host-body .react-left.react-l-s{width:500px;text-align:left}#index .host-body .react-left .react-left{position:absolute;left:-25px;top:0;height:50px;width:50px;background-color:#0f1325;transform:skewX(-45deg)}#index .host-body .react-left .text{display:inline-block;transform:skewX(-45deg)}#index .host-body .point_hover{background-color:#007cff}#index .host-body .body-box{height:1000px;margin-top:16px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#index .host-body .body-box .content-box{width:100%;height:100%;position:relative}#index .host-body .body-box .content-box .left{position:absolute;top:0;left:0;z-index:99999999}#index .host-body .body-box .content-box .right{position:absolute;top:0;right:0;z-index:99999999}#index .host-body .body-box .content-box .bottom{position:absolute;bottom:30px;left:0;z-index:99999999}#index .host-body .body-box .bottom-box{margin-top:10px;display:-ms-grid;display:grid;-ms-grid-columns:(50%)[2];grid-template-columns:repeat(2,50%)}.wa[data-v-be43aec8]{width:100%;height:100%;position:absolute;left:0;top:0;z-index:999;background:#1f1f1f;color:#fff}.wa .content-box[data-v-be43aec8]{width:100%;height:1030px;position:relative}.wa .content-box .unit-top[data-v-be43aec8]{border-top:2px solid;border-bottom:2px solid;border-image-source:linear-gradient(90deg,transparent,#578aef,transparent);border-image-slice:1;background-image:linear-gradient(90deg,transparent,#0758c7,transparent);padding:2px 20px;font-size:14px;text-align:left}.wa .content-box .total-box[data-v-be43aec8]{width:100%;height:50px;background-image:linear-gradient(90deg,#29629e,transparent,#29629e);border-left:2px solid #0090ff;border-right:2px solid #0090ff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 10px;margin-bottom:15px}.wa .content-box .iconBox[data-v-be43aec8]{width:35px;height:35px;background:#091220;border-radius:5px;margin-right:10px;text-align:center;font-size:20px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.wa .content-box .cover-box[data-v-be43aec8]{width:100%;height:100px;position:absolute;bottom:0;background:linear-gradient(0deg,rgba(35,35,26,.9),rgba(40,46,39,.5),transparent)}.wa .content-box .left[data-v-be43aec8]{width:350px;height:1030px;position:absolute;top:0;left:20px;z-index:99999999;padding-top:10px}.wa .content-box .left .left-top[data-v-be43aec8]{width:100%;height:280px;padding-top:5px;position:relative;background:rgba(0,0,0,.5);margin-bottom:35px;border-radius:3px}.wa .content-box .left .left-top .eq_box[data-v-be43aec8]{width:100%;height:240px;padding:10px;box-sizing:border-box}.wa .content-box .left .left-top .eq_box .eq_box_item[data-v-be43aec8]{width:100%;height:100%}.wa .content-box .left .point-box[data-v-be43aec8]{width:100%;height:100px;background:rgba(0,0,0,.5);margin-bottom:10px;border-radius:10px;box-shadow:0 0 10px #2c58a6;padding:10px 10px 10px 10px}.wa .content-box .left .ranking-box[data-v-be43aec8]{width:100%;height:330px;padding-top:5px}.wa .content-box .left .ranking-box .left-chart[data-v-be43aec8]{width:100%;height:300px}.wa .content-box .left .left_second[data-v-be43aec8]{width:100%;height:250px;padding-top:5px;position:relative;background:rgba(0,0,0,.5);margin-bottom:35px;border-radius:3px}.wa .content-box .left .left_bottom[data-v-be43aec8]{width:100%;height:400px;padding-top:5px;position:relative;background:rgba(0,0,0,.5);border-radius:3px}.wa .content-box .left .left_bottom .video-list[data-v-be43aec8]{padding:10px 10px;background:rgba(0,0,0,.5);margin-top:10px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-radius:5px}.wa .content-box .left .left_bottom .video-list .round-dot[data-v-be43aec8]{width:10px;height:10px;border-radius:50%;margin-right:5px}.wa .content-box .right[data-v-be43aec8]{width:350px;height:1030px;position:absolute;top:0;right:20px;z-index:99999999;transition:.4s;padding-top:10px}.wa .content-box .right .right-top[data-v-be43aec8]{width:100%;height:170px;margin-bottom:35px;padding-top:5px;background:rgba(0,0,0,.5);border-radius:3px}.wa .content-box .right .right-top .select[data-v-be43aec8]{position:absolute;top:10px;left:20px}.wa .content-box .right .right-top .select .time[data-v-be43aec8]{background:transparent;border:1px solid #fff;border-radius:10px}.wa .content-box .right .right-top .select .time[data-v-be43aec8]:focus-visible{background:#fff;border:0;cursor:pointer;color:#007acc}.wa .content-box .right .right-top .right-data-chart[data-v-be43aec8]{width:100%;height:300px;background:rgba(0,0,0,.5)}.wa .content-box .right .right-second[data-v-be43aec8]{width:100%;height:115px;padding-top:5px;background:rgba(0,0,0,.5);border-radius:3px;margin-bottom:35px}.wa .content-box .right .right-bottom[data-v-be43aec8]{width:100%;height:530px;padding-top:5px;background:rgba(0,0,0,.5);border-radius:3px}.wa .content-box .right .right-bottom .run-info-list[data-v-be43aec8]{background:rgba(7,120,250,.5);margin-bottom:10px;padding:10px 0;color:#eee;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;border-radius:5px}.wa .content-box .right .right-bottom .abnormal-box[data-v-be43aec8]{width:100%;height:120px;background:rgba(0,0,0,.5);margin-bottom:10px;border-radius:5px;padding:10px 10px 10px 10px;cursor:pointer}.wa .content-box .right .right-bottom .abnormal-box[data-v-be43aec8]:hover{box-shadow:inset 0 0 20px #007acc}.wa .content-box .right .right-bottom .patrol-box[data-v-be43aec8]::-webkit-scrollbar{width:4px;height:2px}.wa .content-box .right .right-bottom .patrol-box[data-v-be43aec8]::-webkit-scrollbar-track{background:transparent}.wa .content-box .right .right-bottom .patrol-box[data-v-be43aec8]::-webkit-scrollbar-thumb{background:#49669d;border-radius:2px}.wa .content-box .right .right-bottom .patrol-box[data-v-be43aec8]::-webkit-scrollbar-thumb:hover{background:#747474}.wa .content-box .bottom[data-v-be43aec8]{width:1100px;height:200px;position:absolute;left:50%;transform:translateX(-50%);bottom:20px;z-index:99999999;overflow-y:auto}.wa .content-box .bottom .bottom-list[data-v-be43aec8]{background:rgba(0,0,0,.5);margin-top:10px;padding:10px;color:#eee;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.wa .content-box .bottom .bottom-list[data-v-be43aec8]:hover{cursor:pointer;box-shadow:inset 0 0 20px #007acc}.wa .top_head[data-v-be43aec8]{height:100%;position:relative}.wa .top_head .top-title[data-v-be43aec8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px}.wa .top_head .btn[data-v-be43aec8]{background:#0e335f;padding:5px 10px;color:#007acc;border-radius:7px;cursor:pointer;border:0}.wa .top_head .btn[data-v-be43aec8]:hover{box-shadow:inset 0 0 10px #007acc;color:#1dc1f5}.wa .top_head .top_left[data-v-be43aec8]{position:absolute;top:10px;left:10px}.wa .top_head .top_right[data-v-be43aec8]{position:absolute;top:10px;right:10px;font-size:14px!important;display:-ms-flexbox;display:flex}