/* nova-tourism/pages/my/my-order/order-detail/index.wxss */ .all { width: 100vw; overflow-y: scroll; background-color: #F4F4F4; padding-bottom: 20rpx; color: #382E2E; font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", sans-serif; /* 添加后备字体 */ font-weight: 400; } .all .title { width: 100%; font-size: 36rpx; background-color: white; display: flex; justify-content: center; padding-bottom: 25rpx; } .all .cardbox { width: 100%; padding-left: 30rpx; padding-right: 30rpx; padding-top: 30rpx; padding-bottom: 10rpx; margin-top: 20rpx; background-color: white; } .all .cardbox .title2 { width: 100%; font-size: 30rpx; height: 36rpx; font-weight: 400; } .all .cardbox .roombox { width: 460rpx; width: 100%; display: flex; margin-top: 18rpx; height: 150rpx; } .all .cardbox .roombox image { width: 150rpx; height: 150rpx; border-radius: 4rpx; } .all .cardbox .roombox .room { height: 100%; margin-left: 32rpx; display: flex; flex-direction: column; justify-content: space-between; } .all .cardbox .roombox .room .room-name { width: 460rpx; font-size: 24rpx; } .all .cardbox .roombox .room .room-tag { font-size: 20rpx; width: 460rpx; height: auto; color: #F37B40; } .all .cardbox .roombox .room .room-text { width: 460rpx; height: auto; font-size: 20rpx; color: #737373; } .all .cardbox .roombox .room .room-text2 { width: 460rpx; height: auto; font-size: 20rpx; margin-top: 100rpx; color: #737373; } .all .cardbox .textbox { width: 100%; height: auto; padding-bottom: 40rpx; margin-top: 46rpx; } .all .cardbox .textbox .text1 { width: 100%; font-size: 20rpx; display: flex; color: #323232; margin-bottom: 24rpx; } .all .cardbox .textbox .text1 .tex2 { margin-left: auto; font-size: 28rpx; font-weight: 400; color: black; } .all .cardbox .textbox .text1 .tex3 { margin-left: auto; font-size: 20rpx; color: #979797; display: flex; } .all .cardbox .textbox .text1 .tex3 .tex3-2 { color: #323232; margin-left: 10rpx; } .all .cardbox .textbox .text2 { width: 100%; font-size: 28rpx; display: flex; color: #323232; margin-bottom: 20rpx; } .all .cardbox .textbox .text2 .tex1 { width: 200rpx; } .all .cardbox .textbox .text2 .tex4 { width: 100%; margin-left: 40rpx; font-size: 28rpx; color: #979797; display: flex; } .all .cardbox .textbox .sumbitbox { width: 100%; display: flex; justify-content: flex-end; margin-top: 26rpx; } .all .cardbox .textbox .sumbitbox .sumbit { width: 168rpx; height: 68rpx; border-radius: 20rpx; border: #F37B40 solid 2rpx; background-color: white; color: #F37B40; font-size: 28rpx; display: flex; align-items: center; justify-content: center; } .all .cardbox .textbox .btn { display: flex; justify-content: flex-end; } .all .cardbox .textbox .btn view { font-size: 28rpx; padding: 12rpx 40rpx; border: 1rpx solid #F37B40; color: #F37B40; border-radius: 20rpx; } .all .box { width: 100%; height: auto; background-color: white; margin-top: 20rpx; padding-top: 40rpx; } .all .box .wang-cardbox { margin-top: 20rpx; width: 100%; background-color: white; overflow-y: hidden; padding-left: 3%; padding-right: 3%; padding-bottom: 40rpx; column-count: 2; /* 设置列数 */ column-gap: 20rpx; /* 设置列间距 */ } .all .box .wang-cardbox .wang-card { break-inside: avoid; /* 防止卡片在列之间断裂 */ margin-bottom: 20rpx; /* 设置卡片底部间距 */ width: 100%; /* 确保卡片宽度为100% */ } .all .box .wang-cardbox .wang-card image { width: 100%; height: 275rpx; border-radius: 15rpx; } .all .box .wang-cardbox .wang-card .wang-catex { font-size: 28rpx; } .all .box .wang-cardbox .wang-card .wang-numbox { width: 100%; height: 80rpx; display: flex; align-items: center; } .all .box .wang-cardbox .wang-card .wang-numbox .wang-num { display: flex; justify-content: flex-end; align-items: flex-end; color: #C5262Ced; font-size: 30rpx; } .all .box .wang-cardbox .wang-card .wang-numbox .wang-num .wang-num1 { font-size: 32rpx; } .all .box .wang-cardbox .wang-card .wang-numbox .wang-num .wang-num2 { font-size: 36rpx; } .all .box .wang-cardbox .wang-card .wang-numbox .wang-submit { width: 100rpx; height: 50rpx; font-size: 30rpx; color: white; background-color: #F8DA7F; border-radius: 40rpx; display: flex; justify-content: center; align-items: center; margin-left: auto; }