.ques_page { width: 686rpx; background: #FFFFFF; border-radius: 8px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1100; } .ques_page .bg_page { position: relative; width: 100%; height: 124px; z-index: 11; top: -27px; } .ques_page .bg_close { width: 18px; height: 18px; position: absolute; z-index: 12; top: 12px; right: 12px; } .ques_page .ques_txt { display: flex; margin: 40rpx 0 24rpx; font-size: 32rpx; font-weight: 500; line-height: 44rpx; } .ques_page .ques_txt text { color: #F54E45; margin-right: 10rpx; } .ques_page .ques_txt_list { margin: 40rpx 0 0rpx; } .ques_page .ques_main { margin-top: -19px; padding: 0 48rpx 0rpx; } .ques_page .ques_main .ques_title { height: 66rpx; font-size: 48rpx; font-weight: 400; color: #111111; line-height: 66rpx; text-align: center; } .ques_page .ques_main .ques_tips { margin-top: 24rpx; font-size: 28rpx; font-weight: 400; color: #666666; line-height: 44rpx; } .ques_page .ques_main .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; } .ques_page .ques_main .ques_star text { margin-top: 20rpx; height: 40rpx; font-size: 28rpx; font-weight: 400; color: #666666; line-height: 40rpx; } .ques_page .ques_list { max-height: 450rpx; box-sizing: border-box; overflow: auto; padding: 0 48rpx 0rpx; margin-bottom: 30rpx; } .ques_page .ques_list .ques_checkbox { font-size: 32rpx; padding: 36rpx 0 0; } .ques_page .ques_list .txtarea { width: 100%; height: 240rpx; margin-top: 10px; padding: 24rpx; border-radius: 4px; font-size: 28rpx; box-sizing: border-box; border: 1px solid #EFF0F1; } .ques_page .footer { padding: 0 48rpx 40rpx; } .ques_page .footer .submit { height: 80rpx; font-size: 32rpx; margin-top: 40rpx; width: auto!important; color: #FFFFFF; background: #04B49C; border-radius: 20px; } .ques_page .footer .submit_noactive { background: #EFF0F1; color: #C3C7CB; } .ques_page .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; padding-top: 56rpx; background: #FFFFFF; border-radius: 8px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1201; } .dialog_box .title { text-align: center; font-size: 18px; font-weight: 500; color: #1F2529; line-height: 24px; } .dialog_box .content { padding: 66rpx 0 66rpx 64rpx; } .dialog_box .content .radio_custom { display: inline-flex; width: 100px; margin-right: 15px; } .dialog_box .dialog_footer { height: 102rpx; border-top: 1px solid #EFF0F1; justify-content: space-around; font-size: 16px; font-weight: 500; color: #1F2529; } .dialog_box .dialog_footer .dialog_btn { width: 49%; height: 100%; } .dialog_box .dialog_footer .line { width: 1px; background: #EFF0F1; height: 100%; } .radio_span { color: #666666; } .radio_active { color: #000000; }