yimei_spa/pages/skinRecord/components/explanation/explanation.wxss

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

.poster .img-box {
  position: relative;
}

.poster .popup-img {
  height: 684rpx;
  width: 520rpx;
  border-radius: 24rpx;
  position: absolute;
  left: 26rpx;
  top: 20rpx;
}

.poster .popup-pos {
  width: 572rpx;
  height: 748rpx;
  overflow: hidden;
  box-sizing: border-box;
}

.poster .btn {
  height: 76rpx;
  line-height: 76rpx;
  padding: 0 42rpx;
  display: inline-block;
  border-radius: 52rpx;
  border: 2rpx solid #FA7D22;
  font-size: 36rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FA7D22;
  margin: 40rpx 0;
}

.tabs {
  height: 100%;
}

.tabs-title {
  white-space: nowrap;
  margin-top: 16rpx;
  padding-left: 30rpx;
  height: 56rpx;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.tabs-title .item {
  margin-right: 12rpx;
  height: 56rpx;
  padding: 0 14rpx;
  color: #999999;
  font-size: 24rpx;
  border-radius: 28rpx;
  padding: 0 28rpx;
  background: #FFFFFF;
}

.tabs-title .item.active {
  background: rgba(255, 119, 176, 0.1);
  color: #FA7D22;
  border-radius: 28rpx;
  padding: 0 28rpx;
}

.tabs-list {
  padding: 10rpx 0;
}

.tabs-list .item {
  /* height: 200px;
  background-color: blue;
  margin-bottom: 50px; */
  padding: 40rpx 30rpx;
  border-bottom: 2rpx solid #f1f1f1;
}

.tabs-list .item-img-box {
  margin-right: 30rpx;
  position: relative;
}

.tabs-list .item-img-box .default-img {
  width: 210rpx;
  height: 210rpx;
  border-radius: 50%;
  box-sizing: border-box;
  border: 2rpx solid #DFDFDF;
}

.tabs-list .item-img-box .last-real-image {
  width: 54rpx;
  height: 54rpx;
  border: 2rpx solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.tabs-list .item image {
  width: 524rpx;
  height: 524rpx;
  /* background-color: #ccc; */
}

.tabs-list .item .btn {
  min-width: 202rpx;
  height: 60rpx;
  border-radius: 30rpx;
  border: 2rpx solid #FF6CB2;
  font-size: 28rpx;
  color: #FF6CB2;
  margin-top: 20rpx;
  margin-bottom: 36rpx;
}

.tabs-list .item .btn.img {
  padding: 0 30rpx;
}