.title[data-v-203696d4]{font-weight:700;font-size:16px;color:#000}.label[data-v-203696d4]{font-weight:500;font-size:14px;color:#333;text-align:center}.value[data-v-203696d4]{font-weight:700;font-size:24px;color:#333;text-align:center}.value span[data-v-203696d4]{font-weight:500;font-size:14px;color:#999}.topCon[data-v-203696d4]{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px}.topCon .chartCon[data-v-203696d4]{background:#fff;padding:15px 20px;border-radius:8px 8px 8px 8px;height:330px}.topCon .chartCon .gailan[data-v-203696d4]{background:#e8fbf7;border-radius:0 8px 8px 0;border-left:2px solid #00b38a;line-height:75px;padding:0 20px;margin-top:10px}.topCon .chartCon .gailan .label[data-v-203696d4]{font-weight:700;font-size:16px;color:#000}.topCon .chartCon .gailan .value[data-v-203696d4]{font-weight:700;font-size:24px;color:#00b38a;text-align:center}.topCon .chartCon .gailan[data-v-203696d4]:nth-of-type(2){border-left:2px solid #0bf;background:#edf9ff}.topCon .chartCon .gailan:nth-of-type(2) .value[data-v-203696d4]{color:#1ebbf3}.topCon .chartCon .gailan[data-v-203696d4]:nth-of-type(3){border-left:2px solid #ff843c;background:#fff7eb}.topCon .chartCon .gailan:nth-of-type(3) .value[data-v-203696d4]{color:#f68440}.topCon .chartCon .chart[data-v-203696d4]{height:280px}.navTime[data-v-203696d4]{float:right}.navTime .navItem[data-v-203696d4]{width:88px;height:36px;background:#f4f6f6;border-radius:2px 2px 2px 2px;border:1px solid #ededed;font-weight:500;font-size:14px;color:#999;line-height:36px;text-align:center;margin-left:10px;cursor:pointer}.navTime .navItem.active[data-v-203696d4]{background:#00b38a;border:1px solid #00b38a;color:#fff}.con[data-v-203696d4]{padding:15px 25px;background:#fff;border-radius:8px 8px 8px 8px;margin-bottom:15px}.con .chart[data-v-203696d4]{margin-top:10px;height:300px}