.el-progress-bar__outer{background-color:#e9f0fa;border-radius:30%!important}.el-progress-bar__inner{background:-webkit-gradient(linear,left top,right top,from(#4376f2),to(#50bffe));background:linear-gradient(90deg,#4376f2,#50bffe);border-radius:0}.el-progress__text{font-size:12px!important}#taskSummaryPage{width:100%;height:100%;background:#a7c6e5}#taskSummaryPage .taskSummaryItemTop{width:100%;height:67%}#taskSummaryPage .taskSummaryItemTop .el-row,#taskSummaryPage .taskSummaryItemTop .el-row .el-col{height:100%}#taskSummaryPage .taskSummaryItemTop .topLeft{height:100%;padding-right:.15rem}#taskSummaryPage .taskSummaryItemTop .topLeft .titleL{width:100%;height:.5rem;padding-top:.11rem;background:#639fd5;padding-left:20px;border-radius:5px 5px 0 0;color:#fff;font-size:.22rem}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv{background:#fff;height:calc(100% - .5rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3{width:90%}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3 .topCard{cursor:pointer;border:1px solid #dcdcdc;border-radius:6px;-webkit-transition:all .1s linear;transition:all .1s linear;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:.13rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3 .topCard .cardDiv{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.02rem 0}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3 .topCard .cardDiv .icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 26%;flex:0 0 26%}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3 .topCard .cardDiv .icon .circle{width:.5rem;height:.5rem;line-height:.5rem;border-radius:50%;background-size:100% 100%;background-repeat:no-repeat}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3 .topCard .cardDiv .icon .circle>i{color:#fff;font-size:.35rem}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3 .topCard .cardDiv .contentotal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 74%;flex:0 0 74%}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3 .topCard .cardDiv .contentotal>p{width:100%;padding-top:.08rem;font-size:.2rem}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3 .topCard .cardDiv .contentotal>.ValSpan>span{font-size:.25rem;line-height:.33rem;height:.33rem}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3 .topCard .cardDiv .contentotal>.ValSpan>span:last-child{font-size:.18rem}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3 .topCard .detailsSpan{font-size:.05rem;-webkit-box-flex:0;-ms-flex:0 0 18%;flex:0 0 18%;padding-top:.4rem;cursor:pointer;color:#2d8cf0}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3 .cardDiv:hover{background:#e7eefe}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3 .detailsSpan:hover{background:#ffecd5}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3 .topCard:first-of-type .contentotal>div{color:#f4694d}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3 .topCard:nth-of-type(2) .contentotal>div{color:#e82164}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3 .topCard:nth-of-type(3) .contentotal>div{color:#62c443}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3 .topCard:nth-of-type(4) .contentotal>div{color:#1cceb2}#taskSummaryPage .taskSummaryItemTop .topLeft .topLeftDiv .top3 .topCard:nth-of-type(5) .contentotal>div{color:#e5ad24}#taskSummaryPage .taskSummaryItemTop .topCenter{height:100%;padding-right:.15rem}#taskSummaryPage .taskSummaryItemTop .topCenter .topTable{height:100%;width:100%}#taskSummaryPage .taskSummaryItemTop .topCenter .topTable .tatleL{position:relative;z-index:999}#taskSummaryPage .taskSummaryItemTop .topCenter .topTable .tatleL>img{position:absolute;left:0;width:4%;top:-.09rem}#taskSummaryPage .taskSummaryItemTop .topBottom,#taskSummaryPage .taskSummaryItemTop .topCenter .topTable .tableHeight{height:100%}#taskSummaryPage .taskSummaryItemTop .topBottom .topRigth{height:100%;width:100%}#taskSummaryPage .taskSummaryItem{width:100%;height:31%;margin:1% auto 0}#taskSummaryPage .taskSummaryItem .el-row{height:100%}#taskSummaryPage .taskSummaryItem .rigth>div{height:100%;background:#fff;border-radius:5px 5px 0 0}#taskSummaryPage .taskSummaryItem .rigth .h3Header{color:#fff;background:#639fd5;text-align:center;border-radius:5px 5px 0 0;font-size:.2rem;height:.35rem;line-height:.35rem}#taskSummaryPage .taskSummaryItem .el-col-7{padding-right:.14rem}#taskSummaryPage .taskSummaryItem .left{padding-right:.15rem}#taskSummaryPage .taskSummaryItem .left .summaryTop{background:#fff;border-radius:5px 0 0 5px;height:100%}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft,#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .LeftTatle{height:100%}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .LeftTatle .divLeft{height:100%;background:#639fd5;width:100%;font-size:.22rem;border-radius:5px 0 0 5px;color:#eee;border:1px solid #b2c8db;padding:70% 15% 0 15%}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .el-col-22{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .el-col-22 .top2{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:5%}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .el-col-22 .top2 .topCard{-webkit-box-flex:0;-ms-flex:0 0 47%;flex:0 0 47%;cursor:pointer;color:#fff;border-radius:5px}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .el-col-22 .top2 .topCard .contentotal{text-align:left;padding:.1rem 0;width:100%;height:95%}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .el-col-22 .top2 .topCard .contentotal>p{margin-left:38%}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .el-col-22 .top2 .topCard .contentotal .tatle{font-size:.22rem}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .el-col-22 .top2 .topCard .contentotal>.valueT{font-size:.35rem;height:.42rem;line-height:.42rem}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .el-col-22 .top2 .topCard:first-of-type{padding-bottom:1%;padding-right:.07rem}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .el-col-22 .top2 .topCard:first-of-type>.contentotal{background-size:100% 100%;background-repeat:no-repeat}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .el-col-22 .top2 .topCard:nth-of-type(2){padding-bottom:1%;padding-left:.07rem}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .el-col-22 .top2 .topCard:nth-of-type(2)>.contentotal{background-size:100% 100%;background-repeat:no-repeat}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .el-col-22 .top2 .topCard:nth-of-type(3){padding-top:1%;padding-right:.07rem}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .el-col-22 .top2 .topCard:nth-of-type(3)>.contentotal{background-size:100% 100%;background-repeat:no-repeat}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .el-col-22 .top2 .topCard:nth-of-type(4){padding-top:1%;padding-left:.07rem}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .el-col-22 .top2 .topCard:nth-of-type(4)>.contentotal{background-size:100% 100%;background-repeat:no-repeat}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .bottom{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 .28rem .2rem .19rem;-ms-flex-line-pack:start;align-content:flex-start;height:1.2rem}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .bottom .bottomLeft{width:100%;background:#fff;border-radius:5px;padding:.02rem .05rem}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .bottom .bottomLeft .progress .proItem{float:left;width:50%;padding:.1rem 0}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .bottom .bottomLeft .progress .proItem .name-text{float:left;display:inline-block;font-size:14px}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .bottom .bottomLeft .progress .proItem .name-NaN{cursor:pointer;color:#346cd1;font-size:14px}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .bottom .bottomLeft .progress .proItem .el-col-12{margin-top:.07rem}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .bottom .bottomLeft .progress .proItem:nth-of-type(odd){padding-right:.2rem}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .bottom .bottomLeft .progress .proItem:nth-of-type(2n){padding-left:.2rem}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .bottom .bottomLeft .charts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;height:3rem;background:#fff}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .bottom .bottomLeft .charts .left{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .bottom .bottomLeft .charts .left .taskbefore{width:100%;color:#5096fe;text-align:left}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .bottom .bottomLeft .charts .right{-webkit-box-flex:1;-ms-flex:1;flex:1}#taskSummaryPage .taskSummaryItem .left .summaryTop .topLeft .bottom .bottomLeft .charts .right .taskbefore{width:100%;color:#5096fe;text-align:left}