.art-echart{width:100%;height:100%;margin:0 auto;display:block}#TechBar[data-v-629d6d72]{padding:16px;padding-top:20px;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;border-radius:5px}#TechBar .tab-change-box[data-v-629d6d72]{position:absolute;right:40px;top:30px}#TechBar .tab-change-box span[data-v-629d6d72]{font-size:14px;display:inline-block;padding:0 10px;border:2px solid #5263af;transform:skewX(-20deg);margin-right:-2px;cursor:pointer}#TechBar .tab-change-box .active[data-v-629d6d72]{background-color:#5263af}#TechBar .bg-color-black[data-v-629d6d72]{height:94%}#TechBar .text[data-v-629d6d72]{color:#c3cbde}#TechBar .body-box[data-v-629d6d72]{border-radius:10px;overflow:hidden}#TechBar .body-box .dv-scr-board[data-v-629d6d72]{width:270px;height:340px}#TechBar[data-v-6f298166]{padding:16px;padding-top:20px;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;border-radius:5px}#TechBar .bg-color-black[data-v-6f298166]{height:94%}#TechBar .text[data-v-6f298166]{color:#c3cbde}#TechBar .body-box[data-v-6f298166]{border-radius:10px;overflow:hidden}#TechBar .body-box .dv-scr-board[data-v-6f298166]{width:270px;height:340px}#left-top-box[data-v-31165487]{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:2%}#left-top-box .up[data-v-31165487]{width:100%;height:100%;display:flex;flex-wrap:wrap}#left-top-box .up .item[data-v-31165487]{width:23.2%;border-radius:6px;padding:8px;margin:.3% .9% 1.3% .9%}#left-top-box .up .item .count-num[data-v-31165487]{display:inline-block;margin-top:5px;font-size:28px;font-weight:700}#left-top-box .down[data-v-31165487]{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-31165487]{padding:10px;width:59%}#left-top-box .down .ranking .dv-scr-rank-board[data-v-31165487]{height:225px}#left-top-box .down .percent[data-v-31165487]{width:40%;display:flex;flex-wrap:wrap}#left-top-box .down .percent .item[data-v-31165487]{width:50%;height:120px}#left-top-box .down .percent .item span[data-v-31165487]{margin-top:8px;font-size:14px;display:flex;justify-content:center}#left-top-box .down .percent .water[data-v-31165487]{width:100%}#left-top-box .down .percent .water .dv-wa-le-po[data-v-31165487]{height:120px}#bottomLeft[data-v-7256e407]{padding:20px 16px;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}#bottomLeft .bg-color-black[data-v-7256e407]{height:96%;padding-top:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}#bottomLeft .bg-color-black .pie-item[data-v-7256e407]{width:48%;height:48%}#bottomLeft .text[data-v-7256e407]{color:#c3cbde}#bottomLeft .chart-box[data-v-7256e407]{margin-top:16px;width:170px;height:170px}#bottomLeft .chart-box .active-ring-name[data-v-7256e407]{padding-top:10px}#bottomLeft[data-v-aa09bcba]{padding:20px 16px;height:100%;width:100%;display:flex;flex-direction:column}#bottomLeft .bg-color-black[data-v-aa09bcba]{height:91%;padding-top:10px}#bottomLeft .text[data-v-aa09bcba]{color:#c3cbde}#bottomLeft .chart-box[data-v-aa09bcba]{margin-top:16px;width:170px;height:170px}#bottomLeft .chart-box .active-ring-name[data-v-aa09bcba]{padding-top:10px}#index{color:#d3d6dd;width:100%;height:100%;overflow:hidden;position:relative}#index .tools{position:absolute;right:30px;top:30px;font-size:26px;font-weight:700;cursor:pointer}#index .tools .time-text{font-size:30px;margin-right:20px;font-weight:200;color:#9f9f9f;font-family:staticFont}#index .school-info{position:absolute;left:30px;top:40px;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center}#index .school-info .ivu-select-selected-value{font-size:14px!important}#index .school-info .ivu-input,#index .school-info .ivu-select-selection{background-color:rgba(2,31,85,.2901960784313726)!important;border-color:rgba(39,93,194,.5686274509803921)!important;width:200px;border-radius:5px;height:30px;margin-right:10px;font-size:14px}#index .school-info .ivu-input .ivu-select-dropdown,#index .school-info .ivu-select-selection .ivu-select-dropdown{background-color:rgba(39,97,197,.7607843137254902)}#index .school-info .ivu-input .ivu-select-item-focus,#index .school-info .ivu-select-selection .ivu-select-item-focus{background-color:rgba(1,146,139,.8392156862745098)}#index .school-info .ivu-input .ivu-select-selected-value,#index .school-info .ivu-select-selection .ivu-select-selected-value{font-size:18px;color:#fff}#index .school-info .ivu-input .ivu-select-item,#index .school-info .ivu-select-selection .ivu-select-item{color:#fff;font-size:16px}#index .school-info .ivu-input .ivu-select-item:hover,#index .school-info .ivu-select-selection .ivu-select-item:hover{background-color:rgba(1,146,139,.8392156862745098)}#index .school-info .ivu-input{width:200px;font-size:12px!important;color:#fff!important}#index .school-info-name{margin:0 10px}#index .school-info-period{font-size:14px}#index .school-info-period,#index .school-info-semester{background-color:#2d2d2d;display:inline-block;padding:2px 10px;border-radius:4px;margin-right:5px}#index .school-info-semester{font-size:12px}#index .school-info img{border-radius:50%;width:25px}#index .bg{width:100%;height:100%;padding:16px 16px 0 16px;background-image:url(../img/pageBg.f9f9dcd5.png);background-size:cover;background-position:50%}#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;font-weight:700;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}#index .host-body .title .dv-dec-6{position:absolute;bottom:0;left:50%;width:250px;height:8px;transform:translate(-50%)}#index .host-body .aside-width{width:40%}#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:left;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 .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-before{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 .body-box{margin-top:20px;display:flex;justify-content:space-between}#index .host-body .body-box .left-box{width:50%;height:calc(100vh - 75px);display:flex;flex-direction:column}#index .host-body .body-box .left-box-top{width:100%;height:32%}#index .host-body .body-box .left-box-bottom{width:100%;height:63%}#index .host-body .body-box .right-box{width:50%;height:calc(100vh - 75px);display:flex;flex-direction:column}#index .host-body .body-box .right-box-top{width:100%;height:40%}#index .host-body .body-box .right-box-bottom{width:100%;height:55%;display:flex}#index .host-body .body-box .right-box-bottom .right-bottom-single{width:60%;height:100%}#index .host-body .body-box .right-box-bottom .right{width:40%}.w-100{width:100%}.h-100{height:100%}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.clearfix:after{content:"";display:table;height:0;line-height:0;visibility:hidden;clear:both}.dashboard-block-title{display:flex;align-items:center;background-color:rgba(19,25,47,.6);padding:0 5px 0 5px;border-radius:10px 10px 0 0;height:50px;font-size:16px}.dashboard-block-title .ivu-icon{margin-right:5px}.dashboard-block-title .dv-dec-3{position:relative;width:100px;height:20px;margin-left:5px}.float-r{float:right}.float-l{float:left}.title-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-color-black{background-color:rgba(19,25,47,.6);border-radius:0 0 10px 10px}.bg-color-blue{background-color:#1a5cd7}.colorBlack,.colorBlack:hover{color:#272727!important}.colorGrass{color:#33cea0}.colorGrass:hover{color:#33cea0!important}.colorRed{color:#ff5722}.colorRed:hover{color:#ff5722!important}.colorText,.colorText:hover{color:#d3d6dd!important}.colorBlue,.colorBlue:hover{color:#05d5ff!important}