/* shoppingGuid/page/pages/qrcode/qrcode.wxss */
page{
  background: #f2f2f2;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

view{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}


.qrcode{
  padding: 50rpx;
}

.qrcode .card{
  width: 100%;
  height: auto;
  padding: 100rpx 30rpx;
  background: #ffffff;
  border-radius: 10rpx;
  /* border: 12rpx solid rgba(0, 145, 255, 0.46); */
  box-shadow: 0 0 20rpx 8rpx rgba(0, 145, 255, 0.46);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.qrcode .card .g-qrcode{
  width: 320rpx;
  height: 320rpx;
  margin-bottom: 40rpx;
  border-radius: 10rpx;
}

.qrcode .card .g-logo{
  width: 140rpx;
  height: 140rpx;
  margin-bottom: 25rpx;
  border-radius: 50%;
}

.qrcode .card .name{
  font-size: 36rpx;
  color: #333333;
  font-weight: bold;
}

/* 底部操作按钮 */
.bottom-operator{
  position: fixed;
  bottom: 20rpx;
  left: 0;
  width: 100%;
  height: 80rpx;
  display: flex;
  align-items: center;
  padding: 0 30rpx;
  justify-content: center;
  color: #666666;
  font-size: 28rpx;
}

.bottom-operator icon{
  margin-right: 10rpx;
}

.bottom-operator:active{
  opacity: 0.7;
}

.preview{
  width: 100%;
  height: 100vh;
  background: #ffffff;
  position: absolute;
  transform: translateX(-100%);
}