.custom-pie-chart-box{display:flex;align-items:center;justify-content:space-between;width:100%;height:240px;padding:0 40px 0 20px}.custom-pie-chart-box .chart-item{position:relative;flex:none;width:300px;height:100%}.custom-pie-chart-box .chart-item .chart-total{position:absolute;top:50%;left:50%;width:110px;height:110px;border-radius:50%;transform:translate(-50%,-50%)}.custom-pie-chart-box .chart-item .chart-total .default-total{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#666;font-size:12px;font-family:PingFangSC-Regular;background-color:#fff;border-radius:50%}.custom-pie-chart-box .chart-item .chart-total .default-total:before{position:absolute;top:50%;left:50%;z-index:-1;display:block;width:116px;height:116px;background:linear-gradient(#7194fa,rgba(255,255,255,0) 34%,rgba(255,255,255,0) 66%,#7194fa);border-radius:50%;transform:translate(-50%,-50%) rotate(45deg);content:""}.custom-pie-chart-box .chart-item .chart-total .default-total.default-total-1:before{background:linear-gradient(#779dff,rgba(255,255,255,0) 34%,rgba(255,255,255,0) 66%,#779dff)}.custom-pie-chart-box .chart-item .chart-total .default-total.default-total-2:before{background:linear-gradient(#37cfcc,rgba(255,255,255,0) 34%,rgba(255,255,255,0) 66%,#49eae7)}.custom-pie-chart-box .chart-item .chart-total .default-total.default-total-3:before{background:linear-gradient(#4adea4,rgba(255,255,255,0) 34%,rgba(255,255,255,0) 66%,#4adea4)}.custom-pie-chart-box .chart-item .chart-total .default-total-number{margin-bottom:12px;color:#333;font-weight:700;font-size:16px}.custom-pie-chart-box .chart-item .chart-total .default-total-number .unit{color:#666;font-weight:400;font-size:12px}.custom-pie-chart-box .legend-box{display:flex;flex:none;align-items:center;width:auto;height:192px;overflow:hidden}.custom-pie-chart-box .legend-box .legend-group{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:space-around;width:auto;height:100%;margin-right:6px;overflow:hidden}.custom-pie-chart-box .legend-box .legend-group .legend-item{display:flex;flex:none;align-items:center;justify-content:space-between;width:100%;height:28px;margin-bottom:4px;padding:0 12px;font-size:12px;background:#f4f7fb;border-radius:2px;cursor:pointer}.custom-pie-chart-box .legend-box .legend-group .legend-item.legend-unselect-item{background-color:#f6f6f6;opacity:.6}.custom-pie-chart-box .legend-box .legend-group .legend-item:last-child{margin-bottom:0}.custom-pie-chart-box .legend-box .legend-group .legend-item .label{display:flex;align-items:center;padding-right:6px;color:#666}.custom-pie-chart-box .legend-box .legend-group .legend-item .label .legend-block{flex:none;width:8px;height:8px;margin-right:4px}.custom-pie-chart-box .legend-box .legend-group .legend-item .value{display:flex;align-items:center;color:#333;font-weight:700;font-size:14px;font-family:PingFangSC-Medium}.custom-pie-chart-box .legend-box .legend-group .legend-item .value .unit{color:#999;font-weight:400;font-size:12px}