#TechBar[data-v-12bb0dc4]{padding:16px;padding-top:20px;height:100%;width:100%;display:flex;flex-direction:column;border-radius:5px}#TechBar .bg-color-black[data-v-12bb0dc4]{height:94%}#TechBar .text[data-v-12bb0dc4]{color:#c3cbde}#TechBar .body-box[data-v-12bb0dc4]{border-radius:10px;overflow:hidden}#TechBar .body-box .dv-scr-board[data-v-12bb0dc4]{width:270px;height:340px}#bottomLeft[data-v-68888582]{padding:20px 16px;height:104%;width:100%;display:flex;flex-direction:column}#bottomLeft .bg-color-black[data-v-68888582]{height:91%;padding-top:10px}#bottomLeft .text[data-v-68888582]{color:#c3cbde}#bottomLeft .chart-box[data-v-68888582]{margin-top:16px;width:170px;height:170px}#bottomLeft .chart-box .active-ring-name[data-v-68888582]{padding-top:10px}#left-top-box[data-v-698a43c0]{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:1%}#left-top-box .up[data-v-698a43c0]{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:space-around}#left-top-box .up .item[data-v-698a43c0]{width:10.7%;border-radius:6px;padding:8px;margin:.3% 0 .2% 0;display:flex;flex-direction:column;align-items:center}#left-top-box .up .item .count-num[data-v-698a43c0]{display:inline-block;font-size:22px;font-weight:700;margin-top:10px}#left-top-box .down[data-v-698a43c0]{padding:6px 4px;padding-bottom:0;width:100%;display:flex;height:510px;flex-wrap:wrap;justify-content:space-between}#left-top-box .down .ranking[data-v-698a43c0]{padding:10px;width:59%}#left-top-box .down .ranking .dv-scr-rank-board[data-v-698a43c0]{height:225px}#left-top-box .down .percent[data-v-698a43c0]{width:40%;display:flex;flex-wrap:wrap}#left-top-box .down .percent .item[data-v-698a43c0]{width:50%;height:120px}#left-top-box .down .percent .item span[data-v-698a43c0]{margin-top:8px;font-size:14px;display:flex;justify-content:center}#left-top-box .down .percent .water[data-v-698a43c0]{width:100%}#left-top-box .down .percent .water .dv-wa-le-po[data-v-698a43c0]{height:120px}.art-pie{width:50%}.art-pie,.art-point-bar{height:100%;margin:0 auto;display:block}.art-point-bar{width:60%}#bottomLeft2[data-v-716b5982]{height:100%;width:100%;display:flex;flex-direction:column}#bottomLeft2 .dashboard-block-title[data-v-716b5982]{background-color:initial!important}#bottomLeft2 .bg-color-black[data-v-716b5982]{height:91%;padding-top:10px}#bottomLeft2 .text[data-v-716b5982]{color:#c3cbde}#bottomLeft2 .chart-box[data-v-716b5982]{margin-top:16px;width:170px;height:170px}#bottomLeft2 .chart-box .active-ring-name[data-v-716b5982]{padding-top:10px}#bottomLeft[data-v-47e5cee6]{padding:20px 16px;height:100%;width:100%;display:flex;flex-direction:column}#bottomLeft .select-wrap[data-v-47e5cee6]{position:absolute;top:30px;right:30px;width:200px;height:100%;z-index:1}#bottomLeft .bg-color-black[data-v-47e5cee6]{height:91%;padding-top:10px}#bottomLeft .text[data-v-47e5cee6]{color:#c3cbde}#bottomLeft .chart-box[data-v-47e5cee6]{margin-top:16px;width:170px;height:170px}#bottomLeft .chart-box .active-ring-name[data-v-47e5cee6]{padding-top:10px}.art-echart{width:100%;height:100%;margin:0 auto;display:block}#bottomLeft[data-v-b8598f70]{padding:20px 16px;height:100%;width:100%;display:flex;flex-direction:column;position:relative}#bottomLeft .select-wrap[data-v-b8598f70]{position:absolute;top:30px;right:30px;width:200px;height:100%;z-index:1}#bottomLeft .bg-color-black[data-v-b8598f70]{height:91%;padding-top:10px;border-radius:0!important}#bottomLeft .text[data-v-b8598f70]{color:#c3cbde}#bottomLeft .chart-box[data-v-b8598f70]{margin-top:16px;width:170px;height:170px}#bottomLeft .chart-box .active-ring-name[data-v-b8598f70]{padding-top:10px}