/* packageB/pages/AI-test-skin/success_result/success_result.wxss */
page {
    width: 100%;
    height: 100%;
    background: #e6f4fa;
}

.tab_scroll {
    position: sticky;
    top: 0;
    z-index: 99;
    display: flex;
    height: 100rpx;
    background-color: #fff;
}

.share {
    display: flex;
    position: fixed;
    bottom: 100rpx;
    right: 0;
    padding:8rpx 20rpx;
    background-color: #fff;
    border: 2rpx solid #f0f0f0;
    /* color: #FFF; */
    border-radius: 40rpx 0 0 40rpx;
    z-index: 99;
    align-items: center;
}

.tab_scroll_item {
    position: relative;
    padding: 3% 6%;
    white-space: nowrap;
    background-color: #fff;
}

.tab_scroll_item.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 25%;
    height: 6rpx;
    background-color: #333333;
}

.dialog_item.active1 {
    color: #45d4eb;
}

.dialog_item.active1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 25%;
    height: 6rpx;
    background-color: #45d4eb;
}

.analyse {
    display: flex;
    align-items: center;
    margin-top: 50rpx;
    justify-content: center;
    /* justify-content: space-evenly; */
}

.analyse1 {
    display: flex;
    align-items: center;
    margin: 50rpx 0 100rpx 0;
    justify-content: center;
    /* justify-content: space-evenly; */
}

.analyse .mark {
    padding: 4rpx 12rpx;
    font-size: 28rpx;
    background: #fff;
    border-radius: 20rpx;
}

.analyse1 .mark1 {
    padding: 3rpx;
    font-size: 24rpx;
    background: #fff;
    border-radius: 20rpx;
}

.analyse .analyse_left {
    position: relative;
    right: -70rpx;
    z-index: 2;
}

.analyse .analyse_center {
    position: relative;
    background: #c9f0f9;
    border-radius: 50%;
    width: 400rpx;
    height: 400rpx;
}

.analyse1 .analyse_center1 {
    position: relative;
    background: #c9f0f9;
    border-radius: 50%;
    width: 300rpx;
    height: 300rpx;
}

.analyse1 .analyse_left1 {
    position: relative;
    right: -25rpx;
    z-index: 2;
}

.analyse1 .analyse_right1 {
    position: relative;
    right: 25rpx;
    z-index: 2;
}

.analyse_center .lianxian {
    position: absolute;
    width: 2rpx;
    height: 100rpx;
    bottom: 0rpx;
    right: 30px;
    transform: rotate(-65deg);
    background-color: #999;
}

.analyse_center .lianxian1 {
    position: absolute;
    width: 2rpx;
    height: 120rpx;
    top: -30rpx;
    right: 20px;
    transform: rotate(-125deg);
    background-color: #999;
}

.analyse_center .lianxian2 {
    position: absolute;
    width: 2rpx;
    height: 120rpx;
    top: 30rpx;
    left: 0px;
    transform: rotate(-74deg);
    background-color: #999;
}

.analyse .analyse_right {
    position: relative;
    right: 70rpx;
    z-index: 2;
}

.mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 999;
}

.ll::after {
    content: "\e650";
}

.analyse .analyse_center image {
    height: 100%;
    width: 100%;
}

.score {
    display: flex;
    margin-top: 25rpx;
    justify-content: space-evenly;
}

.score .shuxian {
    margin-top: 15rpx;
    width: 2rpx;
    height: 60rpx;
    background: #482121;
}

.score .icon-zuojiantou:before {
    content: "\e625";
    transform: rotate(-90deg);
}

.icon-xia::before {
    margin-bottom: 14rpx;
    display: inline-block;
    transform: rotate(-90deg);
    font-size: 18rpx;
}

.icon-zuojiantou::before {
    color: #f1585d;
    display: inline-block;
    transform: rotate(90deg);
}

.bg_white {
    background-color: #fff;
}

.mt10 {
    margin-top: 10rpx;
}

.mb_b5 {
    margin-bottom: 5%;
}

.mt_b5 {
    margin-top: 5%;
}

.mt_b10 {
    margin-top: 10%;
}

.c_666 {
    color: #666;
}

.mt20 {
    margin-top: 20rpx;
}

.ml20 {
    margin-left: 20rpx;
}

.mr10 {
    margin-right: 10rpx;
}

.mr20 {
    margin-right: 20rpx;
}

.mgb30 {
    margin-bottom: 30rpx;
}

.content {
    width: 100%;
    padding: 5% 5% 5%;
    box-sizing: border-box;
}

.analyse_result {
    display: flex;
    padding: 50rpx 30rpx 50rpx 20rpx;
    border-radius: 30rpx;
    background-color: #fff;
}

.img {
    width: 200rpx;
    height: 200rpx;
    /* border-radius: 50%; */
}



.analyse_result .gan::before {
    margin-right: 10rpx;
    content: "";
    display: inline-block;
    width: 15rpx;
    height: 15rpx;
    background-color: #c0e2b7;
}

.analyse_result .you::before {
    margin-right: 10rpx;
    content: "";
    display: inline-block;
    width: 15rpx;
    height: 15rpx;
    background-color: #ffd6bd;
}

.analyse_classify {
    border-radius: 30rpx;
    padding: 50rpx 30rpx 50rpx 30rpx;
}

.analyse_classify_header .analyse_classify_header_item {
    display: flex;
    border: 2px solid #f6f6f6;
    border-radius: 10px;
    align-items: center;
}

.analyse_classify_header .analyse_classify_header_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200rpx;
    height: 200rpx;
    background: #f6f6f6;
}

.analyse_classify_header .analyse_classify_header_img image {
    width: 150rpx;
    height: 150rpx;
}

.fenxi {
    position: relative;
    /* z-index: 99; */
}

.fenxi1 {
    position: relative;
    /* z-index: 99; */
}

.fenxi::after {
    position: absolute;
    content: "";
    bottom: 0;
    display: block;
    width: 130rpx;
    height: 20rpx;
    background-color: rgb(193 235 241 / 50%)
}

.fenxi1::after {
    position: absolute;
    content: "";
    bottom: 0;
    display: block;
    width: 58rpx;
    height: 20rpx;
    background-color: rgb(193 235 241 / 50%)
}

.renzheng {
    position: relative;
    font-size: 38rpx;
    font-weight: 600;
}

.renzheng::after {
    position: absolute;
    content: "";
    bottom: 0;
    display: block;
    width: 100%;
    height: 20rpx;
    background-color: rgb(193 235 241 / 50%)
}

.analyse_classify_foot .shoushu {
    padding: 5%;
    display: flex;
    width: 70%;
    border-radius: 30rpx;
    background-color: #fff;
}

.analyse_classify_foot .info {
    margin-left: 20rpx;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-size: 28rpx;
}

.analyse_classify_foot .product_item:nth-child(1) {
    margin-right: 30rpx;
}
.analyse_classify_foot .product_item{
    display: flex;
    flex-direction: column;
    border-radius: 30rpx;
    width: 40%;
    padding: 5% ;
    background-color: #fff;
}

.guige {
    padding: 2%;
    background: #f6f6f6;
}

.product_item .mm {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #45d4eb;
    padding: 2%;
    border-radius: 50%;
    width: 50rpx;
    height: 50rpx;
    color: #fff;
}

.jiankang {
    font-size: 28rpx;
    color: #d3d3d3;
}

.zhouwen {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.heiyanquan {
    width: 125px;
    height: 125px;
    margin: 5% auto;
    margin-top: 10%;
}

.leixing {
    display: flex;
    justify-content: space-around;
}

.leixing ._img {
    display: flex;
    /* width: 160rpx; */
    flex-direction: column;
    align-items: center;
}

.dialog {
    position: fixed;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    height: 80%;
    width: 80%;
    border-radius: 18rpx;
    z-index: 99999999;
    overflow: hidden;
}

.dialog .dialog_img {
    height: 75%;
    position: relative;
}

.dialog .dialog_txt {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    background-color: #fff;
    min-height: 10%;
}

.dialog_txt .heiyanquan_img {
    justify-content: space-between;
    padding: 2%;
}

.dialog_txt .heiyanquan_img .img1 {
    width: 32%;color: #777;
}

.dialog .dialog_progress {
    display: flex;
    align-self: center;
}

.dialog .dialog_bottom {
    display: flex;
    width: 130%;
    background-color: #fff;
}

.dialog_item {
    position: relative;
    padding: 3% 5%;
    white-space: nowrap;
    background-color: #fff;
    color: #a9a9a9;
}

.dialog .dialog_icon {
    position: absolute;
    right: 30rpx;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}

.dialog .iconfont {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #333;
    border-radius: 50%;
    width: 50rpx;
    height: 50rpx;
}

.cuochuang {
    padding: 20rpx 30rpx;
    position: absolute;
    bottom: 50rpx;
    left: 35rpx;
    border-radius: 10rpx;
    background-color: rgba(0, 0, 0, .2);
    font-size: 24rpx;
    color: #fff;
}

.cuochuang_icon.cuochuang_icon {
    margin-bottom: 10rpx;
}

.cuochuang .cuochuang_icon::before {
    content: "";
    margin-right: 15rpx;
    display: inline-block;
    width: 16rpx;
    height: 16rpx;
    /* border: 2rpx solid red; */
}

.cuochuang_icon:nth-child(1)::before {
    border: 3rpx solid #d12126;
}

.cuochuang_icon:nth-child(2)::before {
    border: 3rpx solid #fff342;
}

.cuochuang_icon:nth-child(3)::before {
    border: 3rpx solid #d83fe4;
}

.cuochuang_icon:nth-child(4)::before {
    border: 3rpx solid #80c36c;
}

.pp {
    width: 8rpx;
    height: 40rpx;
    margin-right: 8rpx;
    border-radius: 3rpx;
    background: #2cb344;
}

.img_content {
    height: 100%;
    overflow: hidden;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.abs {
    position: absolute
}

.p_circle {
    border: 1rpx solid #c8162c;
    border-radius: 50%
}

.dialog.fangda {
    height: auto
}

/* 优惠券 */
.xc-frame {
    position: relative;
}

.xc-coupon-frame {
    width: 100%;
    max-height: 560rpx;
    /* overflow: auto; */
}

.xc-coupon-frame .rel:not(:first-child) {
    margin-top: 20rpx;
}

.xc-coupon-frame .coupon {
    width: 100%;
    height: 168rpx;
    border-radius: 25rpx;
    border: 2rpx solid #ffdcdc;
    overflow: hidden;
    /* margin-top:16rpx; */
    box-sizing: border-box;
}

.xc-circular-one {
    position: absolute;
    top: -15rpx;
    left: 205rpx;
    width: 30rpx;
    height: 30rpx;
    background: #e6f4fa;
    overflow: hidden;
}

.xc-coupon-left {
    width: 216rpx;
    /* height: 100%; */
    background-color: #ffeeef;
    border-right: 4rpx dashed #ffdbd9;
    overflow: hidden;
    /* line-height: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.xc-coupon-right {
    /* width: 455rpx;
    height: 100%; */
    background: #fffaf9;
    padding: 20rpx;
    box-sizing: border-box;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.four-level-word {
    font-size: 23rpx;
}

.xc-below {
    margin-top: 20rpx;

}

.background {
    background: #45d4eb;
}

.xc-get {

    width: 140rpx;
    /* height: 48rpx; */
    color: #fff;
    text-align: center;
    border-radius: 27rpx;
    line-height: 54rpx;
    /* margin-left:20rpx; */
}

.xc-circular-two {
    position: absolute;
    bottom: -15rpx;
    /* top:150rpx; */
    left: 205rpx;
    width: 30rpx;
    height: 30rpx;
    background: #e6f4fa;
}

.abs {
    position: absolute
}

.p_circle {
    border: 1rpx solid #c8162c;
    border-radius: 50%
}

.p_point {
    background-color: #c8162c;
    height: 2px;
    width: 2px
}

.xc-spacing {
    letter-spacing: 4rpx;
}

.share_dialog {
    background: #e8f5fd;
    width: 600rpx;
    height: 700rpx;
    padding: 40rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.share_dialog .share_dialog_center {
    width: 400rpx;
    height: 400rpx;
    margin: 30rpx 0;
    align-self: center;
}

.share_dialog .share_dialog_bottom {
    background: #fff;
    display: flex;
    padding: 30rpx;
    border-radius: 20rpx;
}

.share_content {
    position: fixed;
    z-index: 999999;
    top: 50%;
    left: 50%;
    width: 75%;
    transform: translate(-50%, -50%);
}

.share_save_btn {
    width: 100%;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    color: #fff;
    background-color: #45d4eb
}

.sh_close {
    position: absolute;
    right: 34rpx;
    top: 28rpx;
    width: 60rpx;
    height: 60rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32rpx;
    border-radius: 50%;
    background-color: #B1B9BB;
    color: #fff
}

.e_tou {
    width: 50rpx;
    height: 20rpx;
    border-radius: 50%;
    top: 70rpx;
    left: 78rpx
}

.e_bz {
    width: 18rpx;
    height: 40rpx;
    border-radius: 50%;
    top: 100rpx;
    left: 93rpx
}

.e_zlian {
    width: 20rpx;
    height: 30rpx;
    border-radius: 50%;
    top: 126rpx;
    left: 60rpx
}

.e_ylian {
    width: 20rpx;
    height: 30rpx;
    border-radius: 50%;
    top: 126rpx;
    left: 126rpx
}

.e_xb {
    width: 20rpx;
    height: 16rpx;
    border-radius: 50%;
    top: 170rpx;
    left: 92rpx
}

.g_x {
    background-color: #c0e2b7
}

.y_x {
    background-color: #ffd6bd
}

.acne_show_li {
    border-radius: 10rpx;
    position: absolute;
    left: 10rpx;
    bottom: 10rpx;
    font-size: 20rpx;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 30rpx
}

.acne_show_li_item {
    width: 10rpx;
    height: 10rpx;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10rpx
}

.p_circle.colore0 {
    border: 4rpx solid #c8162c;
}

.p_circle.colore1 {
    border: 4rpx solid #E1E10B;
}

.p_circle.colore2 {
    border: 4rpx solid #4E8DF6;
}

.p_circle.colore3 {
    border: 4rpx solid #c0e2b7;
}

.yiwen {
    font-size: 42rpx;
    display: flex;
    align-items: center;
}

.yiwen_img {
    width: 100%;
    margin-top: 40rpx;
    /* width: 600rpx;
    height: 600rpx; */
}

.mt50 {
    margin-top: 50rpx;
}

.close_icon {
    top: 15px;
    position: absolute;
    right: 50rpx;
}

::-webkit-scrollbar {
    width: 0;
    height: 0;
    color: transparent;
}