.list { margin: 27.008rpx 28.992rpx 20rpx 31.008rpx; background: #fff; border-radius: 20rpx; padding: 20.992rpx 20rpx 28rpx 20rpx; } .list .top { display: flex; align-items: center; justify-content: space-between; } .list .top .top_left { display: flex; align-items: center; } .list .top .top_left .span { font-size: 24rpx; color: #666; } .list .top .top_left .Status { background-color: #fcbc07; border-radius: 10.016rpx; display: flex; align-items: center; justify-content: center; font-size: 22.016rpx; color: #fff; padding: 7.008rpx 15.008rpx 6.016rpx 14.016rpx; margin-left: 23.008rpx; } .list .top .Status_o { color: #f14e4e; font-size: 24rpx; } .list .centen { margin-top: 32rpx; display: flex; justify-content: space-between; } .list .centen .centen_left { width: 140rpx; height: 140rpx; background-color: #666; } .list .centen .centen_left image { width: 100%; height: 100%; } .list .centen .centen_right { flex: 1; text-align: left; margin-left: 20.992rpx; } .list .centen .centen_right .span { font-size: 28rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .list .centen .centen_right .p { font-size: 24rpx; color: #666; } .list .address { margin-top: 34.016rpx; text-align: left; } .list .address .p { font-size: 26.016rpx; color: #909090; } .list .address .span { color: #909090; font-size: 26.016rpx; } .list .hxBtn .span:nth-child(n+1) { margin-left: 20rpx; } .list .hxBtn { display: flex; justify-content: flex-end; margin-top: 39.008rpx; } .list .hxBtn .span { width: 150.016rpx; height: 46.016rpx; border-radius: 23.008rpx; border: solid 0.992rpx #f14e4e; font-size: 26.016rpx; color: #f14e4e; display: flex; align-items: center; justify-content: center; } .sendgood { font-size: 30rpx; } .sendgood .h4 { line-height: 60rpx; font-size: 30rpx; text-align: center; padding-top: 10rpx; } .sendgood .addmessage { display: flex; padding-left: 20rpx; padding-right: 20rpx; } .sendgood .addmessage .title { flex: 3; } .sendgood .addmessage .content { flex: 7; } .sendgood .delivery { padding-top: 12rpx; display: flex; align-items: center; padding-left: 20rpx; padding-right: 20rpx; } .sendgood .delivery .left { flex: 3; } .sendgood .delivery .right { flex: 7; display: flex; align-items: center; } .sendgood .delivery .right .button { border: 1px solid #555; color: #555; text-align: center; padding-left: 10rpx; padding-right: 10rpx; border-radius: 10rpx; } .sendgood .deliveryinp { padding-top: 12rpx; display: flex; align-items: center; padding-left: 20rpx; padding-right: 20rpx; } .sendgood .deliveryinp .left { flex: 3; } .sendgood .deliveryinp .right { flex: 7; } .send-googs-fail { text-align: center; } .send-googs-fail .title { font-weight: bold; font-size: 30rpx; line-height: 80rpx; } .send-googs-fail .msg { font-size: 28rpx; color: #999; line-height: 80rpx; margin-bottom: 30rpx; } .send-googs-fail .confirm { font-size: 30rpx; font-weight: bold; color: #35a3fd; line-height: 80rpx; border-top: solid 1px #eee; transition: background-color 0.5s; } .send-googs-fail .confirm:active { background-color: #eee; } .qrcodeClass { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 60rpx 0; } .qrcodeClass image { width: 400rpx; height: 400rpx; } .qrcodeClass text { font-size: 36rpx; font-weight: bold; margin-top: 18rpx; margin-bottom: 40rpx; } .shop .allbt .noClickBG { border: 0.0625rem solid #e8e8e8; background: #e8e8e8; color: #999; } .clickBg { background: #f14e4e; color: #fff !important; }