hor_big_bg.f3ce415d.css 13 KB

1
  1. .horHead[data-v-dd18d5d2]{position:relative}.horHead.horSty[data-v-dd18d5d2]{height:74px}.horHead .horHead-content[data-v-dd18d5d2]{width:100%;height:100%;color:#efdec6;text-align:center}.horHead .horHead-content .firtitle[data-v-dd18d5d2]{font-weight:700;font-size:38px;font-family:Alibaba PuHuiTi}.horHead .horHead-content .sectitle[data-v-dd18d5d2]{font-weight:500;font-size:16px;letter-spacing:8px}.horHead .horHead-left[data-v-dd18d5d2]{position:absolute;top:0;left:0}.horHead .horHead-right[data-v-dd18d5d2]{position:absolute;top:0;right:0;display:flex;height:46px}.horHead .horHead-right .right-item[data-v-dd18d5d2]{display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:16px;color:#efdec6;font-weight:400;line-height:22px;margin-left:18px;box-sizing:border-box}.horHead .horHead-right .right-item .firstImg[data-v-dd18d5d2]{margin-right:6px}.horHead .horHead-right .right-item .item-time[data-v-dd18d5d2]{font-family:Persagy;font-weight:400}.horizontalClass[data-v-3888d8d9]{height:50%}.NowData .title-right-icon[data-v-3888d8d9]{display:inline-block;padding:0;width:12px;height:12px;margin-right:8px;border-radius:50%;background:rgb(126,216,116)}.NowData .contain[data-v-3888d8d9]{height:calc(100% - 60px);display:flex}.NowData .item[data-v-3888d8d9]{width:20%;display:flex;align-items:center;justify-content:center}.NowData .item .item_content[data-v-3888d8d9]{background-size:auto 240px;background-position:center -36px;background-repeat:no-repeat;padding-bottom:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.NowData .item .item_content .content_value[data-v-3888d8d9]{font-family:Persagy;font-size:52px;font-weight:700;background:linear-gradient(180deg,#fff5df 0%,#ead0b1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-shadow:0px 0px 8px rgba(255,255,255,.4);line-height:64px}.NowData .item .item_content .content_name[data-v-3888d8d9]{margin-top:8px;font-family:PingFang SC;font-size:32px;font-weight:400;line-height:46px;color:#f7e6cd}.NowData .content_level[data-v-3888d8d9]{margin-top:8px;margin-right:8px;box-sizing:border-box;width:16px;height:16px;border-radius:50%;background:rgb(126,216,116)}.NowData .content_level.middle[data-v-3888d8d9]{background:rgb(239,214,46)}.NowData .normal-explain[data-v-3888d8d9]{display:flex;align-items:center;font-size:14px}.verticalNowData[data-v-3888d8d9]{height:380px}.verticalNowData .item .item_content .content_value[data-v-3888d8d9]{font-size:46px}.verticalNowData .item .item_content .content_name[data-v-3888d8d9]{margin-top:12px;font-size:28px}.verticalNowData .item .item_content .content_level[data-v-3888d8d9]{margin-top:12px}.lastMonth .item[data-v-0f3407ba]{padding-top:60px;display:flex;align-items:center}.lastMonth .item .item-left[data-v-0f3407ba]{width:86px;height:86px;margin-right:20px;background:rgba(100,108,130,.3);backdrop-filter:blur(10px);border-radius:12px}.lastMonth .item .item-left img[data-v-0f3407ba]{width:86px}.lastMonth .item .item-value[data-v-0f3407ba]{font-family:Persagy;font-weight:700;font-size:24px;line-height:30px;color:#f7e6cd}.lastMonth .item .item-content[data-v-0f3407ba]{display:flex;align-items:center;padding-top:8px;font-weight:500;font-size:14px}.lastMonth .item .item-content-right[data-v-0f3407ba]{font-size:14px;font-weight:400;line-height:20px;color:#f7e6cd;white-space:nowrap}.lastMonth .item .item-content-right .min[data-v-0f3407ba]{padding-top:8px}.horiLastMonth[data-v-0f3407ba]{height:100%;padding-left:35px}.horiLastMonth .item[data-v-0f3407ba]{padding-top:0}.horiLastMonth .itemWrap[data-v-0f3407ba]{height:calc(100% - 30px);display:flex;flex-direction:column;justify-content:space-evenly}.verticalLastMonth[data-v-0f3407ba]{height:400px;padding:0 36px;background:rgba(149,162,194,.1);backdrop-filter:blur(40px);border-radius:20px}.verticalLastMonth .itemWrap[data-v-0f3407ba]{display:flex;flex-direction:row;flex-wrap:wrap}.verticalLastMonth .itemWrap .item[data-v-0f3407ba]{width:33.33%}.verticalLastMonth .itemWrap .item .item-content-right[data-v-0f3407ba]{font-size:14px;white-space:nowrap}.airSwitch[data-v-12f64086]{background:rgba(149,162,194,.1);backdrop-filter:blur(40px);border-radius:20px;height:226px}.airSwitch.verticalClass[data-v-12f64086]{padding:0 36px;box-sizing:border-box}.airSwitch .air-cont[data-v-12f64086]{padding-top:35px}.airSwitch .air-cont .air-left[data-v-12f64086]{display:flex;flex-direction:column;padding-top:20px}.airSwitch .air-cont .air-left .bar-box[data-v-12f64086]{width:93%;height:10px;background:#3c3f52;border-radius:6px}.airSwitch .air-cont .air-left .bar-box .bar[data-v-12f64086]{width:80%;height:10px;background:linear-gradient(249.29deg,#fffbec 13.72%,#efdec6 36.81%,#cfae88 85.57%);border-radius:8px}.airSwitch .air-cont .air-left .air-rate[data-v-12f64086]{font-size:20px;display:flex;height:40px;align-items:center;margin-top:14px;color:#f7e6cd}.airSwitch .air-cont .air-left .air-rate .air-rate-value[data-v-12f64086]{color:#f7e6cd;font-size:32px;padding-left:8px;font-weight:700}.airSwitch[data-v-d2841c64]{height:100%}.airSwitch .container[data-v-d2841c64]{height:200px}.airSwitch .air-cont .air-rate[data-v-d2841c64]{font-size:16px;display:flex;flex-direction:column;align-items:center;color:#f7e6cd}.airSwitch .air-cont .air-rate .air-rate-value[data-v-d2841c64]{color:#f7e6cd;font-size:42px;font-weight:700}.airSwitch .air-title[data-v-d2841c64]{font-size:24px;line-height:34px;text-align:center;color:#f7e6cd}.temChart .tempChartBox[data-v-b4597bbe]{width:100%;height:100%;box-sizing:border-box}.horiCompClass[data-v-b4597bbe]{height:100%;box-sizing:border-box;padding:50px 20px 20px}.verCompClass[data-v-b4597bbe]{margin:22px 0;height:410px;background:rgba(149,162,194,.1);backdrop-filter:blur(40px);border-radius:20px;padding:0 36px}.verCompClass .tempChartBox[data-v-b4597bbe]{height:calc(100% - 60px);padding-top:30px;box-sizing:border-box}.lastMonth[data-v-2d65844b]{height:100%;background:rgba(100,108,130,.06);backdrop-filter:blur(20px);border-radius:20px}.lastMonth .saveEnergy[data-v-2d65844b]{color:#f7e6cd;font-size:46px;height:calc(100% - 195px);display:flex;justify-content:center;align-items:center}.lastMonth .saveEnergy span[data-v-2d65844b]{background-image:url(/sgdaping/assets/lastAllLight.333484c8.png);background-repeat:no-repeat;background-position:center bottom;background-size:100%;padding-bottom:5px}.lastMonth .energySave[data-v-2d65844b]{color:#e0c29b;font-size:20px;padding-bottom:32px;height:85px;box-sizing:border-box}.lastMonth .energyTotal[data-v-2d65844b]{color:#cbcdda;font-size:20px;height:50px;box-sizing:border-box}.lastMonth .textDiv[data-v-2d65844b]{display:flex;justify-content:space-between;padding-bottom:8px}.lastMonth .saveBack[data-v-2d65844b]{height:15px;background-image:url(/sgdaping/assets/lastGold.982ba332.svg);transition:width 3s linear;width:0}.lastMonth .totalBack[data-v-2d65844b]{height:15px;background-image:url(/sgdaping/assets/lastGray.80fa12cf.svg);transition:width 2s linear;width:0}.verAllClass[data-v-2d65844b]{height:420px;padding:0 36px;background:rgba(149,162,194,.1);backdrop-filter:blur(40px);border-radius:20px}.lastMonth[data-v-e9cd7782]{height:100%;background:rgba(100,108,130,.06);backdrop-filter:blur(20px);border-radius:20px}.lastMonth .saveCont[data-v-e9cd7782]{height:calc(100% - 60px);padding-top:10px;box-sizing:border-box;color:#f7e6cd;position:relative}.lastMonth .saveCont .svideo[data-v-e9cd7782]{width:100%}.lastMonth .saveCont .co2Wrap[data-v-e9cd7782]{position:absolute;font-size:1.2vw}.lastMonth .saveCont .co2Wrap .value[data-v-e9cd7782]{padding:0 8px;font-size:24px;font-size:1.4vw}.lastMonth .saveCont .co2Wrap .co2Img[data-v-e9cd7782]{width:58px}.lastMonth .saveCont .sco2[data-v-e9cd7782]{top:26%;left:0%}.lastMonth .saveCont .scarbon[data-v-e9cd7782]{top:3%;right:10%}.lastMonth .saveCont .stree[data-v-e9cd7782]{top:62%;right:0%}.lastMonth .saveCont .electWrap[data-v-e9cd7782]{position:absolute;top:20%;left:32%;width:200px;font-size:30px;font-size:1.4vw;text-align:center;color:#f7e6cd}.lastMonth .saveCont .electWrap .value[data-v-e9cd7782]{margin-top:5px;font-weight:700;font-size:46px;font-size:2vw;text-shadow:0px 0px 8px rgba(255,255,255,.4)}.verAllClass[data-v-e9cd7782]{height:600px;padding:0 36px;background:rgba(149,162,194,.1);backdrop-filter:blur(40px);border-radius:20px;margin:22px 0}.floorSpace[data-v-c62db53e]{width:100%;height:100%;display:flex;position:relative;border-radius:16px}.floorSpace .buildName[data-v-c62db53e]{position:absolute;top:-40px;left:-40px;background:linear-gradient(90deg,rgba(131,195,255,.16) 0%,rgba(131,195,255,0) 100%);height:46px;line-height:46px;font-size:20px;padding:0 20px;color:#f7ecdb;box-sizing:border-box}.topChange[data-v-c62db53e]{height:220px;width:100%;margin:0 auto;background:#ffffff;position:relative;background:rgba(149,162,194,.1);backdrop-filter:blur(20px);border-radius:20px}.topChange .allIndicator[data-v-c62db53e]{position:relative;padding-top:36px;padding-bottom:36px;display:flex;align-items:center;justify-content:center}.topChange .allIndicator .eachItem[data-v-c62db53e]{cursor:pointer;font-size:28px;font-weight:600;color:#9b98ad;margin-right:40px;display:flex;flex-direction:column;align-items:center;width:90px}.topChange .allIndicator .eachItem .bar[data-v-c62db53e]{width:80px}.topChange .allIndicator .eachItem.select[data-v-c62db53e]{color:#f7e6cd;background-image:url(/sgdaping/assets/lastAllLight.333484c8.png);background-repeat:no-repeat;background-position:center bottom;background-size:100%;padding-bottom:5px}.topChange .imageDiv[data-v-c62db53e]{height:32px;margin:0 32px;text-align:center}.topChange .imageDiv img[data-v-c62db53e]{height:100%}.topChange .textCont[data-v-c62db53e]{color:#f7e6cd;font-size:20px;font-weight:600;text-align:center;padding-top:16px}.topChange .textCont .value[data-v-c62db53e]{margin-left:4px}.leftChange[data-v-c62db53e]{height:100%;width:154px;box-sizing:border-box;padding:65px 0 20px;margin:0 auto;position:relative}.leftChange .allIndicator[data-v-c62db53e]{position:relative;height:100%}.leftChange .allIndicator .showItem[data-v-c62db53e]{transition:all .4s linear;height:36%;box-sizing:border-box;padding-top:20px;position:absolute;top:0;left:16px;width:120px;background-color:#646c8233;backdrop-filter:blur(10px);background-image:url(/sgdaping/assets/twoLight.66edefc6.png);background-repeat:no-repeat;background-position:center top;background-size:100%;border-radius:10px;text-align:center}.leftChange .allIndicator .showItem .other[data-v-c62db53e]{height:62%;padding:10px 0;box-sizing:border-box}.leftChange .allIndicator .showItem .other .img[data-v-c62db53e]{height:100%;padding:0;margin:0}.leftChange .allIndicator .showItem .title[data-v-c62db53e]{color:#f7ecdb;font-size:24px;font-size:1.3vw;height:18%}.leftChange .allIndicator .showItem .textCont[data-v-c62db53e]{color:#f7ecdb;font-size:20px;font-size:1.1vw;line-height:1;height:20%}.leftChange .allIndicator .showItem .textCont .value[data-v-c62db53e]{font-weight:600}.leftChange .allIndicator .showItem .textCont .name[data-v-c62db53e]{font-size:14px}.leftChange .allIndicator .eachItem[data-v-c62db53e]{cursor:pointer;padding-top:20px;height:16%;box-sizing:border-box;text-align:center;font-family:PingFang SC}.leftChange .allIndicator .eachItem .title[data-v-c62db53e]{color:#9b98ad;font-size:24px;font-weight:600}.leftChange .allIndicator .eachItem.select[data-v-c62db53e]{height:36%}.leftChange .allIndicator .eachItem[data-v-c62db53e]:last-child{margin-bottom:0}.floorWrap[data-v-c62db53e]{flex:1;margin:0 auto;border-top-right-radius:16px;border-bottom-right-radius:16px;box-sizing:border-box}.floorWrap .floor-item[data-v-c62db53e]{display:flex;padding:18px 20px 18px 0;box-sizing:border-box}.floorWrap .floor-num[data-v-c62db53e]{display:flex;justify-content:center;align-items:center;font-family:Persagy;font-size:36px;font-weight:700;line-height:43px;color:#f7ecdb;width:90px;flex-shrink:0}.floorWrap .floor-space[data-v-c62db53e]{display:flex;flex:1;flex-wrap:wrap}.floorWrap .floor-space .space-box[data-v-c62db53e]{padding:4px;box-sizing:border-box}.floorWrap .floor-space .space-box .space-name[data-v-c62db53e]{display:flex;justify-content:center;align-items:center;height:100%;min-width:20px;border-radius:8px;color:#f7ecdb;background:rgba(34,139,81,.76);text-align:center;padding:0 8px;box-sizing:border-box}.verFloorClass[data-v-c62db53e]{height:auto;display:block}.verFloorClass .floorWrap[data-v-c62db53e]{padding-top:14px;height:700px}.verFloorClass .buildName[data-v-c62db53e]{top:-55px}.lastChart[data-v-77e2bc7f]{height:100%}.lastChart .head-title[data-v-77e2bc7f]{justify-content:space-between;padding:0 32px}.lastChart .head-title .rightVal[data-v-77e2bc7f]{color:#39354e;font-size:14px;font-weight:400}.lastChart .lastChartBox[data-v-77e2bc7f]{padding-top:36px;box-sizing:border-box;height:calc(100% - 60px)}.verticalTemChart[data-v-77e2bc7f]{height:450px;padding:0 36px;background:rgba(149,162,194,.1);backdrop-filter:blur(40px);border-radius:20px}