.container { width: 750rpx; box-sizing: border-box; padding-bottom: 30rpx; } .container_qrcode { width: 100%; padding: 30rpx 0; position: relative; } .container_qrcode image { width: 750rpx; height: 1624rpx; position: absolute; top: 0; left: 0; } .container_qrcode canvas { width: 214rpx; height: 214rpx; /* margin: 0 auto; */ /* border: 30rpx solid #FFFFFF; */ position: absolute; left: 268rpx; top: 754rpx; } .container_qrcode view { width: 100%; text-align: center; font-size: 24rpx; color: #C0C4CC; margin-top: 30rpx; } .container_info { font-size: 28rpx; padding: 30rpx; box-sizing: border-box; } .container_info_item { height: 100rpx; line-height: 100rpx; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; color: #303133; border-bottom: 2rpx solid #ECEEF3; padding: 0 10rpx; } .container_info_item view:first-child { width: 280rpx; } .container_info_item view:nth-child(2) { color: #606266; width: 394rpx; text-align: right; box-sizing: border-box; padding: 0 20rpx; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .container_info_item_arrows-right { width: 13rpx; } .container_btn { width: 80%; margin: 60rpx auto 0 auto; height: 100rpx; line-height: 100rpx; background-color: #000000; color: #FFFFFF; box-sizing: border-box; text-align: center; font-size: 32rpx; border-radius: 6rpx; }