.title[data-v-0c62dbf2]{font-weight:700;font-size:16px;color:#000;position:relative}.label[data-v-0c62dbf2]{font-weight:500;font-size:14px;color:#333;text-align:center}.value[data-v-0c62dbf2]{font-weight:700;font-size:24px;color:#333;text-align:center}.value span[data-v-0c62dbf2]{font-weight:500;font-size:14px;color:#999}.title-icon[data-v-0c62dbf2]{width:26px;height:26px;margin-right:5px}.topcon .leftCon[data-v-0c62dbf2]{width:33.3%;margin-right:15px;background:#fff;padding:15px 20px;border-radius:8px 8px 8px 8px}.topcon .leftCon .gailan[data-v-0c62dbf2]{background:#e8fbf7;border-radius:0 8px 8px 0;border-left:2px solid #00b38a;line-height:75px;padding:0 20px;margin-top:10px}.topcon .leftCon .gailan .label[data-v-0c62dbf2]{font-weight:700;font-size:16px;color:#000}.topcon .leftCon .gailan .value[data-v-0c62dbf2]{font-weight:700;font-size:24px;color:#00b38a;text-align:center}.topcon .leftCon .gailan[data-v-0c62dbf2]:nth-of-type(2){border-left:2px solid #0bf;background:#edf9ff}.topcon .leftCon .gailan:nth-of-type(2) .value[data-v-0c62dbf2]{color:#1ebbf3}.topcon .leftCon .gailan[data-v-0c62dbf2]:nth-of-type(3){border-left:2px solid #ff843c;background:#fff7eb}.topcon .leftCon .gailan:nth-of-type(3) .value[data-v-0c62dbf2]{color:#f68440}.topcon .rightCon[data-v-0c62dbf2]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff;padding:15px 20px;border-radius:8px 8px 8px 8px}.topcon .rightCon .chart[data-v-0c62dbf2]{height:280px}.midcon .leftCon[data-v-0c62dbf2]{width:33.3%;margin-right:15px}.midcon .leftCon .chartCon[data-v-0c62dbf2]{background:#fff;padding:15px 20px;border-radius:8px 8px 8px 8px}.midcon .leftCon .chartCon .chart[data-v-0c62dbf2]{height:280px}.midcon .rightCon[data-v-0c62dbf2]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff;padding:15px 20px;border-radius:8px 8px 8px 8px}.midcon .rightCon .legend[data-v-0c62dbf2]{position:absolute;left:40%;top:0;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}.midcon .rightCon .legend .icon[data-v-0c62dbf2]{margin-right:10px;width:19px;height:14px;background:#02b48b}.midcon .rightCon .areaTotal[data-v-0c62dbf2]{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px}.midcon .rightCon .areaTotal .item[data-v-0c62dbf2]{background:hsla(0,0%,85.1%,.2);padding:10px}.con[data-v-0c62dbf2]{padding:15px 25px;background:#fff;border-radius:8px 8px 8px 8px;margin-bottom:15px}.con .chart[data-v-0c62dbf2]{margin-top:10px;height:300px}