.percent-bar{position:relative;width:900px;height:40px;margin-top:15px;box-shadow:0 3px 8px 0 rgba(224,229,236,.4);border-radius:4px;background-color:#fff;overflow:hidden}.percent-bar .percent-bar-bg{position:relative;height:100%;box-sizing:border-box;border:1px solid #e1e7f2;border-radius:4px}.percent-bar .percent-bar-count,.percent-bar .percent-bar-name,.percent-bar .percent-bar-rate{position:absolute;top:0;line-height:38px}.percent-bar .percent-bar-name{display:block;left:20px;right:200px;color:#00bfb4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.percent-bar .percent-bar-count{right:96px}.percent-bar .percent-bar-rate{right:20px}.percent-bar .percent-bar-get{position:absolute;left:0;top:0;width:0;height:100%;background-color:#00bfb4;transition:.6s ease;overflow:hidden}.percent-bar .percent-bar-get-cont{position:relative;height:100%}.percent-bar .percent-bar-get-cont .percent-bar-count,.percent-bar .percent-bar-get-cont .percent-bar-name,.percent-bar .percent-bar-get-cont .percent-bar-rate{color:#fff;line-height:40px}.chart-card{font-size:14px;margin-top:30px;width:900px}.chart-card .card-header{display:flex;justify-content:space-between;align-items:center}.chart-card .card-header .searh-input{width:215px}.chart-card .card-header .searh-input input{height:34px}.chart-card .stat-title .stat-title-name{display:inline-block;font-weight:400;padding:0;margin:0}.chart-card .stat-title .stat-title-name span{display:inline-block;font-size:12px;color:#a9a9a9}.chart-card .stat-title .stat-title-info{font-size:12px;color:#a9a9a9;margin-top:10px}.chart-card .percent-score{margin-top:15px;overflow:hidden}.chart-card .percent-score .percent-score-item{display:block;float:left;padding:0 20px;font-size:12px}.chart-card .percent-score .percent-score-item .percent-score-num{vertical-align:-1px;margin-right:6px;color:#00bfb4;font-style:normal;font-weight:500;font-size:28px}.chart-card .stat-basic{margin-bottom:30px}.chart-card .stat-basic .stat-table-page{margin-top:10px}.chart-card .stat-chart .chart-icon{margin-right:5px}.chart-card .chart-content{box-sizing:border-box;background-color:#fff;border-radius:4px;border:1px solid #e1e7f2;box-shadow:0 3px 8px 0 rgba(224,229,236,.4);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;margin-top:15px}.chart-card .chart-content .echart{width:100%;height:400px}.statistical-chart{width:100%;height:100%;overflow-y:auto}.statistical-chart .statistical-body{width:1000px;margin:0 auto}.statistical-chart .statistical-main{margin-top:20px}.statistical-chart .chart-list,.statistical-chart .chart-list .empty{display:flex;flex-direction:column;align-items:center}.statistical-chart .chart-list .empty{width:100%}.statistical-chart .chart-list .empty img{width:180px;height:180px}.statistical-chart .chart-list .empty .empty-text{margin-top:10px}