.package-container{&[data-v-05f2be22]{margin:8px 0}.packageItem{&[data-v-05f2be22]{background-color:#fff;font-size:14px;color:#333}.packageTag[data-v-05f2be22]{display:inline-block;padding:8px 16px;color:#fff;background-color:#4381ff;border-radius:6px 0 6px 0}.packageName[data-v-05f2be22]{margin:8px 0;line-height:24px;height:24px;font-size:16px}}.package-card[data-v-05f2be22]{padding:10px 30px 10px}.chart-row[data-v-05f2be22]{//margin-top:20px}.chart-container{&[data-v-05f2be22]{position:relative;width:100%;height:180px;padding:8px 20px;border:1px solid #e0e0e0;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:10px;background-color:#fff;color:#333}.chartTit[data-v-05f2be22]{font-size:16px;height:32px;line-height:32px}.chartNum{&[data-v-05f2be22]{font-size:30px;margin:8px;color:rgba(0,0,0,.85)}&[data-v-05f2be22] .cardNum{.ant-statistic-content{font-size:30px}}}.footer{&[data-v-05f2be22]{color:rgba(0,0,0,.65);position:absolute;left:0;bottom:0;width:100%;padding:0 20px}.footerCon{&[data-v-05f2be22]{border-top:1px solid #e8e8e8;padding:12px 0}.trend{&[data-v-05f2be22]{float:right;color:rgba(0,0,0,.85);font-size:14px}img[data-v-05f2be22]{width:24px}}}}}.current-cycle{&[data-v-05f2be22]{margin-top:10px;display:flex;justify-content:space-evenly}.cycleTit{&[data-v-05f2be22]{position:absolute;top:32px;width:100%;text-align:center;font-size:16px;color:#333}div[data-v-05f2be22]{margin-bottom:8px}}}.cycle-bg[data-v-05f2be22]{position:absolute;bottom:16px;left:0;width:100%;padding:0 20px}.cycle-bottom-line[data-v-05f2be22]{position:absolute;bottom:5px;left:0;width:100%;padding:0 20px}.cycle-bottom-dot .leftDot[data-v-05f2be22]{position:absolute;bottom:8px;left:15px}.cycle-bottom-dot .rightDot[data-v-05f2be22]{position:absolute;bottom:8px;right:15px}.chart[data-v-05f2be22]{width:100%;height:120px}.usageChart[data-v-05f2be22]{width:100%;height:50px}.alarmEvent[data-v-05f2be22]{padding:10px}.eventList{&[data-v-05f2be22]{padding:8px}.cycleItem{&[data-v-05f2be22]{display:flex;align-items:baseline;padding:8px;font-size:16px;color:rgba(0,0,0,.7);border-bottom:1px solid rgba(0,0,0,.05)}.label[data-v-05f2be22]{margin-left:16px}&[data-v-05f2be22] .ant-statistic-content{font-size:16px}}}}.loading-spinner[data-v-05f2be22]{color:#007bff;animation:spin 1s linear infinite}.error-message[data-v-05f2be22]{color:#ff4d4f;background:#fff1f0;padding:8px;border:1px solid #ffa39e;border-radius:4px}