.page-container .title{ font-weight: 600; font-size:32rpx; display: flex; align-items: center; } .prd-info .head{ display: flex; } .prd-info .head .image{ width:120rpx;height:120rpx; } .prd-info .head .center{ flex: 1; margin-top:10rpx; } .prd-info .head .money{ margin-top:10rpx; } .prd-info .head .tags{ margin-top:22rpx; } .prd-info .spliter{ margin:20rpx 0 30rpx 0; } .prd-info .qrcode{ width:400rpx;height:400rpx; margin: 0 auto; background-color: #999; } .address{ display: flex; } .address .left{ flex:1; } .address .left .text1{ font-size: 36rpx; font-weight: 500; } .address .left .text2{ font-size: 26rpx; margin-top:40rpx; } .address .icon-con{ background-color: rgba(153, 153, 153, 0.1); border-radius: 50%; display: inline-flex; align-items: center; padding:8rpx; } .address .icon{ width:30rpx;height:30rpx; } .address .right{ font-size: 26rpx; color: #888888; margin-left:48rpx; text-align: center; } .address .right .text{ margin-top:32rpx; } .order-info .kv{ display: flex; align-items: center; height:58rpx; } .order-info .spliter{ margin:28rpx 0 18rpx 0; } .order-info .kv .key{ font-size: 26rpx; color: #888888; } .order-info .kv .value{ font-size: 28rpx; margin-left:30rpx; flex:1; display:flex; align-items: center; } .order-info .kv .copy-area{ padding:10rpx; } .order-info .kv .copy{ font-size: 20rpx; border-radius: 60rpx; border: 0.5px solid rgba(153, 153, 153, 0.5); color: #888888; line-height: 32rpx; padding:0 14rpx; } .order-info .kv .tag{ border: 1rpx solid #EB0000; color: #EB0000; font-size: 24rpx; border-radius: 8rpx; line-height: 40rpx; padding:0 10rpx; margin-left: 32rpx; } .bottom-bar{ padding:34rpx 34rpx 94rpx; text-align: right; } .bottom-bar .button{ line-height: 72rpx; padding:0 36rpx; font-weight: normal; border-radius: 18rpx; } .bottom-bar .button1{ color: #555555; border: 1rpx solid rgba(153, 153, 153, 0.5); font-size: 32rpx; } .bottom-bar .button2{ color: #1A4DEB; border: 1rpx solid #1A4DEB; font-size: 32rpx; margin-left:30rpx; } .patch{ padding-bottom:200rpx; }