body,div,ul,li{
	margin: 0;
	padding: 0;
}
ul,li{
	list-style: none;
}
a{
	text-decoration: none;
	color: black;
}
.clearfix:after{
	display: block;
	content: '';
	clear: both;
}
body{
	 background: #fff;
}
/* 主体内容 */
center{
width: 1360px;

padding: 20px;
background: #FFFFFF;
margin: 0 auto;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1000);
}
/*上面tab切换
*/
.daohang_list{
	display: flex;
}
.top .tit{
	font-size:18px;
	color: rgba(51, 51, 51, 1);
	font-weight: bold;
	margin-right: 40px;
}
.top .daohang_list .list_item{
	display: inline-block;
	width:120px;
height:36px;
background:rgba(255,255,255,1);
border:1px solid rgba(187,187,187,1);
border-radius:4px;
font-size:14px;
color:rgba(51,51,51,1);
text-align: center;
line-height: 34px;
margin-right: 16px;
}
.top .daohang_list .list_item:hover,.top .daohang_list .list_item.on{
	background:rgba(69,108,240,1);
	border-radius:4px;
	color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(69,108,240,1);
}
/* 左侧内容 */
.left{
	float: left;
	width:210px;
	height:630px;
	background:rgba(234,237,245,1);
	border-radius:6px 0px 0px 6px;
	}

.nav_child li{
	height:44px;
	border-bottom: 1px solid #bfbfbf;
}
.left .nav_child li a{
	display: block;
	line-height: 44px;
	font-size: 16px;
	color: #333;
	text-align: left;
	padding-left: 39px;

}
.left .nav_child li a.on,.left .nav_child li a:hover{
	background:rgba(255,255,255,1);
	color: #456CF0;
}
.right{
	width:846px;
	min-height:620px;
	margin: 0 auto;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.1);
	padding-top: 30px;
	box-sizing: border-box;
}
.right1{
	float: right;
	box-shadow:0px 4px 17px 1px rgba(0, 0, 0, 0.1);
	position: relative;
	margin-top: 38px;
	margin-right: 20px;
}
/* 修改layui按钮背景色 */
.layui-btn{
	background-color: #538ffc;
}
.iinforignt{
	float: left;
	width: 990px;
}

.grzl{
	height: 60px;
	line-height: 60px;
	padding-left: 24px;
	color: #EB0000;
	font-size: 20px;
	text-align: left;

}


.flex_row,.flex{
	display: flex;
	flex-direction: row;
	display: -webkit-box;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
  }
  
  /*项目竖向排列*/
  .flex_col {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	flex-direction: column;
  }
  /*flex-shrink  所有项目的flex-shrink: 1; 只有一个为0  则空间不足时，为0不缩小*/
  /*项目可换行 默认不换行*/
  
  .flex_grow {
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
  }
  
  /*水平和垂直居中*/
  
  .flex_center {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
  }
  
  /*水平居中*/
  
  .flex_x_center {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
  }
  
  /*右对齐*/
  
  .flex_x_right {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: flex-end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: center;
	justify-content: flex-end;
  }
  
  /*两端对齐*/
  
  .flex_x_between,.flex_between {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
  }
  
  /*两侧间距相等对齐*/
  
  .flex_x_around {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: space-around;
	-webkit-justify-content: space-around;
	-ms-flex-pack: space-around;
	justify-content: space-around;
  }
  
  /*Y轴居中*/
  
  .flex_y_center {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
  }
  
  /*底部对齐*/
  
  .flex_y_bottom {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	-ms-grid-row-align: flex-end;
	align-items: flex-end;
  }
  
  .item_end{
	   align-self: flex-end;/*单个项目底部*/
  }
  /*-------------------------------------*/
 
  
  .flex_grow_0 {
	min-width: 0;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
  }
  
  .flex_grow_1 {
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
  }
  
  .info_box{
	box-shadow:0px 0px 5px 0px rgba(230,230,230,1);
	border-radius:6px;
	width: 1200px;
	margin-top:30px ;
  }
  .clear{
	  clear: both;
  }
  .layui-form-item{
	margin-bottom: 20px;
}