.conversion-transfrom-statistics-data{height:100%;width:100%;display:flex;flex-direction:column;overflow-y:scroll}.conversion-transfrom-statistics-data .statistics-data-title{width:100%;height:50px;display:flex;align-items:center;justify-content:space-between;font-size:14px;box-sizing:border-box}.conversion-transfrom-statistics-data .statistics-data-title>.title{position:relative;text-indent:15px}.conversion-transfrom-statistics-data .statistics-data-title>.title:after{content:"";width:3px;height:14px;background:#5680fa;position:absolute;top:2px;left:0}.conversion-transfrom-statistics-data .statistics-data-title .header-right .input-with-select{height:30px}.conversion-transfrom-statistics-data .statistics-data-title .header-right .input-with-select>.el-input__inner{width:0;padding:0;border-width:1px;display:none}.conversion-transfrom-statistics-data .statistics-data-title .header-right .input-with-select .el-input-group__append,.conversion-transfrom-statistics-data .statistics-data-title .header-right .input-with-select .el-input-group__prepend{background:#fff;color:#666;border:1px solid #666}.conversion-transfrom-statistics-data .statistics-data-title .header-right .input-with-select .el-input-group__append{width:100px;padding:0;border-left:0}.conversion-transfrom-statistics-data .statistics-data-title .header-right .input-with-select .el-input-group__append .el-select{width:100%;height:100%;margin:0}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt{height:calc(100% - 50px);box-sizing:border-box;padding:0 30px 30px}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .five-rectangle{width:100%;height:150px;display:flex;align-items:center;justify-content:space-between}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .five-rectangle .five-rectangle-item{width:200px;height:100px;background:#f4f8fe;border-radius:10px;box-shadow:3px 3px 4px 1px #e7f1ff;transition:box-shadow .2s;cursor:pointer}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .five-rectangle .five-rectangle-item p{width:100%;font-size:12px;color:#c1c2c2;height:30px;line-height:30px;text-indent:15px}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .five-rectangle .five-rectangle-item .num{width:100%;text-align:center;font-weight:700;color:#000;font-size:14px;margin-top:15px}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box #customer-follow-average,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box #customer-level-and-overtime,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box #sign-contract-num{width:100%;height:400px;border:1px solid #e2e2e2;border-radius:8px;margin-bottom:20px}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box #customer-follow-average>div[position=relative],.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box #customer-level-and-overtime>div[position=relative],.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box #sign-contract-num>div[position=relative]{width:100%!important}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box .pie-charts-box{width:100%;height:350px;display:flex;align-items:center}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box .pie-charts-box>div{margin-right:20px;flex:1;height:100%}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box .pie-charts-box>div:last-child{margin:0}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box .pie-charts-box .pie-resources,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box .pie-charts-box .pie-sign-contract{border:1px solid #e2e2e2;border-radius:8px;position:relative}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box .pie-charts-box .pie-resources #pie-resources,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box .pie-charts-box .pie-resources #pie-sign-contract,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box .pie-charts-box .pie-sign-contract #pie-resources,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box .pie-charts-box .pie-sign-contract #pie-sign-contract{width:100%;height:100%}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box .pie-charts-box .pie-resources .title,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box .pie-charts-box .pie-sign-contract .title{position:absolute;top:10px;left:10px;font-size:12px;color:#666;z-index:999}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box .pie-charts-box .ranking-list{height:100%;max-width:400px}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box .pie-charts-box .ranking-list>.title{width:100%;font-size:14px;font-weight:700;height:30px;line-height:30px;text-align:center;color:#666;border-bottom:1px solid #e2e2e2}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box .pie-charts-box .ranking-list>.ranking-list-content{height:calc(100% - 31px);overflow-y:scroll;display:flex;justify-content:space-between;font-size:12px;color:#666}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box .pie-charts-box .ranking-list>.ranking-list-content>.column>.title{box-sizing:border-box;padding:0 10px;border-bottom:1px solid #e2e2e2;height:25px;line-height:25px;text-align:center}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box .pie-charts-box .ranking-list>.ranking-list-content>.column .cell{box-sizing:border-box;padding:0 10px;height:25px;line-height:25px;text-align:center}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts{width:100%;height:600px;display:flex;justify-content:space-between;box-sizing:border-box;padding:20px 0 0;border:1px solid #e2e2e2;border-radius:8px;margin-top:20px}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts>div{width:50%;height:100%;position:relative}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts>div>.title{font-size:12px;color:#666;text-indent:20px}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts>.mix-charts-right:after{content:"";position:absolute;left:0;top:10%;width:1px;height:80%;background:#999}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-left>.mix-charts-content,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-right>.mix-charts-content{width:100%;height:calc(100% - 30px);display:flex;flex-wrap:wrap;box-sizing:border-box;padding:0 20px 20px}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-left>.mix-charts-content>.item-charts,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-right>.mix-charts-content>.item-charts{width:50%;height:50%;box-sizing:border-box;overflow:hidden}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-left>.mix-charts-content>.item-charts>div,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-right>.mix-charts-content>.item-charts>div{width:100%;height:100%}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-left>.mix-charts-content>.item-charts>.sex-charts-box,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-right>.mix-charts-content>.item-charts>.sex-charts-box{width:140px;height:100%;display:flex;flex-direction:column;justify-content:center}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-left>.mix-charts-content>.item-charts>.sex-charts-box .sexDiv,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-right>.mix-charts-content>.item-charts>.sex-charts-box .sexDiv{padding:0 0 0 30px;height:60%;text-align:center}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-left>.mix-charts-content>.item-charts>.sex-charts-box .sexDiv>img,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-right>.mix-charts-content>.item-charts>.sex-charts-box .sexDiv>img{height:60px;width:60px}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-left>.mix-charts-content>.item-charts>.sex-charts-box .sexDiv>.txt,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-right>.mix-charts-content>.item-charts>.sex-charts-box .sexDiv>.txt{font-size:12px}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-left>.mix-charts-content>.item-charts>.sex-charts-box #sex-ratio2,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-left>.mix-charts-content>.item-charts>.sex-charts-box>#sex-ratio1,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-right>.mix-charts-content>.item-charts>.sex-charts-box #sex-ratio2,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-right>.mix-charts-content>.item-charts>.sex-charts-box>#sex-ratio1{width:100%!important;height:500%}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-left>.mix-charts-content>.item-charts>.sex-charts-box #sex-ratio1,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-left>.mix-charts-content>.item-charts>.sex-charts-box #sex-ratio2,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-right>.mix-charts-content>.item-charts>.sex-charts-box #sex-ratio1,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-right>.mix-charts-content>.item-charts>.sex-charts-box #sex-ratio2{margin-left:10px}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-left>.mix-charts-content:nth-child(3),.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-right>.mix-charts-content:nth-child(3){border:1px solid #e2e2e2;border-radius:8px}.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-left>.mix-charts-content:last-child,.conversion-transfrom-statistics-data .conversion-transfrom-statistics-data-conetnt .echarts-box>.mix-charts .mix-charts-right>.mix-charts-content:last-child{box-sizing:border-box;padding:0 40px}.dateRange{display:flex}.dateRange .selectClass{width:110px;border-radius:10px 0 0 10px!important}.dateRange .dateClass{width:210px!important}.dateRange .el-input__inner{height:30px!important}