.card_container_footer .btn:last-child { padding-left: 30rpx; } page { background-color: #f8f8f8; } .show_container_0 { padding-bottom: calc(210rpx + constant(safe-area-inset-bottom)); padding-bottom: calc(210rpx + env(safe-area-inset-bottom)); } .show_container_1, .show_container_2 { padding-bottom: 50rpx; } .card_container { background-color: #fff; border-radius: 10rpx; margin: 30rpx; } .container_header .card_cell_title { display: flex; align-items: center; justify-content: space-between; padding: 30rpx; } .container_header .type_text { color: #2d75ff; background-color: #e8f1ff; font-size: 26rpx; padding: 5rpx 15rpx; border-radius: 6rpx; } .container_header .type_text_red { background-color: #fff0eb; color: #df3600; } .container_header .type_text_green { background-color: #ebffe2; color: #389e0d; } .container_header .card_cell_min { display: flex; align-items: center; padding: 10rpx 30rpx 0 30rpx; font-size: 25rpx; color: #4b5563; } .container_header .total_fee { display: flex; align-items: center; padding: 0 30rpx 30rpx 30rpx; border-radius: 15rpx; color: #df3600; font-size: 32rpx; font-weight: 500; } .container_header .total_fee text { font-size: 25rpx; } .card_container_footer { display: flex; align-items: center; justify-content: space-between; padding: 0 30rpx 30rpx 30rpx; } .card_container_footer .btn { flex: 1; } .container_info { padding: 0 30rpx; } .container_info .info_title { font-size: 28rpx; font-weight: 500; color: #333; padding: 30rpx 0 20rpx 0; } .container_info .basic_item_info { display: flex; align-items: center; flex-wrap: wrap; } .container_info .basic_item_info .item { width: 50%; color: #666; font-size: 28rpx; padding-bottom: 30rpx; } .collection_info { background: linear-gradient(180deg, #f1f9ff 0%, #ffffff 50%); margin: 30rpx; padding: 30rpx; display: flex; align-items: center; justify-content: space-between; color: #3d3d3d; font-size: 26rpx; border-radius: 8rpx; } .collection_info .btn { background-color: #0082fa; font-size: 26rpx; color: #fff; border-radius: 100rpx; padding: 10rpx 30rpx; }