/*清浮动*/
.clearfix:after{content:""; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:block;}
.clear{clear:both;width:0;height:0;line-height:0;font-size:0;margin:0;padding:0;overflow:hidden;}
/*问卷调查20210513*/
.questionnaire{margin:20px auto;padding:0 29px;width: 580px;border: 1px solid #f4f4f4;}
.questionnaire ul{margin: 0;padding: 0;}
.questionnaire li{padding:26px 0 20px;border-bottom: 1px solid #f4f4f4;}
.q-tit{line-height: 24px;font-size: 16px;}
.q-tit > h4{margin:0;font-weight: bold;}
.q-tit > h4 > span{font-weight: normal;color: #999999;}
.q-tit > .p-tips{margin:3px 0 7px;padding:0 !important;line-height: 18px !important;font-size: 12px !important;color: #999999 !important;text-indent: 0 !important;}
.options{margin: 0 -10px;}
.q-row{padding: 0 10px;}
.q-column{float: left;margin:0 10px;width: 180px;}
.q-column:nth-child(3n 1){clear: both;}
.option-item{padding:6px 0;}
.option-item div{font-size: 0;}
.option-error{line-height: 22px;font-size: 14px;color: #df2f30;}
.radio-name{display:inline-block;max-width:86%;line-height: 22px;font-size: 14px;color: #333333;/*white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/vertical-align: top;}
.option-ipt{display: inline-block;position: relative;vertical-align: top;}
.option-ipt .advice{display: inline-block;margin: 4px 6px 0 0;width: 14px;height: 14px;background: url(/uploads/image/shnn2images/option_radio.png) no-repeat center;vertical-align: top;background-size: 100% 100%;cursor: pointer;}
.option-ipt input[type="radio"]:checked   .advice{background-image: url(/uploads/image/shnn2images/option_radio_act.png);}
.option-ipt .advice2{display: inline-block;margin: 4px 6px 0 0;width: 14px;height: 14px;background: url(/uploads/image/shnn2images/option_check.png) no-repeat center;vertical-align: top;background-size: 100% 100%;cursor: pointer;}
.option-ipt input[type="checkbox"]:checked   .advice2{background-image: url(/uploads/image/shnn2images/option_checked.png);}
.option-ipt input[disabled]   .advice,.option-ipt input:disabled   .advice{background-image: url(/uploads/image/shnn2images/option_radio_dis.png);}
.option-ipt input[disabled]:checked   .advice,.option-ipt input:disabled:checked   .advice{background-image: url(/uploads/image/shnn2images/option_radio_act_dis.png);}
.option-ipt input[disabled]   .advice2,.option-ipt input:disabled   .advice2{background-image: url(/uploads/image/shnn2images/option_check_dis.png);}
.option-ipt input[disabled]:checked   .advice2,.option-ipt input:disabled:checked   .advice2{background-image: url(/uploads/image/shnn2images/option_checked_dis.png);}
.option-img{margin-top:10px;width: 180px;height: 112px;overflow: hidden;}
.option-img img{width:100%;height: 100%;}
.option-prog{margin-top:10px;height:12px;font-size: 0;}
.option-prog .prog-data{display:inline-block;margin-left: 10px;vertical-align: top;}
.option-prog .prog-data span{margin-left:5px;line-height: 12px;font-size: 12px;color: #333;}
.option-prog .prog-bar{display:inline-block;position:relative;margin-top:5px;width: 500px;height: 4px;background: #eee;border-radius:2px;vertical-align: top;}
.option-prog .prog-bar span{position: absolute;top: 0;left: 0;height: 100%;background: #df2f30;border-radius:2px;}
.q-column .option-prog .prog-bar{width: 100px;}

.result-button{padding: 20px 0;text-align: center;}
.result-button > div{margin: 10px 0;padding:0 !important;line-height: 22px !important;font-size: 14px !important;text-indent: 0 !important;}
.button-item{display: block;margin: 0 auto;width: 124px;height: 42px;line-height:42px;font-size:16px;color: #fff;text-align: center;background: #df2f30;border-radius: 2px;cursor: pointer;}
.button-item:hover{color: #fff;}
.result-success{display: inline-block;margin:4px 6px 0 0;width: 14px;height: 14px;background:url(/uploads/image/shnn2images/icon_success_green.png) no-repeat;background-size:100% 100%;vertical-align: top;}
.toast-infor{position: fixed;top:50%;left:0;right: 0;text-align: center;}
.toast-infor > span{display: inline-block;padding: 18px 25px;line-height:22px;font-size:16px;font-weight:bold;color:#fff;background: rgba(0,0,0,0.65);border-radius: 4px;}
.toast-infor > span > i{display: inline-block;margin:0 9px 0 0;width:22px;height:22px;background:url(/uploads/image/shnn2images/icon_toast_infor.png) no-repeat;background-size:100%;vertical-align: top;}