.statistics-BClassify-customer{height:100%;width:100%;padding-top:10px;display:flex;flex-direction:column;overflow-y:scroll}.statistics-BClassify-customer .statistics-data-title{width:100%;height:50px;display:flex;align-items:center;justify-content:space-between;font-size:14px;box-sizing:border-box}.statistics-BClassify-customer .statistics-data-title>.title{position:relative;text-indent:15px}.statistics-BClassify-customer .statistics-data-title>.title:after{content:"";width:3px;height:14px;background:#5680fa;position:absolute;top:2px;left:0}.statistics-BClassify-customer .statistics-data-title .header-right .input-with-select{height:30px}.statistics-BClassify-customer .statistics-data-title .header-right .input-with-select>.el-input__inner{width:0;padding:0;border-width:1px;display:none}.statistics-BClassify-customer .statistics-data-title .header-right .input-with-select .el-input-group__append,.statistics-BClassify-customer .statistics-data-title .header-right .input-with-select .el-input-group__prepend{background:#fff;color:#666;border:1px solid #666}.statistics-BClassify-customer .statistics-data-title .header-right .input-with-select .el-input-group__append{width:100px;padding:0;border-left:0}.statistics-BClassify-customer .statistics-data-title .header-right .input-with-select .el-input-group__append .el-select{width:100%;height:100%;margin:0}.statistics-BClassify-customer .statistics-BClassify-customer-conetnt{box-sizing:border-box;padding:0 30px 30px}.statistics-BClassify-customer .statistics-BClassify-customer-conetnt .five-rectangle{width:100%;height:150px;display:flex;align-items:center;justify-content:space-between}.statistics-BClassify-customer .statistics-BClassify-customer-conetnt .five-rectangle .five-rectangle-item{width:200px;height:100px;background:#f4f8fe;border-radius:10px;box-shadow:0 0 5px 1px #ccc;transition:box-shadow .2s;cursor:pointer}.statistics-BClassify-customer .statistics-BClassify-customer-conetnt .five-rectangle .five-rectangle-item:hover{box-shadow:0 0 8px 3px #ccc}.statistics-BClassify-customer .statistics-BClassify-customer-conetnt .five-rectangle .five-rectangle-item p{width:100%;font-size:12px;color:#666;height:30px;line-height:30px;text-indent:15px}.statistics-BClassify-customer .statistics-BClassify-customer-conetnt .five-rectangle .five-rectangle-item .num{width:100%;text-align:center;font-weight:700;color:#000;font-size:14px;margin-top:15px}.statistics-BClassify-customer .showEchart .echart-box{display:flex;flex-flow:row;align-items:center;margin:10px 0;justify-content:space-between;padding:0 30px 30px}.statistics-BClassify-customer .showEchart .echart-box .echart-histogram{width:60%;height:382px;border-radius:5px;border:1px solid #e2e2e2}.statistics-BClassify-customer .showEchart .echart-box .echart-histogram #orderBack{width:100%;height:100%}.statistics-BClassify-customer .showEchart .echart-box .echart-pie{width:35%;height:382px;border-radius:5px;border:1px solid #e2e2e2}.statistics-BClassify-customer .showEchart .echart-box .echart-pie .pie-title{font-size:12px;color:#bbb;margin:10px 0 0 10px}.statistics-BClassify-customer .showEchart .echart-box .echart-pie #customerGradeRatio,.statistics-BClassify-customer .showEchart .echart-box .echart-pie #customerSourceRatio,.statistics-BClassify-customer .showEchart .echart-box .echart-pie #pie,.statistics-BClassify-customer .showEchart .echart-box .echart-pie #signTransfer{width:100%;height:96%}.statistics-BClassify-customer .showEchart .echart-box .order-ratio{width:40%}.statistics-BClassify-customer .showEchart .echart-box .order-ratio .ratio-text{font-size:13px;font-weight:600;color:#6a6a6a;line-height:18px;text-align:center;margin-bottom:14px}.statistics-BClassify-customer .showEchart .echart-box .order-ratio .ratio-content{border-radius:5px;border:1px solid #e2e2e2;height:531px;padding:0 10px}.statistics-BClassify-customer .showEchart .echart-box .order-ratio .ratio-content .title{display:flex;flex-flow:row;align-items:center;justify-content:space-between;height:30px;line-height:30px;font-size:12px;font-weight:400;color:#969696}.statistics-BClassify-customer .showEchart .echart-box .order-ratio .ratio-content .title span{border-bottom:1px solid #979797;text-align:center;margin-right:60px}.statistics-BClassify-customer .showEchart .echart-box .order-ratio .ratio-content .title span:first-child{width:100px}.statistics-BClassify-customer .showEchart .echart-box .order-ratio .ratio-content .title span:nth-child(2){width:320px}.statistics-BClassify-customer .showEchart .echart-box .order-ratio .ratio-content .title span:nth-child(3){width:300px}.statistics-BClassify-customer .showEchart .echart-box .order-ratio .ratio-content .title span:nth-child(4){width:200px;margin-right:0}.statistics-BClassify-customer .showEchart .echart-box .order-ratio .ratio-content .ratio-table{flex:1;height:90%;overflow:scroll}.statistics-BClassify-customer .showEchart .echart-box .order-ratio .ratio-content .ratio-table .table-item{display:flex;flex-flow:row;margin:10px 0 18px}.statistics-BClassify-customer .showEchart .echart-box .order-ratio .ratio-content .ratio-table .table-item span{text-align:center;margin-right:60px;font-size:11px;font-weight:400;color:#5a5a5a}.statistics-BClassify-customer .showEchart .echart-box .order-ratio .ratio-content .ratio-table .table-item span:first-child{width:100px}.statistics-BClassify-customer .showEchart .echart-box .order-ratio .ratio-content .ratio-table .table-item span:nth-child(2){width:320px}.statistics-BClassify-customer .showEchart .echart-box .order-ratio .ratio-content .ratio-table .table-item span:nth-child(3){width:300px}.statistics-BClassify-customer .showEchart .echart-box .order-ratio .ratio-content .ratio-table .table-item span:nth-child(4){width:200px;margin-right:0}.statistics-BClassify-customer .showEchart .echart-box .order-top5{width:55%;height:560px;border-radius:5px;border:1px solid #e2e2e2;padding:26px 34px;box-sizing:border-box;overflow:scroll}.statistics-BClassify-customer .showEchart .echart-box .order-top5 .top5-title{font-size:13px;color:#666;margin-bottom:24px}.statistics-BClassify-customer .showEchart .echart-box .order-top5 .top5-content{display:flex;flex-flow:row;flex-wrap:wrap}.statistics-BClassify-customer .showEchart .echart-box .order-top5 .top5-content .top5-item{width:33%;margin-bottom:48px}.statistics-BClassify-customer .showEchart .echart-box .order-top5 .top5-content .top5-item .top5-item-text{display:flex;flex-flow:row;height:42px}.statistics-BClassify-customer .showEchart .echart-box .order-top5 .top5-content .top5-item .top5-item-text .top5-item-left{font-size:10px;font-weight:400;color:#5a5a5a;width:42px;height:42px;line-height:40px}.statistics-BClassify-customer .showEchart .echart-box .order-top5 .top5-content .top5-item .top5-item-text .top5-item-right{border-left:2px solid #fedfdf;position:relative;height:42px;display:flex;flex-flow:row;justify-content:center;align-items:center}.statistics-BClassify-customer .showEchart .echart-box .order-top5 .top5-content .top5-item .top5-item-text .top5-item-right .all-title{position:absolute;top:-8px;left:0;font-size:10px;color:#666}.statistics-BClassify-customer .showEchart .echart-box .order-top5 .top5-content .top5-item .top5-item-text .top5-item-right .all-titleNum{position:absolute;bottom:-5px;left:0;font-size:10px;color:#666}.statistics-BClassify-customer .showEchart .echart-box .order-top5 .top5-content .top5-item .top5-item-text .top5-item-right .top5-item-big{width:120px;height:22px;background:#f9b2b2;border-radius:0 10px 10px 0;font-size:13px;color:#464444}.statistics-BClassify-customer .showEchart .echart-box .order-top5 .top5-content .top5-item .top5-item-text .top5-item-right .top5-item-small{width:50px;height:22px;background:#ff7272;border-radius:0 10px 10px 0;position:absolute;left:0;top:50%;margin-top:-10px;font-size:13px}.statistics-BClassify-customer .showEchartitem{display:flex;flex-flow:row}.statistics-BClassify-customer .showEchartitem .order-ratio .ratio-content{height:410px!important}.statistics-BClassify-customer .wrapperBClassifystatistics .selectClass{width:110px;border-radius:10px 0 0 10px!important}.statistics-BClassify-customer .wrapperBClassifystatistics .dateClass{width:210px}.statistics-BClassify-customer .showEcharts .cardhistogram .head{font-size:12px;color:#666;margin:10px 0}.statistics-BClassify-customer .echartBox{width:100%;height:400px}.statistics-BClassify-customer .echartBox .cardhistogram{width:100%;height:100%;margin:20px 0}.statistics-BClassify-customer .echartBox .cardhistogram .head{font-size:14px;color:#666;margin:10px 0}.statistics-BClassify-customer .echartBox .cardhistogram .echart-histogram{width:100%;height:400px}.statistics-BClassify-customer .echartBox .cardhistogram .echart-histogram #orderBack,.statistics-BClassify-customer .echartBox .cardhistogram .echart-histogram #signCustomter{width:100%;height:100%}.statistics-BClassify-customer .echartBoxPie{display:flex;justify-content:space-between}.statistics-BClassify-customer .echartBoxPie .echart-pieLeft,.statistics-BClassify-customer .echartBoxPie .echart-pieRight{width:49.5%;height:560px}.statistics-BClassify-customer .echartBoxPie .echart-pieLeft .cardPie,.statistics-BClassify-customer .echartBoxPie .echart-pieRight .cardPie{width:100%;height:500px;margin:20px 0;padding-bottom:30px}.statistics-BClassify-customer .echartBoxPie .echart-pieLeft .cardPie #courseType,.statistics-BClassify-customer .echartBoxPie .echart-pieLeft .cardPie #eduTemand,.statistics-BClassify-customer .echartBoxPie .echart-pieLeft .cardPie #gradeCustomter,.statistics-BClassify-customer .echartBoxPie .echart-pieLeft .cardPie #intention,.statistics-BClassify-customer .echartBoxPie .echart-pieLeft .cardPie #sourceChannelCustomter,.statistics-BClassify-customer .echartBoxPie .echart-pieRight .cardPie #courseType,.statistics-BClassify-customer .echartBoxPie .echart-pieRight .cardPie #eduTemand,.statistics-BClassify-customer .echartBoxPie .echart-pieRight .cardPie #gradeCustomter,.statistics-BClassify-customer .echartBoxPie .echart-pieRight .cardPie #intention,.statistics-BClassify-customer .echartBoxPie .echart-pieRight .cardPie #sourceChannelCustomter{width:100%;height:500px}.wrapperBClassifystatistics .el-input__inner{height:30px!important}