.page {
  background: #00D6AC;
  min-height: 100vh;
  padding: 40px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}


.box {
  width: 100%;
  padding: 60rpx 20rpx 20rpx 20rpx;
  background: #fff;
  box-sizing: border-box;
  border-radius: 15rpx;
  text-align: center;
}


.code {
  width: 400rpx;
  margin: 40rpx auto;
  position: relative;
}

.empty{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 400rpx;
  height: 40rpx;
  text-align: center;
  font-weight: bold;
}

.failure{
  width: 180rpx;
  height: 180rpx;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.choice {
  border-top: 1px dashed #ddd;
  padding: 40rpx 0 0;
  position: relative;

  &:after {
    content: '';
    display: block;
    background: #00D6AC;
    width: 40rpx;
    height: 40rpx;
    border-radius: 100%;
    position: absolute;
    left: -40rpx;
    top: -20rpx;
  }


  &:before {
    content: '';
    display: block;
    background: #00D6AC;
    width: 40rpx;
    height: 40rpx;
    border-radius: 100%;
    position: absolute;
    right: -40rpx;
    top: -20rpx;
  }
}

.button {
  margin: 30rpx auto;
  box-shadow: 0 0 10rpx rgba(#00d6ac, .5);
}

.buttonDel {
  color: #fff;
  margin: 30rpx auto;
  box-shadow: 0 0 10rpx rgba(#c94f4f, .5);
}
