.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; }