@charset "utf-8";

.edu_survey_form {border: 1px solid #e1e1e1; padding: 30px 30px; margin-top: 10px;}
/* .edu_survey_form .survey_title {background-color: #fff;} */

.survey_title {border-bottom: 1px solid #e6e9ed; padding: 0 0 20px; text-align: center; margin-bottom: 20px;}
.survey_title h3 {font-size: 20px; font-weight: 600;}
.survey_title .date {display: block; font-size: 1rem; padding: 15px 10px; background-color: #f7f7f7; color: #666; margin-top: 20px;}

.survey_content .item + .item {margin-top: 30px;}
.survey_content .item .title {position: relative; margin-bottom: 15px;}
.survey_content .item .title .num {position: absolute; top: -2px; left: 0; display: inline-block; width: 45px; height: 24px; font-size: 12px; font-weight: 800; line-height: 24px; text-align: center; border-radius: 15px; background-color: #115A99; color: #fff;}
.survey_content .item .title > div {display: inline-block; vertical-align: middle; margin-left: 55px;}
.survey_content .item .title > div h4 {position: relative; display: inline; font-size: 17px; font-weight: 600; word-break: keep-all;}
.survey_content .item .title .btn {position: absolute; right: 0; bottom: 0;}
.survey_content .item .title .btn input[type="file"] {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; padding: 0; overflow: hidden; border: 0; z-index: 10; opacity: 0;}

.survey_content .item .cont .radio > span {margin-right: 20px;}


.survey_content .review_img {margin-top: 20px;}
.survey_content .review_img .rv_img_list {display: flex; flex-wrap: wrap; margin-top: 10px; gap: 20px 23px;}
.survey_content .review_img .rv_img_list li {position: relative; width: calc(100% / 8);}
.survey_content .review_img .rv_img_list li a:not(.del) {position: relative; display: block; width: 100%; height: 0; padding-bottom: 100%; background-color: #F0F5F9; overflow: hidden;}
.survey_content .review_img .rv_img_list li a > img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; object-fit: contain;}
.survey_content .review_img .rv_img_list li > span {font-size: 14px; color: #666; margin-top: 5px;}
.survey_content .review_img .rv_img_list li a.del {background:#fff; width:20px; height:20px; position:absolute; top:0; right:0; opacity:0; text-align:center; line-height:34px; font-size:0; transition:all 0.4s;}
.survey_content .review_img .rv_img_list li a.del > i.bar {position: absolute; top: 50%; left: 50%; width: 2px; height: 60%; background-color: #FF4040; margin-top: -5px;}
.survey_content .review_img .rv_img_list li a.del > i.bar:nth-child(1) {transform: rotate(45deg);}
.survey_content .review_img .rv_img_list li a.del > i.bar:nth-child(2) {transform: rotate(135deg);}
.survey_content .review_img .rv_img_list li:hover a.del{opacity:1;}