payProject/pages/skinRecord/components/analysis/analysis.wxss

.tabs {
  height: 100%;
}

scroll-view {
  height: 0;
}

.progress-top {
  position: relative;
  left: 0;
  display: inline-block;
  transition: all .3s;
}

.progress-top .pos-abs text {
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #FF7B00;
}

.triangle-down {
  width: 0;
  height: 0;
  border-left: 16rpx solid transparent;
  border-right: 16rpx solid transparent;
  border-top: 20rpx solid #FF7B00;
  margin-top: 4rpx;
}

.border-radius {
  background: #FFFFFF;
  box-shadow: 0rpx -2rpx 16rpx 0rpx rgba(0, 0, 0, 0.04);
  border-radius: 24rpx;
  margin: 20rpx 28rpx;
}

.icon {
  width: 48rpx;
  height: 48rpx;
}

.padding {
  padding: 30rpx 28rpx;
}

.title text {
  font-size: 32rpx;
  font-family: PingFangSC-Semibold, PingFang SC;
  /* font-weight: 600; */
  color: #333333;
  /* font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500; */
  /* margin-left: 16rpx; */
}

.line {
  height: 20rpx;
  background: #F9F9F9;
}

.progress-box {
  /* height: 228rpx; */
  box-sizing: border-box;
}


.progress {
  margin-top: 16rpx;
  background: #FFFBF6;
  border-radius: 16rpx;
  height: 230rpx;
  align-items: flex-end;
  padding: 38rpx 28rpx;
  box-sizing: border-box;
}

.progress .sum {
  margin-right: 20rpx;
}

.progress .sum text {
  color: #FF7B00;
}

wux-progress {
  /* height: 56rpx; */
  border-radius: 200rpx;
  overflow: hidden;
}

.progress .text text {
  font-size: 24rpx;
  color: #999999;
  position: relative;
}

.progress .text .line::before {
  content: "";
  position: absolute;
  right: -34rpx;
  top: -50rpx;
  width: 8rpx;
  height: 20px;
  background-color: #FFFBF6;
}

/* .progress .text .active {
  width: 104rpx;
  height: 40rpx;
  background: #FA7D22;
  border-radius: 20rpx;
  text-align: center;
  line-height: 40rpx;
} */

.summary .item {
  margin-top: 20rpx;
}

.summary .item image {
  width: 28rpx;
  height: 28rpx;
  margin-right: 12rpx;
  vertical-align: middle;
}

.canvas {
  width: 100%;
  height: 650rpx;
  border-radius: 16rpx;
  margin-top: 16rpx;
}

.btn {
  /* width: 566rpx; */
  height: 92rpx;
  color: #fff;
  background: #FA7D22;
  box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(109, 0, 46, 0.15);
  border-radius: 50rpx;
  margin: 100rpx auto;
}