.complete-info-dialog { width: 100%; height: 100vh; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; z-index: 1000; } .complete-info-dialog .content { width: 530rpx; border-radius: 16rpx; background: #fff; box-sizing: border-box; padding: 0 40rpx; } .complete-info-dialog .content .close-dialog { width: 100%; height: 60rpx; display: flex; align-items: center; justify-content: flex-end; } .complete-info-dialog .content .close-dialog image { width: 24rpx; height: 24rpx; } .complete-info-dialog .content .title { font-size: 36rpx; color: #333; width: 100%; line-height: 60rpx; height: 60rpx; text-align: center; margin-bottom: 27rpx; } .complete-info-dialog .content .tip { font-size: 32rpx; color: #666; line-height: 50rpx; text-align: left; margin-bottom: 36rpx; white-space: pre-wrap; } .btns { display: flex; width: 100%; padding: 0rpx 0 40rpx 0; justify-items: center; align-items: center; flex-direction: column; font-size: 32rpx; } .btns .confirm { width: 290rpx; height: 80rpx; margin: 0 auto 20rpx auto; border-radius: 40rpx; background: #E60000; color: #fff; text-align: center; line-height: 80rpx; } /*.complete-info-dialog .content .operation { width: 100%; height: 105rpx; box-sizing: border-box; padding: 15rpx 0; display: flex; justify-content: space-around; align-items: center; border-top: 1rpx solid #eaeaea; } .complete-info-dialog .content .operation .cancel { width: 100%; height:100%; text-align: center; line-height: 75rpx; font-size: 36rpx; color: #666; } .complete-info-dialog .content .operation .cancel + .confirm { border-left: 1rpx solid #eaeaea; } .complete-info-dialog .content .operation .confirm { width: 100%; height:100%; text-align: center; line-height: 75rpx; font-size: 36rpx; color: #04BCA0; } */