.page-overview{font-family:Microsoft YaHei;font-size:14px;font-weight:400}.page-overview .view{background:#fff;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.05);box-shadow:0 3px 6px rgba(0,0,0,.05);border-radius:5px}.page-overview .view .view-title{color:#0088fe;font-weight:700;height:50px;padding-left:20px;padding-top:18px}.page-overview .view .view-title .title{border-left:3px solid #0088fe;height:14px;line-height:14px;padding-left:15px}.page-overview .view .view-content{height:310px;overflow-y:auto}.page-overview .view .view-content.table-title{height:40px;padding:0 20px}.page-overview .view .view-content.table-title .table-tr div{font-weight:700!important;color:#383839}.page-overview .view .view-content.table-title .table-tr .tr-user{padding-right:10px}.page-overview .view .view-content.table-content{height:270px;padding:20px;padding-top:0}.page-overview .view .view-content .table-tr{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid hsla(0,0%,92.9%,.6);height:40px;line-height:40px;font-size:14px;color:#6d6d6d}.page-overview .view .view-content .table-tr .tr-no{padding-left:10px;width:28%;white-space:nowrap}.page-overview .view .view-content .table-tr .tr-name{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#383839;text-align:center;font-weight:700}.page-overview .view .view-content .table-tr .tr-time{color:#aaa;width:25%;text-align:center}.page-overview .view .view-content .table-tr .tr-user{width:12%;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-overview .view .view-content .table-tr .tr-state{width:30px;position:relative}.page-overview .view .view-content .table-tr .tr-state .state{width:6px;height:6px;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.page-overview .view .view-content .table-tr .tr-state .state:after{content:"";display:block;width:12px;height:12px;border-radius:50%;margin-left:-3px;margin-top:-3px}.page-overview .view .view-content .table-tr .tr-state .state.state0{background:#52c319}.page-overview .view .view-content .table-tr .tr-state .state.state0:after{background:rgba(82,195,25,.35)}.page-overview .view .view-content .table-tr .tr-state .state.state1{background:#ff8d19}.page-overview .view .view-content .table-tr .tr-state .state.state1:after{background:rgba(255,141,25,.35)}.page-overview .view .view-content .table-tr .tr-state .state.state2{background:#e1607b}.page-overview .view .view-content .table-tr .tr-state .state.state2:after{background:rgba(225,96,123,.35)}.page-overview .view .view-content.pie-content{display:-webkit-box;display:-ms-flexbox;display:flex}.page-overview .view .view-content.pie-content .pie-chart{-webkit-box-flex:1;-ms-flex:1;flex:1}.page-overview .view .view-content.pie-content .legend-content{width:220px;height:310px;overflow-y:auto}.page-overview .view .view-content.pie-content .legend-content .legend{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;height:32px;line-height:32px}.page-overview .view .view-content.pie-content .legend-content .legend .square{width:12px;height:12px;margin-top:10px}.page-overview .view .view-content.pie-content .legend-content .legend .name{color:#4a4747;padding-left:5px;padding-right:10px;white-space:nowrap;overflow:hidden}.page-overview .view-box{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 10px}.page-overview .view-box .box-left .box-icon{width:54px;height:54px;background:#fff;border:2px solid #0088fe;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:18px 20px;color:#0088fe;text-align:center;line-height:50px}.page-overview .view-box .box-left .box-icon i{font-size:24px;vertical-align:sub}.page-overview .view-box .box-right{-webkit-box-flex:1;-ms-flex:1;flex:1}.page-overview .view-box .box-right .box-num{color:#0088fe;margin-top:15px}.page-overview .view-box .box-right .box-num .num{font-size:24px}.page-overview .view-box .box-right .box-text{color:#6d6d6d}.page-overview .view-box.task-total{background:-webkit-gradient(linear,left top,left bottom,from(#055bab),to(#2698fb));background:linear-gradient(180deg,#055bab,#2698fb);text-align:center;color:#fff}.page-overview .view-box.task-total .total-top{height:55px;line-height:55px}.page-overview .view-box.task-total .total-top i{font-size:30px;vertical-align:middle}.page-overview .view-box.task-my{background:-webkit-gradient(linear,left top,left bottom,from(#52c319),to(#84ef4d));background:linear-gradient(180deg,#52c319,#84ef4d)}.page-overview .view-box.task-pending{background:-webkit-gradient(linear,left top,left bottom,from(#00bcd5),to(#5be4f6));background:linear-gradient(180deg,#00bcd5,#5be4f6)}.page-overview .view-box.task-warn{background:-webkit-gradient(linear,left top,left bottom,from(#f5a60b),to(#f8c767));background:linear-gradient(180deg,#f5a60b,#f8c767)}.page-overview .view-box.task-alarm{background:-webkit-gradient(linear,left top,left bottom,from(#f5212d),to(#f67f86));background:linear-gradient(180deg,#f5212d,#f67f86)}.page-overview .view-box .box-top{width:100%;height:40px;line-height:40px;background:hsla(0,0%,100%,.18);color:#fff;padding-left:15px}.page-overview .view-box .box-top i{font-size:18px;vertical-align:middle;margin-right:8px}.page-overview .view-box .box-bottom{height:50px;line-height:50px;color:#fff;text-align:center}.page-overview .view-box .box-bottom .num{font-size:24px}.page-overview .first-view{padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.page-overview .first-view .view-box{height:90px;background:#f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex}.page-overview .second-view{padding:20px 0;margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex}.page-overview .second-view .view-box{height:90px}.page-overview .third-view{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex}.page-overview .third-view .view{width:50%}.page-overview .third-view .view:first-of-type{margin-right:7px}.page-overview .third-view .view:last-of-type{margin-left:7px}.page-overview .fourth-view{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex}.page-overview .fourth-view .view{width:50%}.page-overview .fourth-view .view:first-of-type{margin-right:7px}.page-overview .fourth-view .view:last-of-type{margin-left:7px}