.page-container .title{
  font-weight: 600;
  font-size:32rpx;
  display: flex;
  align-items: center;
}
.page-container .title .left{
  flex:1;
}
.page-container .title .right{
  font-weight: normal;
  font-size: 30rpx;
}
.page-container .title .right .time{
  color:#EB0000;
  font-weight: 500;
  font-size: 32rpx;
  margin-left: 10rpx;
}
.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 .spliter{
  margin:24rpx 0 40rpx 0;
}
.sender .info{
  display: flex;
  align-items: center;
}
.sender .info .avatar{
  width:100rpx;height:100rpx;
  border-radius: 50%;
}
.sender .info .center{
  margin-left:24rpx;
  flex:1;
}
.sender .info .name{
  font-size: 30rpx;
  font-weight: 600;
}
.sender .info .desc{
  font-size: 26rpx;
  color: #888888;
  margin-top:24rpx;
}
.sender .info .button{
  font-size: 24rpx;
  font-weight: normal;
  border-radius: 12rpx;
}
.sender .info .icon{
  width:24rpx;height:24rpx;
}
.address .text{
  font-size: 34rpx;
  font-weight: 500;
}
.address .user{
  font-size: 32rpx;
  color: #888888;
  margin-top:26rpx;
}
.package-info{

}

.package-info .package{
}
.package-info .package .p-title{
  font-size: 30rpx;
  color: #888888;
}
.package-info .package .code-list{
  font-size: 34rpx;
  display: flex;
  flex-wrap: wrap;
  row-gap: 30rpx;
  column-gap: 84rpx;
  margin-top: 30rpx;
  font-weight: bold;
}
.package-info .package .item{

}
.order-info .kv{
  display: flex;
  align-items: center;
  height:32px;
}
.order-info .kv .key{
  font-size: 30rpx;
  color: #888888;
}
.order-info .kv .value{
  font-size: 32rpx;
  margin-left:30rpx;
  flex:1;
  display:flex;
  align-items: center;
}
.order-info .kv .copy{
  font-size: 24rpx;
  border-radius: 8rpx;
  padding:6rpx 12rpx;
  line-height: 1;
  border: 0.3px solid rgba(153, 153, 153, 0.5);
}
.order-info .kv .copy-area{
  padding:10rpx;
}
.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-v2{
}
.bottom-bar-v2 .btns{
  display: flex;
  gap: 30rpx;
  align-items: center;
  justify-content:flex-end;
}
.bottom-bar-v2 .pay{
  flex:1
}
.bottom-bar-v2 .button{
  line-height: 72rpx;
  padding:0 36rpx;
  font-weight: normal;
  border-radius: 18rpx;
  margin:0;
}
.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;
}

.send-way .left{
  padding:10rpx 0;
}

.photos .spliter{
  margin:24rpx 0;
}
.photos .imgs{
  display: flex;
  gap: 16rpx;
}
.photos .imgs .image{
  width:140rpx;height:140rpx;
  border-radius: 10rpx;
}