.problems { display: flex; align-items: center; flex-wrap: wrap; margin-top: 50rpx; } .problems view:nth-child(n+2) { margin-right: 20rpx; } .problems view:nth-child(n+5) { margin-top: 30rpx; } .p_text { font-size: 34rpx; color: #333; margin-right: 40rpx; } .posBtn { width: 100%; height: 80rpx; display: flex; align-items: center; justify-content: center; margin-top: 91rpx; } .posBtn view { width: 600rpx; height: 80rpx; background-color: #fe5a73; border-radius: 40rpx; text-align: center; line-height: 80rpx; color: #fff; } .problems_box { width: 120rpx; height: 50rpx; background-color: #fff1e6; border-radius: 25rpx; border: solid 1rpx #fe9d56; text-align: center; line-height: 50rpx; } #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: 188rpx; height: 64rpx; line-height: 64rpx; display: flex; align-items: center; justify-content: center; border: 1rpx solid #fe5a73; color: #fe5a73; font-size: 28rpx; border-radius: 96rpx; } #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; } #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; }