share_activity/pages/integral/success.wxss

/* pages/integral/success.wxss */
page{
  display:flex;
  flex-flow: column nowrap;
  justify-content: left;
  align-items: center;
  box-sizing: border-box;
}

/* 垂直方向布局，水平居中 **/
.flex-column{
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: left;
}

/* 水平方向布局，垂直居中 **/
.flex-row{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

.success-style{
  width: 750rpx;
  height: 100%;
  justify-content: space-between;
}

.top{
  margin-top: 20rpx;
  font-size: 38rpx;
  font-weight: bold;
}

.bottom{
  width: 750rpx;
  margin-top: 70vh;
}

.success-card{ 
  width: 650rpx;
  height: 100rpx;
  background-color: chocolate;
  color: #ffffff;
  text-align: center;
  border-radius: 10rpx;
  font-size: 40rpx;
  line-height: 100rpx;
  margin-bottom: 20rpx;
  border: 2rpx solid #949191f7;
}

.success-instructions{
  width: 650rpx;
  height: 100rpx;
  background-color: #f5f5f5;
  text-align: center;
  border-radius: 10rpx;
  font-size: 40rpx;
  line-height: 100rpx;
  border: 2rpx solid #949191f7;
}