.time-of-use-container[data-v-2b3d81cc]{padding:20px;background:#f0f2f5}.time-of-use-container .vc-index-nav[data-v-2b3d81cc]{padding:10px;font-size:16px;text-align:left;margin-bottom:20px;background:#fff;border-radius:4px}.time-of-use-container .margin-right-sm[data-v-2b3d81cc]{margin-right:5px}.time-of-use-container .margin-left-sm[data-v-2b3d81cc]{margin-left:5px}.time-of-use-container .margin-bottom[data-v-2b3d81cc]{margin-bottom:20px}.time-of-use-container .box-card[data-v-2b3d81cc]{border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.time-of-use-container .box-card .card-header[data-v-2b3d81cc]{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:16px}.time-of-use-container .box-card .card-header i[data-v-2b3d81cc]{margin-right:8px;color:#409eff}.time-of-use-container .period-card[data-v-2b3d81cc]{display:flex;align-items:center;padding:25px;border-radius:8px;color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.1);transition:all .3s;cursor:pointer}.time-of-use-container .period-card[data-v-2b3d81cc]:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.time-of-use-container .period-card .period-icon[data-v-2b3d81cc]{width:60px;height:60px;border-radius:50%;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;margin-right:20px}.time-of-use-container .period-card .period-icon i[data-v-2b3d81cc]{font-size:28px}.time-of-use-container .period-card .period-content[data-v-2b3d81cc]{flex:1}.time-of-use-container .period-card .period-content .period-label[data-v-2b3d81cc]{font-size:14px;opacity:.9;margin-bottom:5px}.time-of-use-container .period-card .period-content .period-value[data-v-2b3d81cc]{font-size:24px;font-weight:700;margin-bottom:5px}.time-of-use-container .period-card .period-content .period-cost[data-v-2b3d81cc]{font-size:16px;opacity:.95}.time-of-use-container .power-value[data-v-2b3d81cc]{color:#409eff;font-weight:700}.time-of-use-container .price-value[data-v-2b3d81cc]{color:#e6a23c;font-weight:700}.time-of-use-container .cost-value[data-v-2b3d81cc]{color:#f56c6c;font-weight:700}.time-of-use-container .period-config-content .period-preview .preview-title[data-v-2b3d81cc]{font-size:14px;font-weight:700;color:#333;margin-bottom:15px}.time-of-use-container .period-config-content .period-preview .preview-timeline[data-v-2b3d81cc]{display:flex;border:1px solid #ddd;border-radius:4px;overflow:hidden}.time-of-use-container .period-config-content .period-preview .preview-timeline .timeline-item[data-v-2b3d81cc]{flex:1;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;border-right:1px solid hsla(0,0%,100%,.3)}.time-of-use-container .period-config-content .period-preview .preview-timeline .timeline-item[data-v-2b3d81cc]:last-child{border-right:none}.time-of-use-container[data-v-2b3d81cc] .el-table{font-size:13px}.time-of-use-container[data-v-2b3d81cc] .el-progress__text{font-size:12px!important}.time-of-use-container[data-v-2b3d81cc] .el-input-number{width:100%}