payProject/pages/vipCard/vipCard.wxss

.tabs-radius {
  background: #fff;
  /* opacity: 0.8; */
  border-radius: 24rpx;
}

.tabs {
  padding: 0 30rpx;
}

.tabs-wrap {
  height: 96rpx;
  margin-top: 16rpx;
  opacity: 0.8;
  justify-content: space-around;
}

.tabs-wrap .item {
  /* width: 33.33%; */
  height: 100%;
  font-size: 28rpx;
  color: #666666;
  position: relative;
}

.tabs-wrap .item.line::before {
  content: '';
  position: absolute;
  right: -80rpx;
  top: 26rpx;
  width: 2rpx;
  height: 44rpx;
  background-color: #EEEEEE;
  border-radius: 16rpx;
}

.tabs-wrap .item.active {
  font-family: PingFangSC-Semibold;
  font-size: 28rpx;
  color: #333;
  /* color: #85DBD8; */
  border-bottom: 4rpx solid #FA7D22;
}

.tabs-content .item {
  margin: 20rpx 0;
  background: #fff;
  box-shadow: 4rpx 24rpx 50rpx -8rpx rgba(255, 119, 176, 0.55);
}

.tabs-content .item-top {
  height: 102rpx;
  padding: 0 30rpx;
}

.tabs-content .item-top text:first-child {
  flex: 1;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
}


.tabs-content .item-top text:last-child {
  color: #FF6877;
  margin-left: 20rpx;
  font-family: PingFangSC-Medium, PingFang SC;
}

.tabs-content .item-content {
  border-top: 1rpx solid rgba(0, 0, 0, 0.10);
  border-bottom: 1rpx solid rgba(0, 0, 0, 0.10);
  padding: 30rpx;
}

.tabs-content .item-content image {
  width: 168rpx;
  height: 168rpx;
  /* background: #EDEDED; */
  margin-right: 12rpx;
  box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}

.tabs-content .item-content .content {
  justify-content: space-around;
}

.tabs-content .item-btn {
  height: 130rpx;
  justify-content: flex-end;
}

.tabs-content .item-btn .btn {
  margin-right: 30rpx;
}

.tabs-content .item-btn .cancel-btn {
  font-size: 28rpx;
  color: #666666;
}

.tabs-content .item-btn .use-btn {
  width: 166rpx;
  height: 70rpx;
  background: #FA7D22;
  border-radius: 35rpx;
  font-size: 28rpx;
  color: #FFFFFF;
  box-shadow: 4rpx 24rpx 50rpx -8rpx rgba(255, 119, 176, 0.55);
}

.use-popup {
  width: 558rpx;
  height: 508rpx;
  background: #FFFFFF;
  border-radius: 40rpx;
  justify-content: center;
  /* justify-content: space-evenly; */
}

/* .use-popup .red {
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #E95564;
} */

.use-btn .btn {
  /* width: 208rpx; */
  height: 92rpx;
  margin: 0 48rpx;
  font-size: 36rpx;
  color: #FA7D22;
  border-radius: 52rpx;
  border: 2rpx solid #FA7D22;
}

.use-btn .confirm {
  margin-top: 28rpx;
  /* margin-left: 46rpx; */
  background-color: #FA7D22;
  color: #fff;
}