.ques_page{
    width: 686rpx;
    // height: 379rpx;
    background: #FFFFFF;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index:1100;
    .bg_page{
        position: relative;
        width: 100%;
        height: 124px;
        z-index:11;
        top: -27px;
    }
    .bg_close{
        width: 18px;
        height: 18px;
        position: absolute;
        z-index:12;
        top: 12px;
        right: 12px;
    }
    .ques_txt{
        text{
            color: #F54E45;
            margin-right: 10rpx;
        }
        display: flex;
        // align-items: center;
        // margin: 40rpx 0 24rpx;
        margin: 40rpx 0 24rpx;
        font-size: 32rpx;
        font-weight: 500;
        line-height: 44rpx;
    }
    .ques_txt_list{
        margin: 40rpx 0 0rpx;
    }
    .ques_main{
        margin-top: -19px;
        padding: 0 48rpx 0rpx;
        .ques_title{
            height: 66rpx;
            font-size: 48rpx;
            font-weight: 400;
            color: #111111;
            line-height: 66rpx;
            text-align: center;
        }
        .ques_tips{
            margin-top: 24rpx;
            font-size: 28rpx;
            font-weight: 400;
            color: #666666;
            line-height: 44rpx;
        }

        .ques_star{
            width: 100%;
            height: 180rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            background: #EFF0F1;
            border-radius: 4px;
            margin-bottom: 56rpx;
            text{
                margin-top: 20rpx;
                height: 40rpx;
                font-size: 28rpx;
                font-weight: 400;
                color: #666666;
                line-height: 40rpx;
            }
        }
    }
    .ques_list{
        // height: 670rpx;
        max-height: 450rpx;
        box-sizing: border-box;
        overflow: auto;
        padding: 0 48rpx 0rpx;
        margin-bottom:  30rpx;
        .ques_checkbox{
            font-size: 32rpx;
            padding: 36rpx 0 0;
        }
        .txtarea{
            width: 100%;
            height: 240rpx;
            margin-top: 10px;
            padding: 24rpx;
            border-radius: 4px;
            font-size: 28rpx;
            box-sizing: border-box;
            border: 1px solid #EFF0F1;
        }
    }
    .footer{
        padding: 0 48rpx 40rpx;
        .submit {

            height: 80rpx;
            font-size: 32rpx;
            margin-top: 40rpx;
            width: auto!important;
            color: #FFFFFF;
            background: #04B49C;
            border-radius: 20px;
        }
        .submit_noactive{
            background: #EFF0F1;
            color: #C3C7CB;
        }
    }
    .footer_active{
        border-top: 1px solid #ececed;
        box-shadow: 0px 6px 20px 0px rgba(43, 48, 54, 0.1);
    }
}
.ques_pop{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000000;
    opacity: 0.2;
    z-index:1100;
    overflow: hidden;
}
.ques_pop_active{
    z-index:1200;
}
.dialog_box{
    width: 590rpx;
    // height: 379rpx;
    padding-top: 56rpx;
    background: #FFFFFF;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index:1201;
    .title{
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        color: #1F2529;
        line-height: 24px;
    }
    .content{
        padding: 66rpx 0 66rpx 64rpx;
        .radio_custom{
            display: inline-flex;
            width: 100px;
            margin-right: 15px;
        }

    }
    .dialog_footer{
        height: 102rpx;
        border-top: 1px solid #EFF0F1;
        justify-content: space-around;
        font-size: 16px;
        font-weight: 500;
        color: #1F2529;
        .dialog_btn{
            width: 49%;
            height: 100%;
        }
        .line{
            width: 1px;
            background: #EFF0F1;
            height: 100%;
            // border-right: 1px solid #EFF0F1 ;
        }
    }
}
.radio_span{
    color: #666666;
}
.radio_active{
    color: #000000;
}
