/* nova-tourism/pages/collect/collect-detail/index.wxss */ .bax { width: 100%; position: relative; } .bax .all { width: 100vw; overflow-y: scroll; position: relative; background-color: #EEEEEE; color: #727783; font-family: "Microsoft JhengHei", "PingFang SC", "Helvetica Neue", sans-serif; font-weight: 700; } .bax .all .picturebox { width: 100%; height: 550rpx; position: relative; } .bax .all .picturebox .img { width: 100%; height: 550rpx; } .bax .all .picturebox .img image { width: 100%; height: 100%; } .bax .all .picturebox .numberbox { position: absolute; bottom: 40rpx; right: 20rpx; border-radius: 45%; z-index: 10; color: white; width: 70rpx; height: 45rpx; font-size: 24rpx; display: flex; justify-content: center; align-items: center; background-color: rgba(12, 12, 12, 0.5); } .bax .all .box { width: 100%; height: auto; background-color: #EEEEEE; position: absolute; top: 542rpx; left: 0; border-radius: 12rpx; } .bax .all .box .infobox { width: 100%; height: auto; padding: 40rpx; border-radius: 20rpx; background-color: white; } .bax .all .box .infobox .title { width: 100%; font-size: 26rpx; } .bax .all .box .infobox .lebalbox { width: 100%; display: flex; margin-top: 10rpx; } .bax .all .box .infobox .lebalbox .lebal { width: 174rpx; height: 50rpx; font-size: 28rpx; border-radius: 6rpx; padding-left: 20rpx; padding-right: 20rpx; background-color: #FBF5E1; color: #F8BB7F; margin-right: 20rpx; display: flex; justify-content: center; align-items: center; } .bax .all .box .infobox .carbox { width: 100%; height: 60rpx; margin-top: 24rpx; display: flex ; align-items: center; } .bax .all .box .infobox .carbox image { width: 40rpx; height: 30rpx; } .bax .all .box .infobox .carbox .car-tex { font-size: 26rpx; color: #F8BB7F; margin-left: 10rpx; } .bax .all .box .infobox .carbox2 { width: 100%; margin-top: 20rpx; display: flex ; align-items: center; border-bottom: solid 2rpx #EEEEEE; padding-bottom: 20rpx; } .bax .all .box .infobox .carbox2 image { width: 40rpx; height: 40rpx; } .bax .all .box .infobox .carbox2 .car-tex { font-size: 26rpx; margin-left: 10rpx; } .bax .all .box .infobox .carbox3 { width: 100%; margin-top: 20rpx; display: flex ; } .bax .all .box .infobox .carbox3 image { width: 40rpx; height: 40rpx; } .bax .all .box .infobox .carbox3 .carbox3-tex { font-size: 26rpx ; margin-left: 10rpx; } .bax .all .box .infobox .carbox3 .carbox3-tex .carbox3-tex2 { margin-top: 10rpx; } .bax .all .box .infobox .carbox4 { width: 100%; margin-top: 20rpx; display: flex ; align-items: center; } .bax .all .box .infobox .carbox4 image { width: 40rpx; height: 40rpx; } .bax .all .box .infobox .carbox4 .car-tex { font-size: 26rpx; margin-left: 10rpx; } .bax .all .box .tipbox { width: 100%; height: auto; margin-top: 16rpx; padding-top: 20rpx; padding-left: 30rpx; padding-right: 30rpx; background-color: white; border-radius: 20rpx; padding-bottom: 40rpx; font-size: 26rpx; } .bax .all .box .tipbox .dinggou { width: 100%; font-size: 26rpx; } .bax .all .box .tipbox .dinggou .dinggou-tex { margin-left: 20rpx; margin-top: 10rpx; } .bax .all .box .tipbox .picbox { width: 100%; margin-top: 20rpx; margin-bottom: 60rpx; } .bax .all .box .tipbox .picbox image { width: 100%; } .bax .all .box .tipbox2 { width: 100%; height: auto; margin-top: 16rpx; padding-top: 20rpx; padding-left: 30rpx; padding-right: 30rpx; padding-bottom: 40rpx; background-color: white; border-radius: 20rpx; font-size: 26rpx; padding-bottom: 110rpx; } .bax .all .box .tipbox2 .dinggou { width: 100%; font-size: 26rpx; } .bax .all .box .tipbox2 .dinggou .dinggou-tex { margin-left: 20rpx; margin-top: 10rpx; } .bax .all .box .tipbox2 image { width: 100%; height: 760rpx; margin-top: 20rpx; margin-bottom: 20rpx; } .bax .all .box .tipbox2 .tip2-tex { display: flex; justify-content: flex-end; } .bax .all .box .tipbox2 .qrBox { display: flex; justify-content: space-between; align-items: center; } .bax .all .box .tipbox2 .qrBox image { width: 150rpx; margin: 40rpx 10rpx; } .bax .paybox { width: 100%; height: 90rpx; display: flex; position: absolute; bottom: 0; left: 0; background-color: white; } .bax .paybox .pay1 { width: 288rpx; height: 100%; display: flex; align-items: center; justify-content: center; } .bax .paybox .pay1 image { width: 50rpx; height: 44rpx; } .bax .paybox .pay1 .pay1-tex { font-size: 32rpx; margin-left: 30rpx; } .bax .paybox .pay2 { width: 462rpx; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 32rpx; color: white; background-color: #F89B7F; } .bax .paybox .pay2 .pay2-tex2 { margin-left: 10rpx; }