ax-body.data-v-d80893f4{ display: block; height: 100%; background: #F6FAFF; } .body.data-v-d80893f4{ position: relative; z-index: 1; } /* 页面背景 */ .page-background.data-v-d80893f4{ position: fixed; top: 0; left: 0; right: 0; z-index: 0; } .page-background image.data-v-d80893f4{ display: block; width: 100%; } /* 基础信息 */ .base-info.data-v-d80893f4{ font-size: 14px; position: relative; color: #fff; -webkit-transform: translateY(5px); transform: translateY(5px); } .base-info .content.data-v-d80893f4{ padding: 10px; position: relative; z-index: 2; } .base-info .val.data-v-d80893f4{ margin-top: 10px; } .base-info .value.data-v-d80893f4{ display: inline-block; font-weight: bold; font-size: 30px; margin-right: 5px; -webkit-transform: translateY(2px); transform: translateY(2px); } .base-info .name.data-v-d80893f4{ display: flex; align-items: center; } .base-info .name .icon.data-v-d80893f4{ width: 24px; margin-right: 10px; } .base-info .bg.data-v-d80893f4{ width: 100%; position: absolute; top: 0; left: 0; } /* 卡片 */ .card.data-v-d80893f4{ display: flex; align-items: center; padding: 10px; margin-top: 20px; background-color: #fff; border-radius: 8px; } .card .item.data-v-d80893f4{ flex: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; } .card .item .icon.data-v-d80893f4{ display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: #fff; background-color: #aaa; border-radius: 4px; } .card .item .icon.green.data-v-d80893f4{ background-color: #4EDC86; } .card .item .icon.red.data-v-d80893f4{ background-color: #F44033; } .card .item .date.data-v-d80893f4{ font-size: 12px; color: #aaa; text-align: center; } .card .item .time.data-v-d80893f4{ font-weight: bold; } .card .item .arrow.data-v-d80893f4{ width: 8em; } .card .item.middle.data-v-d80893f4{ margin: 0 10px; font-size: 14px; } /* 单元格 */ .cell-group.data-v-d80893f4{ background-color: #fff; border-radius: 8px; padding: 10px; margin-top: 10px; } .cell-group .cell.data-v-d80893f4{ display: flex; align-items: center; justify-content: space-between; height: 32px; font-size: 14px; } .cell-group .cell .contet.data-v-d80893f4{ color: #aaa; } .cell-group .summarize.data-v-d80893f4{ display: flex; align-items: center; justify-content: space-between; font-size: 14px; height: 46px; } .cell-group .sum.data-v-d80893f4{ font-size: 16px; color: #F44033 !important; } .cell-group.multi-line.data-v-d80893f4{ position: relative; z-index: 2; } .cell-group.multi-line .cell.data-v-d80893f4{ display: block; height: auto; } .cell-group.multi-line .cell .lable.data-v-d80893f4{ height: 28px; color: #AAA; } .cell-group.multi-line .cell .contet.data-v-d80893f4{ height: 32px; color: #2B303A; font-size: 16px; font-weight: bold; } .load-payment.data-v-d80893f4{ font-weight: bold; font-size: 32rpx; color: #2B303A; } .load-payment-btn.data-v-d80893f4{ width: 160rpx; height: 48rpx; background: #3EB6F8; border-radius: 24rpx; font-size: 24rpx; color: #FFFFFF; line-height: 48rpx; text-align: center; } .flow-money.data-v-d80893f4{ font-weight: 800; font-size: 32rpx; color: #FF4D3A; } .finish-payment.data-v-d80893f4{ font-weight: bold; font-size: 32rpx; color: #2B303A; } /* 提示 */ .tips.data-v-d80893f4{ display: flex; align-items: center; justify-content: center; height: 24px; font-size: 12px; border-radius: 4px; background-color: #E2FDFE; margin-top: 10px; } .tips .icon.data-v-d80893f4{ display: block; width: 14px; height: 14px; margin-right: 10px; } .hr.data-v-d80893f4{ border-top: 1px solid #f0f0f0; }