@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
}
.body{ margin-left:5%; margin-right:5%; margin-bottom:50px;}

* ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.a1{ font-size:22px; padding-top:20px; padding-bottom:10px;}
.a2{
	font-size:16px;
	padding-top:5px;
	padding-bottom:10px;
	color:#BABBC2;
	line-height:30px;
}
.a2 u{
	text-decoration: none;
	color:#576ba3
}
.body1{ background-color:#f5f8ff; color:#222; padding-bottom:50px;}
.body1 .title{ font-size:26px; font-weight:bold; text-align:center;background-image: url(../images/1_03.jpg);
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%; /* 或者具体宽度 */
  height: 42vh; /* 或者具体高度 */}
.body1 .title .xian{
  padding-left:2%;
  padding-right:2%;
  padding-top:100px;




}
.body1 .title .xian1{
	border: 2px solid #fff;
	margin:4px;
	background-color:#cae2ee;
	padding:20px;
	text-align:center;
	font-size:36px;
	line-height:50px;
}
.body1 .body2{
	border: 1px solid #5381c1;
	padding:15px;
	line-height:30px;
	font-size:16px;
	background-color: #FFFFFF;
	margin:5%;
}
.body1 .body2 p{
	text-indent: 2em;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}
.body1 .body3{ font-size:16px; line-height:30px; background-color:#FFFFFF; padding:20px; margin-top:40px; color:#000; margin-bottom:20px;}
.body1 .body3 strong{ display:block; text-align:center}

.body1 .body4{
	border: 1px solid #5381c1;
	background-color:#FFFFFF;

	line-height:30px;
	font-size:16px;
	margin-bottom:20px;
	margin:5%;
}
.body1 .body4 p{
	text-indent: 2em;
	padding-left:15px;
	padding-right:15px;
}

.body1 .body4 .left{
background-color:#5381c1;
color:#FFFFFF;
font-weight:bold;
width:45%;
float:left;
text-align:center
}

.body1 .body4 .right{
background-color:#5381c1;
color:#FFFFFF;
font-weight:bold;
width:45%;
float:right;
text-align:center
}

.body1 .body4 .center{
background-color:#5381c1;
color:#FFFFFF;
font-weight:bold;
width:100%;
float: none;
text-align:center
}



a{
	text-decoration: none;
}
.body1 .news{
	border: 1px solid #5381c1;
	padding:10px;
	line-height:30px;
	font-size:16px
}
.body1 .news ul{ margin-left:0px; padding-left:10px;}
.body1 .news li{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #c0c0c0;
	margin-bottom:20px;
	margin-top:10px;
	line-height:35px;
}
.body1 .news li span{
font-size:14px; float:right; color:#CCCCCC
}
.body1 .news li a{
color:#000
}
.anniu{ width:100px; height:50px; line-height:50px; text-align:center; margin-left:auto; margin-right:auto; margin-top:50px; background-color:#527fc1}
.anniu1{ width:100%; height:50px; line-height:50px; text-align:center; margin-left:auto; margin-right:auto; margin-top:50px; background-color:#527fc1}
.anniu1 a{ color:#FFFFFF}
.anniu2{ width:150px; height:50px; line-height:50px; text-align:center; margin-left:auto; margin-right:auto; margin-top:30px; background-color:#527fc1; color:#FFFFFF; border:0px;}
.anniu2 a{ color:#FFFFFF}

.body1 .title1{
font-size:20px; text-align:center; margin-bottom:20px; line-height:40px; margin-top:10px;
font-weight:bold;
}
.body1 .xq{
	border: 1px solid #5381c1;
	padding:10px;
	line-height:30px;
	font-size:16px
}
.body1 .xq {
  width: 92%; /* 设置容器宽度 */
  overflow-x: auto; /* 允许横向滚动 */
  white-space: nowrap; /* 防止内部元素换行 */
 
}


 
.scrollable-table {
  width: 100%; /* 设置表格宽度 */
  table-layout: fixed; /* 列宽度固定 */
}
 
.scrollable-table th, .scrollable-table td {
  overflow: hidden; /* 超出部分隐藏 */
  white-space: nowrap; /* 防止内容换行 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
}

 
.bbody1{ background-color:#fff; color:#FFFFFF; padding:0%;}
.bbody1 .body3{ font-size:16px; line-height:30px; background-color:#f5f5f5; padding:20px; margin-top:40px; color:#000; margin-bottom:20px;}
.bbody1 .body3 strong{ display:block; text-align:center}
.bbody1 .news{
	
	padding:10px;
	line-height:30px;
	font-size:16px
}
.bbody1 .news dt{ margin-left:0px; padding-left:0px;}
.bbody1 .news dl{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #c0c0c0;
	margin-bottom:20px;
	margin-top:10px;
	line-height:25px;
	height:75px;
	color:#000000
}
.bbody1 .news dl span{
padding-left:5px;
float:right;
}
.bbody1 .news dl u{
	display:block;
	color:#CCCCCC;
	font-size:12px;
	text-decoration: none;
}
.bbody1 .news dl span img{
width:80px;
height:60px;

}

.bbody1 .news1{
	
	padding:10px;
	line-height:30px;
	font-size:16px
}
.bbody1 .news1 dt{ margin-left:0px; padding-left:0px;}
.bbody1 .news1 dl{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #c0c0c0;
	margin-bottom:20px;
	margin-top:10px;
	line-height:25px;
	height:125px;
	color:#000000
}
.bbody1 .news1 dl span{
padding-left:5px;
float:right;
}
.bbody1 .news1 dl u{
	display:block;
	color:#CCCCCC;
	font-size:12px;
	text-decoration: none;
}
.bbody1 .news1 dl span img{
width:80px;
}
.bbody1 .news1 dl a{
color:#000
}
.bbody1 .news dl a{
color:#000
}
.bm{ margin:5%;}
.bbody1 .news .aa{ color:#000; text-align:center; font-weight:bold; font-size:22px; padding-top:20px;}
.bbody1 .news .time{ color:#999; text-align:center; font-size:12px;}
.bbody1 .news .bb{ color:#666666}
.bbody1 .news .bb a{ color:#666666}
.bbody1 .news .bb img{}
/* 链接&按钮&输入框 */
.link1, .list-itme .itme-name, .link1:focus, .list-itme .itme-name:focus { color: #555; }
.link1:hover, .list-itme .itme-name:hover { color: #2c79cb; }

.btn-green-a { height: 32px; line-height: 32px; border: 0 none; }
.btn-green-a.disabled { cursor: default; }

.input-wrap > label:first-child, .input-wrap > input { display: block; float: left; height: 42px; line-height: 42px; }
.input-wrap > label:first-child { min-width: 80px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding: 0 16px; padding: 0 \9; background-color: #527fc1; font-weight: normal; color: #fff; text-align: center; }
.input-wrap > input, .input-wrap > textarea { border: 0px solid #ccc; background-color: #fff; }
.input-wrap > input:focus, .input-wrap > textarea:focus { border-color: #fff; -webkit-box-shadow: none; box-shadow: none; }
.input-wrap > input { width: 100px; border-left: 0 none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; padding: 0 20px; }
.input-wrap > input.w-100 { width: 100px; }
.input-wrap > input.w-200 { width: 150px; }
.input-wrap > input.w-280 { width: 100px; }
.input-wrap > input.w-300 { width: 100px; }
.input-wrap > input.w-500 { width: 80%; }
.input-wrap > textarea { width: 82%; height: 210px; border-radius: 3px; padding: 10px 20px; resize: vertical; }

.join-name-btn, .remove-name-btn { height: 42px; border: 0 none; padding: 0 15px; background-color: #4cc580; }

.icon { display: inline-block; vertical-align: middle; font-style: normal; background-repeat: no-repeat; background-position: center; }
input.hide { position: absolute !important; display: block !important; width: 0 !important; height: 0 !important; opacity: 0 !important; filter: alpha(opacity=0) !important; font-size: 0 !important; overflow: hidden !important; }
.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.checkbox-icon { width: 20px; height: 17px; margin-top: -3px; background-image: url(../images/checkbox-icon.png); background-position: 0 0; }
.checked > .checkbox-icon { background-position: 0 -17px; }
.xb{ width:120px; line-height:42px; height:42px;}
.xian3{ width:100%; height:5px; background:#666666;}