.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }

.survey_content_body{ background: #f8f8f8; clear: both; font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;}
.survey_content_body .survey_content_title{ padding: 20px 15px 0 40px; line-height: 24px; font-size: 18px; font-weight: normal; background: url('//n.sinaimg.cn/survey/images/TouPiao.png') 15px 23px #fff no-repeat; background-size: 16px 16px; }
.survey_content_body .survey_status_box{ font-size: small; background: #fff; padding: 5px 0 0 15px;}
.survey_content_body .survey_status_on{ color: #f29149; padding-left: 25px; background: url('//n.sinaimg.cn/survey/images/status_on.png') no-repeat left center; background-size: 16px 16px;}
.survey_content_body .survey_status_end{ color: #f29149; padding-left: 25px; background: url('//n.sinaimg.cn/survey/images/status_end.png') no-repeat left center; background-size: 16px 16px;}
.survey_content_body .survey_user_num{ color: #707070; margin-left: 20px;}
.survey_content_body .survey_content_item{ padding: 0 15px 15px; background: #fff; margin-bottom: 10px; word-break: break-all;}
.survey_content_body .survey_content_item>p{ padding: 15px 0; font-size: 16px; }
.survey_content_body .survey_content_item .survey_content_tip{ color: #ff4e51;}
.survey_content_body .survey_content_item .survey_img_box{ width: 46%; margin: 0 2% 10px; float: left; background: #fff;}
.survey_content_body .survey_content_item .survey_img_box p{ height: 40px; overflow: hidden;}
.survey_content_body .survey_content_item .survey_img_box img{ max-width: 100%;}
.survey_content_body .survey_content_item ul.tip{ background: rgba(255, 177, 51, 0.1);}
.survey_content_body .survey_content_item li{ margin: 0; padding: 0; list-style: none;}
.survey_content_body .survey_content_item li p{ position: relative; line-height: 20px; font-size: 14px; margin-top: 10px;}
.survey_content_body .survey_content_item li input{ width: 16px; height: 16px; margin-right: 10px; opacity: 0;}
.survey_content_body .survey_content_item a{ color: #3c8dbc;}

/* radio */
.survey_content_body .survey_content_item li input[type="radio"]+em{ position: absolute; left: 0; top: 2px; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #b0b0b0;}
.survey_content_body .survey_content_item li input[type="radio"]:checked+em{ border: 1px solid #FFB133;}
.survey_content_body .survey_content_item li input[type="radio"]:checked+em::after{ position: absolute; left: 3px; top: 3px; content: ''; width: 8px; height: 8px; background: #FBA052; border-radius: 50%;}

/* checkbox */
.survey_content_body .survey_content_item li input[type="checkbox"]+em{ position: absolute; left: 0; top: 2px; width: 14px; height: 14px; border: 1px solid #b0b0b0;}
.survey_content_body .survey_content_item li input[type="checkbox"]:checked+em{ border: 1px solid #FFB133; background: #FBA052;}
.survey_content_body .survey_content_item li input[type="checkbox"]:checked+em::after{ position: absolute; left: 4px; top: 1px; content: ""; width: 4px; height: 8px; border: 2px solid #fff; border-top: none; border-left: none;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* score */
.survey_content_body .survey_content_item .survey_content_stars{ width: 23px; height: 23px; background: url('//n.sinaimg.cn/survey/images/m_star.png'); background-size: 100% 100%; margin: 8px 2% 0 0; float: left;}
.survey_content_body .survey_content_item ul .active{ background: url('//n.sinaimg.cn/survey/images/m_star_active.png'); background-size: 100% 100%;}

/* textarea */
.survey_content_body .survey_content_item li textarea{ width: 95%; height: 50px; border: 1px solid #BEC1CC; margin: 0; padding: 5px 2%; font-size: 14px; resize: none;}


/* button */
.survey_submit_area_wrap span, .survey_submit_area_wrap a{ width: 90%; height: 46px; font-size: 18px; color: #fff; line-height: 46px; text-align: center; border-radius: 23px; display: inline-block;}
.survey_submit_area_wrap span{ background: #FFB133; margin: 20px 5% 0;}
.survey_submit_area_wrap a{ background: #F67700; margin: 15px 5% 50px;}
.survey_submit_area_wrap .status_on{ background: #ddd;}

#survey_submit_post:active{ background: #FBA946;}
#survey_submit_unpost, .survey_end_status{ background: #ddd !important;}

/* captcha */
.survey_captcha_box{ position: fixed; left: 50%; top: 50%; z-index: 9998; width: 250px; height: 130px; padding: 15px 20px 20px; margin: -100px 0 0 -146px; border: 1px solid #ddd; background: #fff;}
.survey_captcha_box .survey_captcha_h2{ font-size: 16px; font-weight: normal;}
.survey_captcha_box .captcha_code_box{ margin-top: 10px;}
.survey_captcha_box .survey_captcha_code{ width: 100px; height: 30px; margin-top: 8px; float: left; border: 1px solid #ccc; outline: none;}
.survey_captcha_box .survey_captcha_img{ width: 100px; float: right;}
.survey_captcha_box .survey_captcha_btn{ margin-top: 20px; text-align: center;}
.survey_captcha_box .survey_captcha_btn span{ width: 100px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; border-radius: 5px; cursor: pointer;}
.survey_captcha_cancel{ background: #ddd; float: left;}
.survey_captcha_ok{ background: #f29149; float: right;}


/* tip */
.survey_tip_box{ position: fixed; left: 50%; z-index: 9999; width: 250px; height: 130px; padding: 15px 20px 20px; margin-left: -146px; border: 1px solid #ddd; background: #fff; display: none;}
.survey_tip_box .survey_tip_h2{ font-size: 16px; font-weight: normal;}
.survey_tip_box .survey_tip_content{ height: 40px; font-size: 14px; line-height: 20px; text-align: center; padding: 10px 0;}
.survey_tip_box .survey_tip_btn{ width: 100px; height: 40px; font-size: 14px; color: #fff; line-height: 40px; text-align: center; background: #f29149; border-radius: 5px; margin: 0 auto; cursor: pointer;}


/* mask */
.survey_captcha_box_mask{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9997; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none;}

/* toast */
.survey_toast_box{ position: fixed; left: 50%; bottom: 100px; z-index: 9999; width: 80px; margin-left: -60px; text-align: center; padding: 5px 20px; background: rgba(0,0,0,0.5); border-radius: 5px; color: #fff; font-family: Microsoft YaHei,Arial,Helvetica,sans-serif; transition: 1s; display: none;}