/* packageE/others/all_result/all_result.wxss */
#skin_all_result {
  padding: 32rpx 28rpx 0;
  background: -moz-linear-gradient(top, #ffbec8 0%, #fff 25%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffbec8), color-stop(25%, #fff));
  background: -webkit-linear-gradient(top, #ffbec8 0%, #fff 25%);
  background: -o-linear-gradient(top, #ffbec8 0%, #fff 25%);
  background: -ms-linear-gradient(top, #ffbec8 0%, #fff 25%);
  background: linear-gradient(to bottom, #ffbec8 0%, #fff 25%);
}

#skin_all_result .main-bg {
  margin-bottom: 32rpx;
  background-color: #fff;
  box-shadow: 0rpx 1rpx 3px 0rpx #ffbec8;
  border-radius: 20rpx;
  padding: 0 28rpx;
}

#skin_all_result .m-result {
  padding: 24rpx 32rpx;
  display: flex;
  flex-direction: column;
}

#skin_all_result .m-result .m-result-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#skin_all_result .m-result .m-result-center,
#skin_all_result .m-result .m-result-bottom {
  display: flex;
  justify-content: space-between;
}

#skin_all_result .m-result .m-result-top .m-r-t-left,
#skin_all_result .m-result .m-result-center .m-r-t-left,
#skin_all_result .m-result .m-result-bottom .m-r-t-left {
  flex: 1;
  display: flex;
  line-height: 80rpx;
  overflow: hidden;
}

#skin_all_result .m-result .m-result-top .m-r-t-left image,
#skin_all_result .m-result .m-result-center .m-r-t-left image,
#skin_all_result .m-result .m-result-bottom .m-r-t-left image {
  width: 80rpx;
  height: 80rpx;
  border-radius: 100%;
  overflow: hidden;
  margin: 0;
}

#skin_all_result .m-result .m-result-top .m-r-t-left .name,
#skin_all_result .m-result .m-result-center .m-r-t-left .name,
#skin_all_result .m-result .m-result-bottom .m-r-t-left .name {
  flex: 1;
  margin-left: 16rpx;
  font-size: 32rpx;
  font-weight: bold;
  overflow: hidden;

  /* 超出部分隐藏 */
  text-overflow: ellipsis;

  /* 超出部分显示省略号 */
  white-space: nowrap;

  /* 规定段落中的文本不进行换行 */
}

#skin_all_result .m-result .m-result-top .m-r-t-right {
  width: 110rpx;
  height: 110rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bf1818;
  font-size: 28rpx;
  line-height: 32rpx;
  font-weight: bold;
  padding: 20rpx;
  background-size: 100% 100%;
}

#skin_all_result .m-result .m-result-top .m-r-t-right icon {
  font-size: 48rpx;
}

#skin_all_result .m-result .m-result-center .m-r-t-right,
#skin_all_result .m-result .m-result-bottom .m-r-t-right {
  width: 116rpx;
  height: 116rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bf1818;
  font-size: 28rpx;
  line-height: 32rpx;
  font-weight: bold;
  padding: 20rpx;
  background: url(https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/watermark.png);
  background-size: 100% 100%;
  transform: rotate(-30deg);
}

#skin_all_result .m-result .m-result-bottom .m-r-b-r {
  width: 200rpx;
  height: 60rpx;
  line-height: 60rpx;
  color: #fff;
  background-color: #fe5a73;
  font-size: 24rpx;
  border-radius: 32rpx;
  text-align: center;
}

#skin_all_result .m-result .m-result-top .m-result-right,
#skin_all_result .m-result .m-result-center .m-result-right,
#skin_all_result .m-result .m-result-bottom .m-result-right {
  display: flex;
  flex-direction: column;
}

#skin_all_result .m-result .m-result-top .m-result-right .m-r-r-chilid,
#skin_all_result .m-result .m-result-center .m-result-right .m-r-r-chilid,
#skin_all_result .m-result .m-result-bottom .m-result-right .m-r-r-chilid {
  width: 280rpx;
  height: 72rpx;
  line-height: 72rpx;
  background-color: #fff1f3;
  border-radius: 64rpx;
  overflow: hidden;
  display: flex;
  margin-bottom: 12rpx;
  padding: 0 32rpx;
  font-size: 24rpx;
}

#skin_all_result .m-result .m-result-top .m-result-right .m-r-r-chilid .r-chilid-text,
#skin_all_result .m-result .m-result-center .m-result-right .m-r-r-chilid .r-chilid-text,
#skin_all_result .m-result .m-result-bottom .m-result-right .m-r-r-chilid .r-chilid-text {
  font-size: 32rpx;
  color: #333;
  font-weight: bold;
  margin-left: 16rpx;
}

#skin_all_result .m-result .m-result-top .m-r-b-r,
#skin_all_result .m-result .m-result-center .m-r-b-r,
#skin_all_result .m-result .m-result-bottom .m-r-b-r {
  width: 200rpx;
  height: 60rpx;
  line-height: 60rpx;
  color: #fff;
  background-color: #fe5a73;
  font-size: 24rpx;
  border-radius: 32rpx;
}

#skin_all_result .m-result .m-result-center {
  margin: 32rpx 0;
}

#skin_all_result .m-result .m-result-center .m-result-l-title {
  color: #666;
  font-size: 24rpx;
}

#skin_all_result .m-result .m-result-rank {
  text-align: right;
  color: #666;
  font-size: 24rpx;
  margin-top: 36rpx;
}

#skin_all_result .skin-title {
  height: 96rpx;
  line-height: 96rpx;
  color: #333;
  font-size: 32rpx;
  text-align: left;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.rbx {
  height: 42rpx;
  border-radius: 21rpx;
  border: solid 1rpx #fe9d56;
  text-align: center;
  line-height: 42rpx;
  margin-left: 26rpx;
  padding: 0 32rpx;
  font-size: 24rpx;
  color: #fe9d56;
}

#skin_all_result .skin-question {
  padding: 0 28rpx 28rpx;
}

#skin_all_result .skin-question .skin-index .skin-index-list {
  display: flex;
  align-items: center;
}

#skin_all_result .skin-question .skin-index .skin-index-list .skin-list-name {
  width: 160rpx;
  text-align: left;
  margin-right: 16rpx;
  overflow: hidden;

  /* 超出部分隐藏 */
  text-overflow: ellipsis;

  /* 超出部分显示省略号 */
  white-space: nowrap;

  /* 规定段落中的文本不进行换行 */
}

#skin_all_result .skin-question .skin-description {
  font-size: 24rpx;
  line-height: 36rpx;
  color: #666;
  text-align: left;
  margin-bottom: 28rpx;
}

.m-result-left {
  width: 100px;
  text-align: center;
  position: relative;
}

.m-result-left .van-circle {
  width: 100px;
  height: 208rpx;
}

.m-result-pos {
  position: absolute;
  display: flex;
  left: 0rpx;
  width: 100%;
  top: 65rpx;
  text-align: center;
  justify-content: center;
}

.m-result-pos-num {
  font-size: 60rpx;
  color: #fe5a73;
  line-height: 60rpx;
}

.m-result-pos-nums {
  font-size: 55rpx;
  color: #fe5a73;
  line-height: 63rpx;
}

.m-result-pos-text {
  font-size: 28rpx;
  color: #fe5a73;
}

.m-result-left .van-circle #van-circle {
  width: 100px;
}

.skin-question-chlid {
  display: flex;
  flex-wrap: wrap;
}

.skin-question-chlid .small-btn {
  padding: 0 28rpx;
  height: 50rpx;
  line-height: 50rpx;
  background-color: #fff1e6;
  border-radius: 25rpx;
  border: solid 1rpx #fe9d56;
  color: #fe9d56;
  font-size: 24rpx;
  margin: 0 20rpx 20rpx 0;
}

.m-afresh {
  height: 96rpx;
  line-height: 96rpx;
  display: flex;
  flex-direction: row-reverse;
  font-size: 34rpx;
}

.m-afresh .m-afresh-btn {
  color: #333;
  font-size: 32rpx;
}

.skin-all-btn {
  margin: 60rpx auto 0;
  height: 60rpx;
  background-color: #fe5a73;
  border-radius: 32rpx;
  line-height: 60rpx;
  width: 320rpx;
  color: #fff;
  display: block;
  text-align: center;
}

.skin-strategy {
  padding: 0 28rpx;
  text-align: left;
}

.skin-strategy .skin-strategy-list {
  padding-bottom: 28rpx;
  border-bottom: 1rpx solid #f2f2f2;
}

.skin-strategy .skin-strategy-list .skin-strategy-list-top {
  display: flex;
  justify-content: space-between;
  height: 64rpx;
  line-height: 64rpx;
}

.skin-strategy .skin-strategy-list .skin-strategy-list-top .skin-strategy-list-btn {
  font-size: 24rpx;
  color: #fe5a73;
  display: flex;
  align-items: center;
  justify-content: center;
}

.skin-strategy .skin-strategy-list .skin-strategy-content {
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.skin-strategy .skin-strategy-list:last-child {
  border: 0;
}

.skin-counselor .counselor-list {
  display: flex;
  align-items: center;
  padding-bottom: 28rpx;
}

.skin-counselor .counselor-list image {
  width: 100rpx;
  height: 100rpx;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 28rpx;
}

.skin-counselor .counselor-list .counselor-list-main {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  color: #333;
  font-size: 32rpx;
  text-align: left;
  justify-content: space-between;
}

.skin-counselor .counselor-list .counselor-list-main .counselor-nickname {
  font-weight: bold;
  display: flex;
  align-items: center;
}

.skin-counselor .counselor-list .counselor-list-main .counselor-nickname .counselor-nickname-text {
  max-width: 65%;
  overflow: hidden;

  /* 超出部分隐藏 */
  text-overflow: ellipsis;

  /* 超出部分显示省略号 */
  white-space: nowrap;

  /* 规定段落中的文本不进行换行 */
}

.skin-counselor .counselor-list .counselor-list-main .counselor-nickname icon {
  font-size: 66rpx;
  color: #4380ac;
  line-height: 60rpx;
}

.skin-counselor .counselor-list .counselor-contact {
  display: flex;
}

.skin-counselor .counselor-list .counselor-contact icon {
  font-size: 48rpx;
}

.skin-counselor .counselor-list .counselor-contact .icon-zx_map_tel {
  color: #fe5a73;
}

.skin-counselor .counselor-list .counselor-contact .icon-all_wechat {
  color: #0fce1c;
}

.skin-counselor .counselor-list .counselor-contact .line {
  width: 2rpx;
  background: #dfdfdf;
  margin: 0 28rpx;
}

.skin-goods {
  display: flex;
  flex-direction: column;
  padding-bottom: 16rpx;
}

.skin-goods .goods-list {
  display: flex;
  text-align: left;
  margin-bottom: 16rpx;
}

.skin-goods .goods-list image {
  width: 164rpx;
  height: 164rpx;
  flex-shrink: 0;
  border-radius: 12rpx;
  margin: 0 16rpx 0 0;
}

.skin-goods .goods-list .goods-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.skin-goods .goods-list .goods-info .good-title {
  font-weight: bold;
  font-size: 28rpx;
  line-height: 36rpx;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.skin-goods .goods-list .goods-info .good-effect {
  display: flex;
  color: #fe9d56;
  font-size: 24rpx;
}

.skin-goods .goods-list .goods-info .goods-price {
  display: flex;
  justify-content: space-between;
  font-size: 24rpx;
}

.skin-goods .goods-list .goods-info .goods-price .market_price {
  text-decoration: line-through;
  color: #666;
}

.skin-goods .goods-list .goods-info .goods-price .prices {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #333;
}

.skin-goods .goods-list .goods-info .goods-price .prices .prices-color {
  color: #fe5a73;
}
