.shouhuobox{ padding-bottom: 150rpx; } .addleft{ display:flex; align-items: center; } .shouhuoboxitem { padding: 24rpx 38rpx; box-sizing: border-box; border-top: 24rpx solid #f9f9f9; /* display: flex; justify-content: space-between; align-items: center; */ } .shouhuoitemtop { width:100%; display: flex; align-items: center; justify-content: space-between; } .shouhuoitemtopleft { color: #232323; font-size: 32rpx; } .shouhuoitemphone { color: #bdc4ce; font-size: 24rpx; margin-left: 14rpx; } .shouhuoaddress { width:600rpx; overflow: hidden; text-overflow: ellipsis; color: #3d444d; font-size: 24rpx; margin-top: 20rpx; } .shouitemright { width: 18rpx; height: 18rpx; font-size: 0; margin-right:9rpx; } .shouitemright image { width: 100%; height: 100%; } .adddizhi { height: 128rpx; background: #fff; width: 750rpx; position: fixed; bottom: 0; left: 0; } .adddizhibtn { width: 686rpx; height: 88rpx; background: rgba(255, 90, 78, 1); opacity: 1; border-radius: 8rpx; color:#fff; font-size: 32rpx; text-align: center; line-height: 88rpx; margin:0 auto; } .dizhi{ display:flex; align-items: center; justify-content: space-between } .delimg{ width:33rpx; height:33rpx; font-size: 0; } .delimg image{ width:100%; height:100%; } .delwrap{ width:600rpx; height:300rpx; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); background: #fff; border-radius: 16rpx; padding: 32rpx; box-sizing: border-box } .delwrd{ color:#5B5E63; font-size: 32rpx; font-weight: bold; text-align: center; } .delbottom{ display:flex; align-items: center; justify-content: space-between; margin-top:100rpx; } .delbottomleft{ width:200rpx; height:80rpx; border-radius: 44rpx; border:1rpx solid #8C9198; color:#5B5E63; font-size: 30rpx; text-align: center; line-height: 80rpx; } .delbottomright{ width:200rpx; height:80rpx; border-radius: 44rpx; background: #FF5A4E; color:#fff; font-size: 30rpx; text-align: center; line-height: 80rpx; }