.distributeHaoKa{margin:0}.distributeHaoKa .areaBox{width:100%;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.distributeHaoKa .areaBox .areaItem{width:120px;height:50px;line-height:50px;background:#52b252;color:#fff;text-align:center}.distributeHaoKa .areaBox .area-item{width:120px;height:50px;line-height:50px;background:#fff;color:#000;border:1px solid #1890ff;text-align:center}.distributeHaoKa .pieBox{width:100%;padding:20px 50px;height:460px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.distributeHaoKa .pieBox .pieItem{width:40%;height:420px}.distributeHaoKa .mixture_wap{width:100%}.distributeHaoKa .mixture_wap .mixture{width:100%;height:220px}.distributeHaoKa .line-wrap{width:50%;height:400px}.distributeHaoKa .funnelItem,.distributeHaoKa .pie-wrap{width:100%;height:500px}.distributeHaoKa .funnelBox{padding:20px 50px;height:460px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.distributeHaoKa .funnelBox,.distributeHaoKa .funner-echart-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.distributeHaoKa .funner-echart-container{height:290px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:20px}.distributeHaoKa .funnelItem1{width:60%;height:290px}.distributeHaoKa .titleName{margin:0 0 0 5px;opacity:1;font-size:16px;font-weight:600;letter-spacing:0;height:24px;line-height:24px;color:#000;text-align:left;vertical-align:top;opacity:.85}.distributeHaoKa .table-operator{margin-bottom:18px}.distributeHaoKa button{margin-right:8px}.distributeHaoKa .flexstart{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.distributeHaoKa .headerBox{min-width:1200px;width:100%;padding:20px 24px;margin-bottom:16px;background:#fff}.distributeHaoKa .headerBox .title{color:#2e3458;font-size:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;margin-bottom:20px}.distributeHaoKa .headerBox .fgLine{width:1px;height:42px;background:#d8d8d8;margin-right:50px}.distributeHaoKa .headerBox .dataBox{min-width:180px;margin-right:40px}.distributeHaoKa .headerBox .dataBox .titlt{color:#a7a7a7;font-size:14px}.distributeHaoKa .headerBox .dataBox .line{width:1px;height:24px;border-left:2px solid #1064ff;margin-right:5px}.distributeHaoKa .headerBox .dataBox .newBox{color:#333;font-size:26px;font-weight:700}.distributeHaoKa .headerBox .dataBox .remark{color:#7d7d7d;font-size:14px}.distributeHaoKa .headerBox .dataBox .rateBox{padding:5px;margin-left:7px;background:#f7f8fa}.distributeHaoKa .headerBox .dataBox .rateBox img{width:8px;height:14px;margin-left:5px}.distributeHaoKa .headerBox .conversionBoxAsk{position:absolute;left:42%;top:25%}.distributeHaoKa .headerBox .conversionBoxAsk .lineBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-right:20px}.distributeHaoKa .headerBox .conversionBoxAsk .lineBox .lines{width:15px;height:2px;border-bottom:1px dashed silver;margin-left:5px}.distributeHaoKa .headerBox .conversionBoxAsk .lineBox .line{width:30px;height:60px;border:1px dashed silver;-webkit-transform:skew(-20deg);transform:skew(-20deg);border-left:0}.distributeHaoKa .headerBox .conversionBoxAsk .lineBox .icons{position:absolute;bottom:-7px;left:-10px}.distributeHaoKa .headerBox .conversionBoxAdd{position:absolute;left:38%;top:45%}.distributeHaoKa .headerBox .conversionBoxAdd .lineBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-right:20px}.distributeHaoKa .headerBox .conversionBoxAdd .lineBox .lines{width:20px;height:2px;border-bottom:1px dashed silver}.distributeHaoKa .headerBox .conversionBoxAdd .lineBox .line{width:50px;height:50px;border:1px dashed silver;-webkit-transform:skew(-20deg);transform:skew(-20deg);border-left:0}.distributeHaoKa .headerBox .conversionBoxAdd .lineBox .icons{position:absolute;bottom:-7px;left:-10px}.distributeHaoKa .headerBox .conversionBoxBuy{position:absolute;left:35%;top:64%}.distributeHaoKa .headerBox .conversionBoxBuy .lineBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-right:20px}.distributeHaoKa .headerBox .conversionBoxBuy .lineBox .lines{width:10px;height:2px;border-bottom:1px dashed silver}.distributeHaoKa .headerBox .conversionBoxBuy .lineBox .line{width:70px;height:40px;border:1px dashed silver;-webkit-transform:skew(-20deg);transform:skew(-20deg);border-left:0}.distributeHaoKa .headerBox .conversionBoxBuy .lineBox .icons{position:absolute;bottom:-7px;left:-10px}.distributeHaoKa .headerBox .conversionBoxOut{position:absolute;left:33%;top:20%}.distributeHaoKa .headerBox .conversionBoxOut .lineBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-right:20px}.distributeHaoKa .headerBox .conversionBoxOut .lineBox .line{width:200px;height:240px;border:1px dashed silver;border-left:0;-webkit-transform:skew(-20deg);transform:skew(-20deg)}.distributeHaoKa .headerBox .conversionBoxOut .lineBox .lines{width:120px;height:2px;border-bottom:1px dashed silver}.distributeHaoKa .headerBox .conversionBoxOut .lineBox .icons{position:absolute;bottom:-7px;left:-10px}.distributeHaoKa .headerBox .coversionBox .nums,.distributeHaoKa .headerBox .coversionBox .titles{color:#333;font-size:14px}.distributeHaoKa .compareBox{width:100%;height:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px;margin-bottom:10px}.distributeHaoKa .compareBox .compareItem{padding:40px 25px 0 25px;width:49.5%;height:100%;background:#fff}