/* pages/result/result.wxss */
.resultimg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140rpx;
    height: 140rpx;
    border-radius: 50%;
    margin: 220rpx auto 34rpx auto;
}

.resultimg image {
    width: 100%;
    height: 100%;
    display: block;
}

.result_txt {
    text-align: center;
    color: #333;
    font-weight: bold;
    font-size: 32rpx;
}

.start_btn {
    margin: 143rpx auto 0 auto;
    width: 300rpx;
    height: 80rpx;
    border-radius: 40rpx;
    color: #21AE59;
    font-size: 34rpx;
    font-weight: bold;
    border: 1rpx solid #21AE59;
    z-index: 20rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}

.start_btn:active {
    opacity: 0.7;
}



/*  */
page {
    background-color: rgb(240, 240, 240);
}

.result_wrap {
    margin: 24rpx 24rpx;
}

.result {
    font-size: 32rpx;
    color: #323233;
    line-height: 44rpx;
    display: flex;
    align-items: center;
}

.result view {
    width: 8rpx;
    height: 28rpx;
    background-color: #21AE59;
    margin-right: 16rpx;
}

/*  */
.result_list_wrap {
    display: flex;

}

.result_left {
    width: 25rpx;
    height: 200rpx;
    /* border: 1px solid red; */
    position: relative;
    margin-top: 48rpx;
    margin-right: 8rpx;
}

.circle {
    width: 26rpx;
    height: 26rpx;
    opacity: 0.3;
    background: #14ac20;
    border-radius: 50%;
}

.circle_s {
    margin: auto;
    width: 14rpx;
    height: 14rpx;
    background: #14ac20;
    border-radius: 50%;
    position: absolute;
    left: 6rpx;
    top: 6rpx;
}
.circle_line {
    margin: auto;
    width: 2rpx;
    height: 234rpx;
    background-color: #C6C6C6;

}
.result_left_red {
    width: 25rpx;
    height: 200rpx;
    /* border: 1px solid red; */
    position: relative;
    margin-top: 48rpx;
    margin-right: 8rpx;
}

.circle_red {
    width: 26rpx;
    height: 26rpx;
    opacity: 0.3;
    background: red;
    border-radius: 50%;
}

.circle_s_red {
    margin: auto;
    width: 14rpx;
    height: 14rpx;
    background: red;
    border-radius: 50%;
    position: absolute;
    left: 6rpx;
    top: 6rpx;
}
.circle_line_red {
    margin: auto;
    width: 2rpx;
    height: 234rpx;
    background-color: #C6C6C6;

}
/*  */


.result_list {
    margin-top: 32rpx;
    box-sizing: border-box;
    padding: 24rpx 32rpx;
    width: 654rpx;
    height: 148rpx;
    background-color: #ffffff;
    border-radius: 16rpx;
    border-color: red green blue pink
}

.result_list :nth-child(1) {

    font-size: 32rpx;
    color: #323233;
    line-height: 44rpx;

}

.result_list :nth-child(2) {
    font-size: 28rpx;
    font-weight: 400;
    color: #7d7e80;
    line-height: 40rpx;

}
/* 提示 */
.tishi_wrap {
    padding: 24rpx 36rpx;
    margin: 0 32rpx;
    margin-top: 40rpx;
    margin-bottom: 154rpx;
    border-radius: 8px;
    background-color: #ffffff;
}

.tishi {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color:#14ac20 ;
    font-size: 30rpx;
}

.tishi image {
    width: 28rpx;
    height: 28rpx;
    margin-right: 8rpx;
}

.tishi_text {
    margin-top: 16rpx;
    font-size: 28rpx;
    color: #7D7E80;

}

/*  */
.shengqin {
    height: 122rpx;
    background-color: #ffffff;
    font-size: 32rpx;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.shengqin button {
    width: 622rpx;
    height: 88rpx;
    color: #ffffff;
    border-radius: 22px;
    background: linear-gradient(130deg, #2ed26e 13%, #05983e 98%);
    box-shadow: 0px 9px 19px 0px rgba(0, 116, 45, 0.42);

}