charge_miniapp/pages/order-detail/order-detail.css

ax-body{
	display: block;
	height: 100%;
	background: #F6FAFF;
}
.body{
	position: relative;
	z-index: 1;
}
/* 页面背景 */
.page-background{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 0;
}
.page-background image{
	display: block;
	width: 100%;
}

/* 基础信息 */
.base-info{
	font-size: 14px;
	position: relative;
	color: #fff;
	transform: translateY(5px);
}
.base-info .content{
	padding: 10px;
	position: relative;
	z-index: 2;
}
.base-info .val{
	margin-top: 10px;
}
.base-info .value{
	display: inline-block;
	font-weight: bold;
	font-size: 30px;
	margin-right: 5px;
	transform: translateY(2px);
}
.base-info .name{
	display: flex;
	align-items: center;
}
.base-info .name .icon{
	width: 24px;
	margin-right: 10px;
}
.base-info .bg{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* 卡片 */
.card{
	display: flex;
	align-items: center;
	padding: 10px;
	margin-top: 20px;
	background-color: #fff;
	border-radius: 8px;
}
.card .item{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.card .item .icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	color: #fff;
	background-color: #aaa;
	border-radius: 4px;
}
.card .item .icon.green{
	background-color: #4EDC86;
}
.card .item .icon.red{
	background-color: #F44033;
}
.card .item .date{
	font-size: 12px;
	color: #aaa;
	text-align: center;
}
.card .item .time{
	font-weight: bold;
}
.card .item .arrow{
	width: 8em;
}
.card .item.middle{
	margin: 0 10px;
	font-size: 14px;
}

/* 单元格 */
.cell-group{
	background-color: #fff;
	border-radius: 8px;
	padding: 10px;
	margin-top: 10px;
}
.cell-group .cell{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 32px;
	font-size: 14px;
}
.cell-group .cell .contet{
	color: #aaa;
}
.cell-group .summarize{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	height: 46px;
}
.cell-group .sum{
	font-size: 16px;
	color: #F44033 !important;
}
.cell-group.multi-line{
	position: relative;
	z-index: 2;
}
.cell-group.multi-line .cell{
	display: block;
	height: auto;
}
.cell-group.multi-line .cell .lable{
	height: 28px;
	color: #AAA;
}
.cell-group.multi-line .cell .contet{
	height: 32px;
	color: #2B303A;
	font-size: 16px;
	font-weight: bold;
}
.load-payment{
	font-weight: bold;
	font-size: 32rpx;
	color: #2B303A;
}
.load-payment-btn{
	width: 160rpx;
	height: 48rpx;
	background: #3EB6F8;
	border-radius: 24rpx;
	font-size: 24rpx;
	color: #FFFFFF;
	line-height: 48rpx;
	text-align: center;
}
.flow-money{
	font-weight: 800;
	font-size: 32rpx;
	color: #FF4D3A;
}
.finish-payment{
	font-weight: bold;
	font-size: 32rpx;
	color: #2B303A;
}

/* 提示 */
.tips{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	font-size: 12px;
	border-radius: 4px;
	background-color: #E2FDFE;
	margin-top: 10px;
}
.tips .icon{
	display: block;
	width: 14px;
	height: 14px;
	margin-right: 10px;
}

.hr{
	border-top: 1px solid #f0f0f0;
}