page { background-color: #f8f8f8; } .show_card { margin: 30rpx; background-color: #fff; border-radius: 10rpx; padding: 0 30rpx; } .show_card .card_header_type_status { display: flex; align-items: center; justify-content: space-between; padding: 25rpx 0; } .show_card .card_header_type_status .btn_type { border: 1rpx solid #eee; font-size: 28rpx; padding: 7rpx 19rpx; border-radius: 100rpx; } .show_card .card_header_type_status .btn_status { color: #f97316; background-color: #fff7ed; border-radius: 100rpx; font-size: 28rpx; padding: 7rpx 19rpx; } .show_card .card_header_type_status .work_item_header_left { display: flex; align-items: center; } .show_card .card_header_type_status .work_item_header_left .btn_type { margin-right: 30rpx; } .show_card .card_header_huse_info { display: flex; align-items: center; font-size: 28rpx; } .show_card .card_header_huse_info text { display: inline-block; height: 28rpx; line-height: 28rpx; } .show_card .card_header_huse_info text:last-child { margin-left: 15rpx; border-left: 1rpx solid #eee; padding-left: 15rpx; } .show_card .card_header_content_info { font-size: 30rpx; color: #444; padding: 15rpx 0 0 0; } .show_card .card_header_imgs { display: flex; align-items: center; flex-wrap: wrap; padding-bottom: 30rpx; } .show_card .card_header_imgs .item { width: 140rpx; height: 140rpx; border-radius: 10rpx; background-color: #f8f8f8; margin-top: 25rpx; margin-right: 25rpx; overflow: hidden; } .show_card .card_header_imgs .item:nth-child(4n) { margin-right: 0; } .show_card .card_header_imgs .item image { width: 100%; height: 100%; } .show_card_footer { border-top: 1rpx solid #eee; padding: 10rpx 0; margin-top: 10rpx; } .work_item_cell { display: flex; align-items: center; justify-content: space-between; font-size: 30rpx; color: #333; padding-top: 25rpx; } .work_item_cell:last-child { padding-bottom: 25rpx; } .work_item_cell text { font-size: 27rpx; }