.page-main[data-v-3d869352]{padding:0 1rem;background-color:#f2f3f5;text-align:left}.page-main .title[data-v-3d869352]{margin:0;padding:1rem;color:rgba(69,90,100,.6);font-weight:400;font-size:1.13rem;line-height:1.25rem;text-align:left}.page-main .empty[data-v-3d869352]{padding:1rem;background-color:#fff;text-align:center;color:rgba(69,90,100,.6)}.page-main .usewater-box[data-v-3d869352]{display:flex;flex-direction:row;align-items:center;padding:1rem;background-color:#fff}.page-main .usewater-box .icon[data-v-3d869352]{padding-right:1rem}.page-main .usewater-box .info-box .info-item[data-v-3d869352]{text-align:left;line-height:1.75rem}.page-main .collapse-title span[data-v-3d869352]{margin-left:.66rem}.page-main .bill-box[data-v-3d869352]{display:flex;flex-direction:row;align-items:center}.page-main .bill-box .bill-item[data-v-3d869352]{flex:1;padding-left:.66rem}.page-main .my-grid[data-v-3d869352]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.page-main .my-grid .my-grid-item[data-v-3d869352]{display:flex;flex-direction:row;align-content:space-between}.page-main .my-grid .my-grid-item .my-grid-item__title[data-v-3d869352]{color:#323233}.page-main .my-grid .my-grid-item .my-grid-item__value[data-v-3d869352]{display:inline-block}.page-main .my-grid .my-grid-item span[data-v-3d869352]{line-height:1.5rem}.loading-content[data-v-3d869352]{text-align:center;color:#fff}.payment-steps[data-v-3d869352]{margin-top:2rem;display:flex;justify-content:center;gap:2rem}.step[data-v-3d869352]{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:4rem}.step .step-number[data-v-3d869352]{width:2rem;height:2rem;border-radius:50%;background-color:hsla(0,0%,100%,.3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.step .step-name[data-v-3d869352]{font-size:.75rem;color:hsla(0,0%,100%,.8);text-align:center}.step .step-status[data-v-3d869352]{height:1rem;display:flex;align-items:center;justify-content:center}.step-active .step-number[data-v-3d869352]{background-color:#0094ff;color:#fff}.step-active .step-name[data-v-3d869352]{color:#fff}.step-completed .step-number[data-v-3d869352]{background-color:#07c160;color:#fff}.step-completed .step-name[data-v-3d869352]{color:#07c160}.step-error .step-number[data-v-3d869352]{background-color:#ee0a24;color:#fff}.step-error .step-name[data-v-3d869352]{color:#ee0a24}.payment-error[data-v-3d869352]{margin:1rem;border-radius:.5rem;overflow:hidden}