.bill_header { width: 100%; height: 500rpx; background-color: #FE8146; } .bill_content { margin-left: 80rpx; color: white; padding-top: 60rpx; } .bill_content .todayBill { font-size: 40rpx; } .bill_content .Account { margin-top: 20rpx; font-size: 32rpx; } .bill_content span { font-size: 48rpx; } .bill_list { margin-top: 100rpx; display: flex; justify-content: space-around; align-items: center; } .bill_list_content1, .bill_list_content2, .bill_list_content3 { display: flex; flex-direction: column; align-items: center; font-size: 28rpx; color: aliceblue; /* background-color: aqua; */ padding: 20rpx; } .bill_list_content1, .bill_list_content2 { border-right: 1rpx solid rgb(199, 192, 192); } .bill_list_content1 view span { font-size: 40rpx; } .bill_list_content2 view span { font-size: 40rpx; } .bill_list_content3 view span { font-size: 40rpx; } .bill_bottom { width: 100%; height: 60rpx; } .bill_bottom_header { margin-top: 20rpx; display: flex; justify-content: space-between; align-items: center; } .bill_bottom_header text { padding: 40rpx; font-size: 32rpx; } .bill_bottom_header van-icon { padding: 40rpx; color: orange; font-size: 50rpx; } .bill_bottom_content { display: grid; grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 1fr; text-align: center; } .bill_bottom_contentList { padding: 40rpx; border: 1px solid #ccc; } .bill_bottom_contentList van-icon { font-size: 50rpx; color: orange; } .bill_bottom_contentList span { font-size: 35rpx; } .bill_bottom_contentList_text { font-size: 24rpx; color: #ccc; }