html, body {
    width: 100%;
    height: 100%;
    margin: 0; /* 确保没有外边距 */
    padding: 0; /* 确保没有内边距 */
	background-color: #eeeff1;
  } 
.faculty{ clear: both; padding-bottom: 40px;}
.f_banner img{ width: 100%;}
.f_list{ width: 1440px; margin:30px auto; overflow: hidden; }
.academic{ width: 100%;  padding-top: .8rem; overflow: hidden;display:flex; }
.academicimg{  width: 255px; flex-direction: row;}
.academictext{ width:90%; line-height: 75px;font-family: Arial, sans-serif;}
.academictext a,.academictext a:hover{display: block; height:137px; color: #333;padding: 30px 0 0 20px;}
.academictext a{background-color:#fff;}
.academictext a:hover{background-color: rgba(52, 58, 118,1);color: #fff; }
.academictext img{margin-right: 10px;}
.academic-title{ font-size: 24px;}

.facultybg{ background: url(../images/webbg.png) no-repeat ; background-size: 100% 100%; padding-top: 20px; overflow: hidden;}
.webbg{ background: url(../images/webtop.png) no-repeat; width: 1440px; margin:40px auto;}
.webtitle{  background: url(../images/webtitle.png) left bottom no-repeat; background-color: #333975; font-size: 24px; color: #ffc700; width: 25%; text-align:center; padding:20px;}
.webtext{border-right: 3px solid #000; border-left: 3px solid #000; border-bottom: 3px solid #000;  padding-top: 8px; margin-right: 8px; margin-top: 15px;}
.webgw{ text-align: right; padding-right: 20px; padding-top: 20px;}
.webtext p{ padding: 10px 20px; line-height: 30px; font-size: 18px; color: #333; text-indent: 2em;}

.solicitation{width: 1440px; margin:40px auto; background-color: #fff; border-top: 1px solid #314c87; overflow: hidden;}
.so_list{ padding-top: 30px;overflow: hidden; width: 50%; margin: 0 auto; overflow: hidden;}
.so_licon1,.so_licon2,.so_licon3{ padding: 0 10px;}
.so_licon1 a{ background: url(../images/stitle1s.png) no-repeat;}
.so_licon1 a:hover,.so_licon1 .active1{ background: url(../images/stitle1.png) no-repeat;}
.so_licon2 a{ background: url(../images/stitle2s.png) no-repeat;}
.so_licon2 a:hover,.so_licon2 .active2{ background: url(../images/stitle2.png) no-repeat;}
.so_licon3 a{ background: url(../images/stitle3s.png) no-repeat;}
.so_licon3 a:hover,.so_licon3 .active3{ background: url(../images/stitle3.png) no-repeat;}
.so_licon1 a,.so_licon2 a,.so_licon3 a,.so_licon1 a:hover,.so_licon1 .active1,.so_licon2 a:hover,.so_licon2 .active2,.so_licon3 a:hover,.so_licon3 .active3{width: 216px; height: 90px; display: block;}
.so_red{ color: red; padding-left: 60px;}
/* 初始样式 */
        .btn {
            padding: 5px 20px;
            font-size: 16px;
            cursor: pointer;
            background-color: #ffffff; /* 绿色背景 */
            color: #333;
            border:1px solid #D0D0D0;
            border-radius: 30px;
            margin:0  5px;
        }

        /* 点击后的样式 */
        .btn-clicked {
            background-color: #314c87; /* 红色背景 */
            color: #fff;
            transform: scale(0.98); /* 轻微缩放效果 */
			border: none;
        }


.so_text{ clear: both; overflow: hidden; width: 50%; margin: 40px auto; font-size: 18px;}
.so_text p{overflow: hidden; clear: both; line-height: 38px; margin-bottom: 10px;}
.so_name{width: 20%; text-align:right;}
.so_input {width: 80%; padding-bottom: 15px;}
.stinput{padding:0 5px;box-sizing:border-box;height:38px;border:1px solid #D0D0D0; border-radius: 5px; width: 90%;}
.click{ border: 1px dashed #314c87; width: 85%; margin: 0 auto; border-radius: 10px; text-align: center; padding: 40px 0;}
.photo{ color: #999; font-size: 16px; line-height: 24px;}
.space-y-4 label input{ width: 28px; height: 28px; border: 1px solid #ebebeb;margin-right: 10px; margin-top: 3px; margin-left:40px;}
.pt-4 button{ width: 150px; height: 40px; margin-left: 40px; border: none; border-radius: 5px; font-size: 18px;}
.ptbutton{ background-color: #314c87; color: #fff;}

.so_picture{width: 1440px; margin:40px auto; background-color: #fff;overflow: hidden; padding:30px 40px;}
.so_picture h2{ color: #314c87; font-size: 24px; line-height: 50px;}
.so_pics{ width: 50%; border-bottom: 1px solid #D0D0D0; margin-bottom: 20px;}
.so_pics p{ clear: both; overflow: hidden;line-height: 35px; font-size: 16px;}
.so_picon{ background-color: #314c87; border-radius:30px; width: 120px; height: 35px; text-align: center; color: #fff; margin-left: 20px;}
.so_date{ color: #999;}
.so_pics img{ width: 192px; margin-right: 20px; margin-bottom: 20px;}

.text-area-container {
	font-family: Arial, sans-serif;
	max-width: 650px;
	margin: 0 auto;
	padding:0 20px;
}
.textarea-box {
	width: 84%;
	height: 150px;
	padding: 10px;
	font-size: 14px;
	border: 1px solid #D0D0D0;
	border-radius: 5px;
	resize: vertical; /* 允许垂直调整文本框高度 */
	margin-bottom: 10px;
}
.char-count {
	font-size: 12px;
	color: #666;
	text-align: right;
}
.char-count span {
	color: #ff4444; /* 剩余字符为红色警示 */
}
.flex{ padding-left: 180px;}