.order-status{ margin:50rpx 20rpx; display: flex; align-items: center; font-size: 40rpx; font-weight: 600; color:var(--main-color); } .order-status.COMPLETED,.order-status.CANCELLED{ color:var(--main-font-color); } .order-status::before{ content: ""; display: block; width:10rpx;height:44rpx; margin-right:24rpx; border-radius: 6rpx; background-color:var(--main-color); } .order-status.COMPLETED::before,.order-status.CANCELLED::before{ background-color:var(--main-font-color); } .page-container .title{ font-weight: 600; font-size:32rpx; display: flex; align-items: center; } .page-container .spliter{ margin:24rpx 0; } .prd-info{ padding:46rpx 40rpx; } .prd-info .head{ display: flex; } .prd-info .head .image{ width:120rpx;height:120rpx; } .prd-info .head .center{ flex: 1; } .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: 54rpx auto 0; background-color: #999; } .prd-info .qrcode .image{ width:100%;height:100%; vertical-align: middle; } .prd-info .code-tips{ font-size: 30rpx; color: #999999; text-align: center; margin-top:30rpx; } .address .text1{ font-size: 34rpx; font-weight: 500; padding-top:16rpx; } .address .text2{ font-size:32rpx; color:#888888; margin-top:28rpx; } /* 商家 */ .merchant .info{ display: flex; align-items: center; } .merchant .avatar{ width:84rpx;height:84rpx; border-radius: 50%; } .merchant .center{ margin-left:20rpx; flex:1; overflow: hidden; white-space: nowrap; } .merchant .name{ font-weight: 500; text-overflow: ellipsis; overflow: hidden; } .merchant .address{ font-size: 26rpx; color: #555; text-overflow: ellipsis; overflow: hidden; margin-top:20rpx; } .merchant .icon-phone{ width:36rpx;height:36rpx; align-self: flex-start; padding:4rpx; } .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: 24rpx; border-radius: 8rpx; border: 0.3px solid rgba(153, 153, 153, 0.5); color: #222222; line-height: 36rpx; padding:0 14rpx; } .order-info .kv .tag{ border: 1rpx solid #ff0000; color: #ff0000; font-size: 24rpx; border-radius: 8rpx; line-height: 40rpx; padding:0 10rpx; margin-left: 32rpx; } .bottom-bar-v2{ text-align: right; } .bottom-bar-v2 .button{ line-height: 72rpx; padding:0 36rpx; font-weight: normal; border-radius: 18rpx; } .bottom-bar-v2 .button1{ color: #555555; border: 1rpx solid rgba(153, 153, 153, 0.5); font-size: 32rpx; } .bottom-bar-v2 .button2{ font-size: 32rpx; margin-left:30rpx; }