.indicator-board{height:306px;padding:20px 24px;background-color:#f4f4f6}.indicator-board h4{margin:0}.indicator-board .content{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 10px}.indicator-board .content,.indicator-board .content .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.indicator-board .content .item{width:100%;padding:30px 0;border-bottom:1px solid rgba(0,0,0,.1)}.indicator-board .content .item .title{font-size:14px;margin-bottom:10px}.indicator-board .content .item .value{font-size:20px;font-weight:700}.indicator-board .content .item:last-child{border-bottom:none}.pie-chart{width:100%;padding:16px 10px;padding:16px 18px;background-color:#f4f4f6}.overview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.overview .el-button{margin-left:30px}.indicator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px}.indicator .item{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:10px;margin-bottom:10px}.indicator .item:last-child{margin-right:0}.indicator .board{-webkit-box-flex:.3;-ms-flex:.3;flex:.3;width:150px;min-width:150px;max-width:240px}.bar-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bar-container .bar-item{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:10px;margin-bottom:10px}.bar-container .bar-item:last-child{margin-right:0}