.bottom-box{margin-bottom:24px;height:642px;border-radius:8px;background:#fff;padding:18px;box-sizing:border-box;width:100%}.bottom-box .label{margin:36px 0 10px 0;font-family:PingFang SC;font-size:16px;font-weight:500;font-variation-settings:"opsz" auto;color:#999}.bottom-box .number{font-family:DIN Alternate;font-size:32px;font-weight:700;color:#333;margin-bottom:33px}.bottom-box .chart_warp{display:flex;justify-content:space-between;width:100%;height:100%}.bottom-box .chart_warp .left_chart_box,.bottom-box .chart_warp .right_chart_box{background:#f3f3f3;padding:24px;box-sizing:border-box;border-radius:8px;width:calc(50% - 16px);height:403px;position:relative}.bottom-box .chart_warp .left_chart_box .center_box,.bottom-box .chart_warp .right_chart_box .center_box{position:absolute;left:40%}.bottom-box .chart_warp .left_chart_box .title_box_legend,.bottom-box .chart_warp .right_chart_box .title_box_legend{display:flex;font-family:PingFang SC;font-size:14px;font-weight:500;color:#333;width:200px;justify-content:space-between}.bottom-box .chart_warp .left_chart_box .title_box_legend ._legend,.bottom-box .chart_warp .right_chart_box .title_box_legend ._legend{display:flex;align-items:center;cursor:pointer}.bottom-box .chart_warp .left_chart_box .title_box_legend ._legend div,.bottom-box .chart_warp .right_chart_box .title_box_legend ._legend div{width:8px;height:8px;background:#f7b749;margin-right:8px}.bottom-box .chart_warp .left_chart_box .title_box_legend ._legend span,.bottom-box .chart_warp .right_chart_box .title_box_legend ._legend span{font-weight:400}.bottom-box .chart_warp .left_chart_box .title_box,.bottom-box .chart_warp .right_chart_box .title_box{display:flex}.bottom-box .chart_warp .left_chart_box .title_box div,.bottom-box .chart_warp .right_chart_box .title_box div{width:40%}.bottom-box .chart_warp .left_chart_box .title_box div p,.bottom-box .chart_warp .right_chart_box .title_box div p{font-family:PingFang SC;font-size:16px;font-weight:500;font-variation-settings:"opsz" auto;color:#999}.bottom-box .chart_warp .left_chart_box .title_box div :last-child,.bottom-box .chart_warp .right_chart_box .title_box div :last-child{font-family:DIN Alternate;font-size:32px;font-weight:700;color:#333;margin:10px 0 30px 0}.bottom-box .chart_warp .left_chart_box #chartOrder,.bottom-box .chart_warp .left_chart_box #chartSale,.bottom-box .chart_warp .right_chart_box #chartOrder,.bottom-box .chart_warp .right_chart_box #chartSale{flex:1;background:#f3f3f3;width:100%;height:calc(100% - 114px)}.chart-wing{height:336px;background:#fff;padding:24px;position:relative}.chart-wing #chartWing{height:100%;pointer-events:auto}.page .heard{margin-bottom:24px;display:flex;justify-content:space-between}.page .heard .quick{width:100%;min-width:850px;border-radius:8px;background:#fff;height:211px;padding:16px}.page .heard .quick .quick-model{width:calc(12.5vw - 32.75px);margin-top:50px;display:inline-block;text-align:center}.page .heard .quick .quick-model div img{width:45px;height:45px}.page .heard .quick .quick-model div p{color:#333;font-size:14px;margin-top:8px}.page .heard .quick .quick-model:hover{cursor:pointer}.page .data_statistics{height:220px;margin-bottom:24px;display:flex;justify-content:space-between}.page .data_statistics .left_box,.page .data_statistics .right_box{min-width:604px;width:calc(50% - 16px);height:220px;border-radius:8px;background:#fff;padding:18px;box-sizing:border-box}.page .data_statistics .left_box .data_warp,.page .data_statistics .right_box .data_warp{margin-top:25px;display:inline-block;text-align:center;width:calc(25% - 8px);align-items:center}.page .data_statistics .left_box .data_warp ._item,.page .data_statistics .right_box .data_warp ._item{cursor:pointer}.page .data_statistics .left_box .data_warp img,.page .data_statistics .right_box .data_warp img{width:60px;height:60px}.page .data_statistics .left_box .data_warp ._title,.page .data_statistics .right_box .data_warp ._title{font-family:PingFang SC;font-size:16px;font-weight:400;text-align:center;opacity:.65;margin:8px 0 18px 0}.page .data_statistics .left_box .data_warp div,.page .data_statistics .right_box .data_warp div{font-family:DIN Alternate;font-size:32px;font-weight:700;color:#333}