.questionDetails {
    width: 100%;
    min-height: 100%;
    padding: 24rpx 32rpx;
    box-sizing: border-box;
    background-color: #F5F7FB;

    .card {
        width: 100%;
        background-color: #FFFFFF;
        border-radius: 24rpx;
        padding: 0 40rpx;
        box-sizing: border-box;

        .title {
            color: #1385FA;
            height: 36rpx;
            font-size: 36rpx;
            line-height: 36rpx;
            padding: 40rpx 0;
            border-bottom: 2rpx solid #EAECF1;
        }

        .step {
            display: flex;
            align-items: flex-start;
            padding: 32rpx 0;
            border-bottom: 2rpx solid #EAECF1;

            &:last-of-type {
                border-bottom: none;
            }

            .badge {
                width: 36rpx;
                height: 36rpx;
                border-radius: 50%;
                background-color: #1385FA;
                color: #FFFFFF;
                font-size: 24rpx;
                line-height: 36rpx;
                text-align: center;
                flex-shrink: 0;
                margin-right: 20rpx;
            }

            .step-text {
                flex: 1;
                color: #252535;
                font-size: 26rpx;
                line-height: 26rpx;
            }
        }
    }
}