.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; justify-content: space-between; } .page-container .title .time{ font-size: 30rpx; } .page-container .title .yellow{ color:#FF8C12; } .page-container .spliter{ margin:24rpx 0; } .address-self{ padding:46rpx 40rpx; } .address-self .address{ color:#555; line-height: 1.4; } .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; padding-top:16rpx; } .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; } .product .info{ display: flex; } .product .avatar{ width:150rpx;height:150rpx; border-radius: 12rpx; } .product .center{ flex:1; margin-left:20rpx; display: flex; flex-direction: column; justify-content: space-between; height: 130rpx; padding:10rpx 0; } .product .c-top{ display:flex; justify-content: space-between; } .product .c-top .qty{ font-size: 36rpx; color: #888; } .order-info .kv{ display: flex; align-items: center; height:58rpx; } .order-info .kv .key{ color: #888888; } .order-info .kv .value{ font-size: 32rpx; margin-left:30rpx; flex:1; } .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 .money{ font-size: 36rpx; } .bottom-bar-v2{ text-align: right; display: flex; gap: 30rpx; } .bottom-bar-v2 .btn-verify{ flex:1; } .bottom-bar-v2 .btn{ /* line-height: 72rpx; */ font-weight: normal; border-radius: 18rpx; padding:20rpx 40rpx; } .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; }