.order { border-radius: 20rpx; padding: 20px; width: 93vw; margin: 20rpx auto; background: white; box-shadow: 5rpx 5rpx 20rpx #46a9a473; } .order .orderNum { font-size: 24rpx; color: #46a9a4; margin-bottom: 10rpx; display: flex; justify-content: space-between; } .order .orderNum text { background: #d8faf8; padding: 3rpx 8rpx; } .order .orderNum .tag { padding: 5rpx 10rpx; height: 43rpx; font-size: 22rpx; color: #46a9a4; background: #d8faf8; } .order .orderNum .tag_errands { color: orange; background: rgba(255, 217, 0, 0.658); } .order .addressbox { width: 100%; border-bottom: 1rpx solid #e4e4e4; padding-bottom: 20rpx; } .order .goodDetil { margin: 20rpx 0; } .order .goodDetil .goodTitle { font-size: 30rpx; font-weight: bold; margin: 20rpx 0; } .order .goodDetil .picturebox { margin: 20rpx; width: 100%; display: flex; align-items: center; } .order .goodDetil .picturebox .picture { width: 120rpx; height: 120rpx; margin-left: 20rpx; } .order .goodDetil .weight { font-size: 30rpx; margin: 20rpx; } .order .staff { font-size: 30rpx; } .order .staff text { font-weight: bold; } .order .cart .good_item { display: flex; margin: 10rpx; overflow: hidden; } .order .cart .good_item > image { width: 170rpx; height: 170rpx; flex-shrink: 0; padding: 10rpx; border-radius: 10rpx; } .order .cart .good_item .left { width: 470rpx; margin: 10rpx 0rpx 10rpx 10rpx; } .order .cart .good_item .left .name { font-size: 35rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .order .cart .good_item .left .desc { margin: 10rpx 0; width: 100%; font-size: 25rpx; color: #a0a0a0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .order .cart .good_item .left .buttom { display: flex; align-items: center; justify-content: space-between; margin-top: 6rpx; } .order .cart .good_item .left .buttom .price .price { font-size: 26rpx; color: #a0a0a0; } .order .cart .good_item .left .buttom .price .original { font-size: 22rpx; color: #a0a0a0; text-decoration: line-through; } .order .cart .good_item .left .buttom .add { margin-left: 10rpx; width: 150rpx; font-size: 26rpx; color: #a0a0a0; } .order .totalPrice { text-align: end; font-size: 28rpx; color: gray; } .order .totalPrice text { color: red; font-size: 36rpx; font-weight: bold; } .order .btn { height: 80rpx; } .order .btn button { padding: 3rpx 15rpx; float: right; font-size: 28rpx; background: #46a9a4; color: white; margin: 20rpx 0 10rpx 10rpx; } .refund_popup .title { font-weight: bold; padding: 20rpx; font-size: 40rpx; text-align: center; border-bottom: #e4e4e4 1rpx solid; } .refund_popup .refundPopup { padding: 30rpx; } .refund_popup .refundPopup .address { width: 100%; display: flex; align-items: center; margin-top: 15rpx; padding-left: 10rpx; padding-right: 10rpx; } .refund_popup .refundPopup .address .a { padding: 5rpx 8rpx; border-radius: 5rpx; margin-right: 20rpx; font-size: 25rpx; display: flex; justify-content: center; align-items: center; background-color: #46a9a4; color: #d8faf8; } .refund_popup .refundPopup .address .b { padding: 5rpx 8rpx; border-radius: 5rpx; margin-right: 20rpx; font-size: 25rpx; display: flex; justify-content: center; align-items: center; background-color: #d8faf8; color: #46a9a4; } .refund_popup .refundPopup .address .address2 { width: 100%; font-size: 30rpx; } .refund_popup .refundPopup .address .address2 .address-address { color: #4e4e4e; width: 100%; display: flex; align-items: center; } .refund_popup .refundPopup .address .address2 .name { color: #afaeae; margin-top: 10rpx; } .refund_popup button { background: #46a9a4; color: white; width: 90vw; } .expressPopup { width: 100%; height: 70vh; } .expressPopup .title { font-size: 30rpx; height: 90rpx; line-height: 90rpx; text-align: center; border-bottom: 1rpx solid whitesmoke; } .expressPopup .itemBox { overflow-y: auto; height: calc(70vh - 250rpx); } .expressPopup .itemBox .item { padding: 20rpx; font-size: 28rpx; border-bottom: 1rpx solid whitesmoke; }