.page[data-v-2c5b2a24]{padding:12px 0;display:flex;max-width:1560px;margin:0 auto;width:100%}.left[data-v-2c5b2a24]{flex-shrink:0;width:300px;margin-right:20px}.left .card_container[data-v-2c5b2a24]{margin-bottom:20px}.left .card_container .label[data-v-2c5b2a24]{font-size:14px;font-weight:600;line-height:2em;padding:0 12px;color:#666}.left .card_container[data-v-2c5b2a24] .value{line-height:1.6em;color:#000;padding-left:28px;margin:12px 0 20px;font-weight:600;font-size:16px}.left .card_container[data-v-2c5b2a24] .value .custom_statistic{width:auto!important;text-align:inherit!important}.left .card_container[data-v-2c5b2a24] .value .custom_statistic .con{display:inline-block!important}.left .card_container[data-v-2c5b2a24] .value .custom_statistic .con .number{font-size:18px!important}.charts_container[data-v-2c5b2a24]{flex-grow:1;margin-bottom:20px}.charts_container .chart[data-v-2c5b2a24]{height:500px}@media screen and (max-width:1400px) and (min-width:900px){.page[data-v-2c5b2a24]{padding:0;flex-direction:column}.left[data-v-2c5b2a24]{display:flex;flex-shrink:0;width:100%;margin-right:0;justify-content:space-between}.left .card_container[data-v-2c5b2a24]{width:49%;margin-bottom:20px}.charts_container .chart[data-v-2c5b2a24]{height:400px}}@media screen and (max-width:900px){.page[data-v-2c5b2a24]{padding:0;flex-direction:column}.left[data-v-2c5b2a24]{flex-shrink:0;width:100%;margin-right:0;justify-content:space-between}.left .card_container[data-v-2c5b2a24]{width:100%;margin-bottom:20px}.charts_container .chart[data-v-2c5b2a24]{height:300px}}.page[data-v-7b0cf5be]{min-width:800px;margin:0 auto}.flex[data-v-7b0cf5be]{flex-shrink:0;display:flex;width:100%;justify-content:space-between}.flex .order[data-v-7b0cf5be]{width:60%}.flex .other[data-v-7b0cf5be]{width:39%}.flex .other .card_container[data-v-7b0cf5be]{margin-bottom:20px}.flex .other .card_container[data-v-7b0cf5be]:last-child{margin-bottom:0}.card_container[data-v-7b0cf5be]{position:relative;padding:16px}.card_container .title[data-v-7b0cf5be]{font-size:14px;font-weight:600;line-height:1em;margin-bottom:16px;color:#666}.card_container .oppo_type[data-v-7b0cf5be]{position:absolute;right:16px;top:16px}.card_container .oppo_type span[data-v-7b0cf5be]{font-size:12px;margin:0 10px;font-weight:400;cursor:pointer}.card_container .oppo_type .active[data-v-7b0cf5be]{color:#ed284c}.ranking[data-v-7b0cf5be]{display:flex;flex-wrap:wrap;margin-bottom:20px}.ranking>div[data-v-7b0cf5be]{min-width:200px;display:flex;align-items:center;padding:12px}.ranking>div .label[data-v-7b0cf5be]{flex-shrink:0;font-size:16px;color:#333;margin-right:12px;line-height:1.5em}.ranking>div .value[data-v-7b0cf5be]{flex-shrink:0;color:#ed284c;font-size:22px;font-weight:600}.task_info[data-v-7b0cf5be]{flex-grow:1;padding:12px 0;margin:0 auto;display:flex;justify-content:space-around}.task_info .task_item[data-v-7b0cf5be]{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.task_info .value[data-v-7b0cf5be]{font-size:32px;margin-bottom:20px;text-decoration:underline}.task_info .bold_value[data-v-7b0cf5be]{color:#ed284c}@media screen and (max-width:1300px){.flex[data-v-7b0cf5be]{flex-direction:column}.flex .card_container[data-v-7b0cf5be],.flex .other[data-v-7b0cf5be]{width:100%;flex-shrink:0;margin-bottom:20px}}