wxsapp/SuperBrain/pages/add/add.wxss

/* pages/add/add.wxss */
Page {
  height: 100%;
  width: 100%;
  background-color: #413668;
}

/* .title {
  color: #da9961;
  font-size: 40rpx;
  text-align: center;
  margin-top: 22rpx;
} */

.top-view {
  width: 100%;
  height: 42rpx;
}

.tips {
  color: #bfbdff;
  font-size: 26rpx;
  line-height: 38rpx;
  margin-left: 56rpx;
  margin-right: 56rpx;
  margin-bottom: 32rpx;
}

.options-bg {
  margin-left: 56rpx;
  margin-right: 56rpx;
  margin-bottom: 24rpx;
  height: 128rpx;
  border-radius: 64rpx;
  background-color: #483a7b;
  display: flex;
  flex-direction: row;
}

.options-icon-bg {
  width: 108rpx;
  height: 108rpx;
  border-radius: 54rpx;
  margin-top: 10rpx;
  margin-left: 10rpx;
  background-color: #3f3466;
}

.options-icon {
  width: 80rpx;
  height: 80rpx;
  margin-top: 14rpx;
  margin-left: 14rpx;
}

.options-content {
  display: flex;
  flex-direction: column;
  margin-left: 20rpx;
}

.options-title {
  font-size: 40rpx;
  color: #bfbdff;
  margin-top: auto;
  font-weight: bold;
}

.options-menoy {
  font-size: 34rpx;
  color: #d990ea;
  margin-top: -4rpx;
  margin-bottom: auto;
}

.options-welfare-bg {
  height: 44rpx;
  border-radius: 22rpx;
  background-color: #8c5aeb;
  margin-top: 22rpx;
  margin-left: 10rpx;
  display: flex;
  flex-direction: row;
}

.options-welfare {
  color: white;
  height: 44rpx;
  font-size: 24rpx;
  text-align: center;
  font-weight: lighter;
  line-height: 44rpx;
  margin: auto 20rpx;
}

.options-check, .options-selected {
  width: 56rpx;
  height: 56rpx;
  margin-left: auto;
  margin-right: 44rpx;
  margin-top: auto;
  margin-bottom: auto;
}

.options-check {
  border-radius: 30rpx;
  border-width: 2rpx;
  border-color: #8c5aeb;
  border-style: solid;
}

.buy {
  font-size: 34rpx;
  color: white;
  /* font-weight: bold; */
  text-align: center;
  line-height: 92rpx;
  margin-top: 60rpx; 
  margin-left: 76rpx;
  margin-right: 76rpx;
  height: 92rpx;
  border-radius: 46rpx;
  background: linear-gradient(to left, #625af7, #dd7fff);
}

can-not-pay {
  display: flex;
  flex-direction: column;
}

.can-not-pay-img {
  margin: 134rpx 168rpx 0rpx;
  width: 414rpx;
  height: 238rpx;
}

.can-not-pay-text-title {
  margin: 40rpx auto 0px;
  font-size: 40rpx;
  font-weight: bold;
  color: #bfbdff;
  text-align: center;
}

.can-not-pay-text {
  margin: 8rpx auto 0px;
  font-size: 32rpx;
  color: #bfbdff;
  text-align: center;
}

.contact {
  background-color: #8c5aeb;
  color: white;
  font-size: 34rpx;
  text-align: center;
  font-weight: bold;
  height: 92rpx;
  line-height: 92rpx;
  border-radius: 46rpx;
  margin: 36rpx 196rpx 130rpx;
}

.phone {
  box-sizing: border-box;
  font-size: 34rpx;
  color: #bfbdff;
  text-align: center;
  line-height: 92rpx;
  margin-top: 40rpx; 
  margin-left: 76rpx;
  margin-right: 76rpx;
  height: 92rpx;
  border-radius: 46rpx;
  border-width: 1rpx;
  border-style: solid;
  background-color: #413668;
}

.bottom-tips {
  font-size: 24rpx;
  color: #bfbdff;
  text-align: center;
  margin-top: 26rpx;
}