payProject/pages/beautyPlanList/beautyPlanList.wxss

page {
  background: #F9F9F9;
}

.tabs-bgc {
  padding: 30rpx 28rpx;
  /* background: #FA7D22; */
  /* background: linear-gradient(180deg, #FA7D22 0%, rgba(255, 202, 224, 0) 100%); */
}

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

.tabs-wrap {
  height: 96rpx;
  background: #fff;
  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: 6rpx solid #FA7D22;
}

.tabs-content .item {
  margin: 20rpx 30rpx;
  /* background: #fff; */
  /* height: 172rpx; */
  border-radius: 8rpx;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0px 4rpx 20rpx 0px rgba(0, 0, 0, 0.06);
}

.tabs-content .item .padding {
  background-color: #fff;
  height: 144rpx;
  padding: 18rpx 26rpx;
  box-sizing: border-box;
}

.tabs-content .item .line {
  height: 100%;
  width: 2rpx;
  background: #F0F0F0;
  border-radius: 24rpx;
  margin: 0 30rpx;
}

.tabs-content .item .btn {
  width: 122rpx;
  height: 70rpx;
  background: #FA7D22;
  border-radius: 35rpx;
  color: #fff;
  margin-left: 20rpx;
}