.panel-card{height:130px;background-color:#fff;border-radius:5px}.panel-card-padding{padding:0 20px}.panel-card-foot-data,.panel-card-foot-title,.panel-card-title{font-size:12px}.panel-card-data{margin-left:10px;font-size:16px;font-weight:700}.panel-card-head{width:100%;height:80px;padding-top:20px}.panel-card-bottom{width:100%;height:50px;line-height:50px;border-top:1px solid #f1f1f1}.panel-card-foot-data{margin-left:10px}.card-need{width:100%;background-color:#fff;margin-top:20px}.card-need-head{padding:20px;font-size:14px;font-weight:700}.card-need-list{display:-webkit-box;display:-ms-flexbox;display:flex;height:60px}.card-need-item{text-align:center;padding-top:5px;-webkit-box-flex:1;-ms-flex:1;flex:1}.card-need-item-box{width:60px;margin:auto;cursor:pointer;position:relative}.card-need-item-box>div{font-size:12px;margin-top:2px}.card-need-item-box>i{font-size:24px}.card-need-num{position:absolute;top:-10px;right:0;width:20px;height:20px;font-size:12px;line-height:20px;border-radius:50%;color:#fff;background-color:#f56c6c}.card-bar{margin-top:20px}.card-bar-items{background-color:#fff;height:380px}.chart-box{display:-webkit-box;display:-ms-flexbox;display:flex;height:300px}.chart-item{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}.chart-item-bg{width:30px;height:calc(100% - 25px);background-color:#f8f8f8;position:relative;margin:auto}.chart-item-active{position:absolute;bottom:0;left:0;background-color:#4165d7;width:100%;height:20%;-webkit-transition:height .2s linear;transition:height .2s linear}.chart-item-x{height:20px;line-height:20px;margin-top:5px}.chart-item-x,.chart-y{font-size:12px;text-align:center}.chart-y{width:20px;height:calc(100% - 25px);margin-left:20px}.chart-y>div{height:20%;text-align:right}