.error_tips{ width:500px; margin:auto; margin-top:150px; text-align:center; font-size:18px; line-height:80px; height:80px; border-radius:20px; background-color:#fff4de; color:#ff0000; }
	.logout_this,.goto_login{width:220px; height:50px; line-height:50px; border-radius:10px; text-align:center; background-color:#ff0000;  color:#fff; font-size:16px; display:block; margin:auto; margin-top:50px;}
	.logout_this:hover{background-color:#fe2121;}
	.goto_login{background-color:#ffa93a;  color:#000;}
	.goto_login:hover{background-color:#ffb454;  color:#000;}
	
	.exam_div{width:100%;min-width:1200px; margin:auto; margin-top:10px; padding-top:50px; padding-bottom:50px;}
	.exam_div_ul{ width:1200px; margin:auto;  padding:20px; border-radius:20px; background-color:#bcebff;}
	.exam_big{ padding-top:20px;}
        .progress-container {width: 100%;height: 60px;background-color: #F0F8FF;position: relative;display: flex;align-items: center;padding: 0 20px;box-sizing: border-box;margin-bottom:20px;}
        .progress-bar {position: absolute;left: 0;top: 0;height: 100%;background-color: #ffd04e;border-radius:30px;z-index: 1;transition: width 0.3s ease;}
        .progress-title {position: relative;z-index: 2;color: #666;font-size: 14px;}
		.progress-title b{font-weight: bold;font-size: 20px;color: #333;}
        .progress-count {position: relative;z-index: 2;margin-left: auto;font-size:14px; color:#666;line-height:25px;}
		.progress-count b{font-size:20px; color:#ff9c00;}	
	
	
	.border_div{ background-color:#def5ff; padding-top:20px; padding-bottom:20px; border-radius:30px; min-height:320px;}
	.blank_div{  
		backdrop-filter: blur(15px); /* 应用模糊效果 */    
		box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1); /* 阴影，增强立体感 */
		border-radius:30px;
		padding-top:20px; padding-bottom:20px;	
	  }
	.exam_left{ width:20%; text-align:center;float:left; margin-right:2%;}
	.exam_mid{width:60%;float:left; margin-right:2%; }
	.exam_right{width:15%;float:left; margin-right:0%;text-align:center;}
	
	
	.exam_left .title{ font-size:16px; color:#666; border-bottom:1px #ddd solid;  width:90%; margin:auto;margin-bottom:10px; padding-bottom:20px;}
	.exam_left .title_1{padding-top:10px; text-align:left; color:#999; padding-left:25px; font-size:14px;}
	.exam_left ul{ width:85%; margin:auto; padding-top:10px; padding-bottom:0px;}
	.exam_left ul a{ float:left; border-radius:5px; width:15%;margin-left:2%; margin-right:2%; border:1px #ddd solid; color:#999; font-size:14px; margin-bottom:10px; background-color:#f7f7f7; height:30px; line-height:30px;}
	.exam_left ul a:hover{border:1px #ccc solid; color:#333;}
	.exam_left ul a b{ font-size:14px; color:#ff6000;}
	.exam_left ul .active,.exam_left ul .active:hover{ background-color:#fff6dd;border:1px #ffd7a4 solid; color:#ff7e00;}
	.exam_left .read{ width:85%; margin:auto;  text-align:left;padding-top:10px; }
	.exam_left .read li{line-height:25px;padding-bottom:10px;}
	.exam_left .read li .left{color:#666; width:32%; text-align:right;}
	.exam_left .read li .right{color:#333; width:68%;}
	.exam_left .demo{ border-top:1px #ddd solid; color:#999;padding-top:10px; width:90%; margin:auto; margin-top:20px;}
	.exam_left .demo span{display:inline-block; width:15px; height:15px; border-radius:2px;  vertical-align:middle; }
	.exam_left .do_no{ background-color:#f7f7f7; border:1px #eee solid;}
	.exam_left .do_yes{ background-color:#ffebd2;border:1px #ffd7a4 solid;}
	.exam_mid .time{min-height:300px;}
	.exam_mid ul{ width:90%; margin:auto;}
	.exam_mid .title{ font-size:20px; font-weight:bolder; color:#333; line-height:35px; padding-bottom:30px; }
	.top_tips{border-bottom:1px #eee solid; padding-bottom:10px;}
	.top_tips .tips_1{ float:left;}
	.top_tips .tips_1 li{ display:inline-block; height:25px; line-height:25px; padding-left:10px; padding-right:10px;  border-radius:5px; font-weight:normal; text-align:center;  font-size:14px; margin-right:5px; margin-left:5px;color:#1890FF;border:1px #9ed0ff solid; background-color:#ebf5ff; }
	.top_tips .tips_2{ float:right;}
	.exam_mid .my_anser{ font-size:16px; font-weight:normal; color:#666; clear:both;}
	.exam_mid .my_anser input{ font-size:20px; color:#ff6000; font-weight:bolder; width:65px; text-align:center;}
	.exam_mid .select ul{ width:95%; margin:auto;}
	.exam_mid .select li{ cursor:pointer; float:left; padding-top:10px; padding-bottom:10px; padding-left:2%; padding-right:2%; margin-bottom:20px; width:95%; line-height:25px; background-color:#f7f7f7; border:1px #ddd solid; color:#666; border-radius:10px; text-align:left; font-size:16px;}
	.exam_mid .select li:hover{border:1px #ccc solid;color:#333;}
	.exam_mid .select .active,.exam_mid .select .active:hover{ background-color:#fff6dd;border:1px #ffa93a solid; color:#ff6000;} 
	.exam_mid .select li b{ font-size:18px;}
	.exam_mid .ny{ line-height:45px; text-align:center;}
	.exam_mid .ny .left{ font-size:16px; color:#666; width:20%; text-align:right;}
	.exam_mid .ny .right{font-size:16px; color:#333; text-align:left;width:80%;}
	.exam_mid .ny b{ font-size:18px;}
	.exam_mid .ad_img { text-align:center;}
	.exam_mid .ad_img img{ border-radius:20px; width:92%;}
	.exam_mid .ad_title{ width:90%; margin:auto; padding-top:20px;}
	.exam_mid .ad_title .title_1{ font-weight:bolder; font-size:20px; color:#333; padding-bottom:15px;}
	.exam_mid .ad_title .title_2{ font-size:16px;color:#666; text-indent:2em; line-height:28px;}
	.exam_mid .img{ text-align:center;}
	.exam_mid .img img{max-width:600px; max-height:400px; margin:auto; margin-bottom:30px; border-radius:20px; border:1px #eee solid;}
	.my_anser_textarea_title{ font-size:14px;  line-height:45px; color:#666;}
	.my_anser_textarea_title b{font-size:16px;color:#333;}
	.my_anser_textarea{
  height: 235px;
  font-size: 20px;
  line-height: 3em; /* 行高，需与背景渐变高度一致 */
  padding: 8px 12px;
  padding-top:0px;
  border-radius: 0px;
  resize: vertical; /* 允许垂直拉伸 */

  /* 关键：用线性渐变画横线 */
  background-image: linear-gradient(transparent 95%, #e0e0e0 95%); /* 横线颜色为#e0e0e0 */
  background-size: 100% 3em; /* 1.5em与line-height一致，控制横线间距 */
  background-origin: content-box; /* 确保横线不被padding影响 */
  background-color:#fff;  border: 0px solid #ddd;  width:95%; margin:auto; margin-bottom:20px; }
	.exam_right{ line-height:22px;}
	.exam_right .img img{ border-radius:100px; border:2px #b4e8ff solid; height:80px; width:80px;}
	.exam_right .name{  font-size:14px;font-weight:bolder; color:#333;}
	.exam_right .class{  color:#666; padding-bottom:10px;}
	.exam_right .time_1{ color:#333;}
	.exam_right .time_2{ font-size:14px;color:#ff0000;  padding-bottom:5px; width:90%; margin:auto;}
	.exam_right .sumit a{ width:80%; height:50px; line-height:50px; margin:auto; margin-top:30px; background-color:#ffd4d4; color:#ff1e00; font-weight:bolder; font-size:14px; border-radius:50px; display:block;}
	.exam_right .sumit a:hover{background-color:#ffe5e5; text-decoration:underline;}
	.next_div{ text-align:center; margin-top:20px; margin-bottom:10px;}
	.next_div input,.next_div a{ display:inline-block;  width:210px; height:50px; line-height:50px; border-radius:10px; font-size:16px; cursor:pointer; }
	.next_div .up{ background-color:#def5ff; color:#666;margin-right:30px;}
	.next_div .up:hover{background-color:#e5f7ff;color:#333;}	
	.next_div .next{background-color:#ffa93a; color:#333;}
	.next_div .next:hover{background-color:#ffb350;}
	.next_div .finish{background-color:#def5ff; color:#333;}
	.next_div .finish:hover{background-color:#effaff;}
	
	
	.stu_list_div{width:100%; min-width:1200px; background-color:#fff; min-height:800px; margin:auto; margin-top:10px; clear:both; }
	.stu_list{ padding-top:30px;}
	
	.stu_list ul li{ float:left; width:5.69%; margin-left:1%; margin-right:1%; text-align:center; margin-top:10px; margin-bottom:20px; cursor:pointer;}	
	.stu_list ul li .img img{ width:60px; height:60px; border-radius:100px;}
	.stu_list ul li .name{ font-size:14px; line-height:25px; color:#333; margin-bottom:5px;}
	.exam_state{ display:inline-block; min-width:40px; height:20px; line-height:20px; margin:auto; font-size:14px; border-radius:5px; text-align:center; padding-left:5px; padding-right:5px;}
	.exam_state_1{ background-color:#f7f7f7; color:#666;border:1px #e6f7ff solid;}
	.exam_state_3{ background-color:#e3ffe1; color:#0eca00;border:1px #e3ffe1 solid;}
	.exam_state_2{ background-color:#ffecbe; color:#f38400;border:1px #ffecbe solid;}
	.exam_state_4{ background-color:#fff0dd; color:#ff9000; font-weight:bolder; border:1px #ffdeb3 solid;}
	.title_btn{ padding:5px; width:45%; float:left; background-color:#f7f7f7; border-radius:10px; text-align:center; margin-bottom:30px; }
	.title_btn a{ float:left; width:25%;  border-radius:10px; height:50px; line-height:50px; font-size:16px; color:#666;}
	.title_btn a:hover{ color:#000;}
	.title_btn .active{background-color:#fff; color:#333; font-weight:bolder;}
	.top_div{ width:80%; min-width:800px; margin:auto;}
	
	.pf_div{ text-align:center; width:35%; float:right; padding-bottom:10px;  border-radius:10px;}
	.pf_div li{ display:inline-block; width:120px;font-size:12px;color:#666;}
	.pf_div .title{ font-size:16px; font-weight:bolder; color:#333; padding-bottom:10px; margin-bottom:10px; border-bottom:1px #eee solid;}