page { background-color: #f8f8f8; } .header { background-color: #fff; position: fixed; left: 0; top: 0; right: 0; z-index: 100; box-shadow: 0px 3px 7px rgba(206, 206, 206, 0.25); } .work_contents { padding: 100rpx 0 0 0; } .work_contents .work_item { background-color: #fff; border-radius: 10rpx; margin: 30rpx 30rpx 0 30rpx; border-radius: 15rpx; padding: 0 30rpx 30rpx 30rpx; } .work_contents .work_item .work_item_header { display: flex; align-items: center; justify-content: space-between; padding: 25rpx 0; font-size: 24rpx; color: #3d3d3d; } .work_contents .work_item .work_item_header .btn_type { border: 1rpx solid #eee; padding: 7rpx 19rpx; border-radius: 100rpx; } .work_contents .work_item .work_item_header .btn_status { color: #f97316; background-color: #fff7ed; border-radius: 100rpx; padding: 7rpx 19rpx; } .work_contents .work_item .work_item_header .work_item_header_left { display: flex; align-items: center; } .work_contents .work_item .work_item_header .work_item_header_left .btn_type { margin-right: 30rpx; } .work_contents .work_item .work_item_houses { display: flex; align-items: center; font-size: 28rpx; font-weight: 500; } .work_contents .work_item .work_item_houses .item { height: 30rpx; line-height: 30rpx; } .work_contents .work_item .work_item_houses .item:last-child { border-left: 1rpx solid #eee; padding-left: 15rpx; margin-left: 15rpx; } .work_contents .work_item .work_item_des { color: #444444; font-size: 28rpx; padding: 15rpx 0 0 0; } .work_contents .work_item .work_item_images { display: flex; align-items: center; flex-wrap: wrap; } .work_contents .work_item .work_item_images .item { width: 140rpx; height: 140rpx; border-radius: 10rpx; background-color: #f8f8f8; margin-top: 25rpx; margin-right: 25rpx; overflow: hidden; } .work_contents .work_item .work_item_images .item:nth-child(4n) { margin-right: 0; } .work_contents .work_item .work_item_images .item image { width: 100%; height: 100%; }