@charset "gb2312";
*{ margin:0; padding:0; list-style:none; font-family:"微软雅黑";}
a{ text-decoration:none; color:#333; border:none; outline:none;}
a:hover{ text-decoration:none; color:#0077FF;}
a:link{ text-decoration:none;}
img{ border:none;}
input{ border:none; outline:none;}
textarea{ border:none; outline:none; resize:none;}
.clear{ clear:both;}
a {
	outline:none;
	color:#333;
	text-decoration:none;
	-webkit-backface-visibility:hidden;
}
a:focus {
	outline:none;
}
.check{ color:#c82728}
input:focus,select:focus,textarea:focus {
	outline:-webkit-focus-ring-color auto 0;
}
	.layui-tab{
				width: 1200px;
				margin: 0 auto;
			}
.banner{ margin-top:10px}
@media screen and (max-width: 1200px) {
	.phonelogin{
		display: flex !important;
	}
	.gengduo{
		display: block !important;
	}
	.phonenav{
		margin-bottom: 10px;
	}
	.phonenav li{
		width: 100%;
		height: 40px;
		font-size: 16px;
		padding-left: 20px;
		box-sizing: border-box;
		border-bottom: 1px solid #9d9d9d;
		line-height: 40px;
	}
	.phonenav a:last-child li{
		border: none;
	}
	.task_one img{
		display: none !important;
	}
	/* login reg*/
	
	.login_top .top_text,.login_top .line{
		display: none !important;
	}
	.bg{
		display: none !important; 
	}
	.login_box{
		width: 100% !important;
		height: 500px !important;
		top: 20px !important;
	}
	.login_box form{
		width: 100% !important;
	}
	.layui-form  .searchtype .layui-form-select .layui-input{
		padding-right: 20px;
		    cursor: pointer;
		    font-size: 12px;
	}
	.layui-form  .searchtype {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.layui-form  .searchtype  .typeleft{
		width: 20% !important;
	}
	
	.job_list .tit span,.job_list .con span{
			padding: 0 !important;
	}
	
	.per_list span{
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.layui-tab-title li{
		font-size: 14px !important;
		padding: 0 5px;
	}
	.more{
		float: none !important;
		position: relative !important;
	}
	
	body{
		/* background: #0077FF; */
	}
	.center{
		width: 100% !important;
		justify-content: center;
	}
		.layui-tab{
				width: 100% !important;
				margin: 0 auto;
				padding: 0 10px;
				box-sizing: border-box;
			}
	.header_center{
		box-sizing: border-box !important;
		width: 100%;
		justify-content: space-between;
		padding: 0 5% !important;
	}
	.header_nav,.header_login{
		display: none;
	}

	.banner img{
		width: 100%;
		height: 100px;
	}
	.search input{
		padding-left: 10px !important;
	}
	.search .rwlist{
		width: 20% !important;
		font-size: 14px;
		height: 30px !important;
	}
	.search .rwlist span{
		display: block;
		line-height: 30px;
	}
	.search .search_center button{
		width: 20% !important;
		height: 30px !important;
		padding: 0 !important;
	}
	.search{
		box-sizing: border-box;
		padding: 0 10px !important;
		margin: 0;
	}
	.search .search_center .layui-form{
		width: 20% !important;
	}
	.search input,.search button{
		height: 30px !important;
		margin: 0 !important;
		line-height:30px;
	}
	
	.nav_center{
		flex-direction: column;
		display: none !important;
	}
	
	.task_center{
		width: 100%;
		margin:0  !important;
	}
	.task,.yqlj{
		width: 100% !important;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.task_one_box{
		width: 100% !important;
		box-sizing: border-box;
	}
	.task_one_right{
		box-sizing: border-box !important;
		padding: 0 0 0 5px !important;
	}
	.task_one{
		font-size: 14px !important;
	}
	.task_name{
		font-size: 16px !important;
	}
	.task_com{
		width:60% !important;
	}
	.task_one img{
		width: 50px !important;
		height: 50px !important;
	}
	.task_one_box:nth-child(even){
		margin-left: 0 !important;
	}
	
	.kind .kind_task{
		height: 30px !important;
		margin-bottom: 0 !important;
		font-size: 20px !important;
		width: 30% !important;
	} 
	
	.job_list{
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.job_list .task_one_box, .job_list .task_one{
		width: 100% !important;
	}
	
	.center_right{
		display: none;
	}
	.center_left{
		width: 90% !important;
		padding: 0 10px !important;
	}
	.task_com{
		width: 60% !important;
	}
	
	.job_detail h3{
		width: 100% !important;
	}
	.job_detail h3 div{
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
 }
	.tdjl{
		top: 75px !important;
		right: 10px !important;
	}
	
	.yqlj h3{
		margin-top: 0 !important;
	}
	
	
	.ydbeian{
		display: flex !important;
		flex-direction: column;
		justify-content: center;
		margin: 30px 0;
	}
	.ydbeian p{
		margin: 0 !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.beian{
		display: none ;
	}
}


/* header */
header{
	width: 100%;
	height: 120px;
	padding: 10px 0;
	background: #FFFFFF;
}
.center{
	width: 1200px;
	margin: 0 auto;
	display: flex;
}
.center h3{
	margin: 20px 0;
	font-weight: normal;
}
.center p{
	line-height: 30px;
}
.header_center{
	position: relative;
	align-items: center;
}
.header_nav{
 width:1200px; margin:0 auto; padding-left:120px; padding-top:13px;	}
.header_nav a{
	padding: 0 16px;
	font-size: 18px;
}
.header_login{
	position: absolute;
	right: 0;
	font-size: 20px;
}
.header_login .login{
	border:1px solid #0077FF;
	color: #0077FF;
	padding: 5px;
	border-radius: 20px;
}
.header_login .login a{
	border-radius: 20px;
	padding: 0 10px;
	color: #0077FF;
}
.header_login span:last-child{
	margin-left: 30px;
}
/* banner img */
.banner img{
	width: 100%;
}

/* input search */
.search{
 padding: 10px 0;
 margin: 15px 0;
}
.search .layui-btn{
	width: 15%;
}
.search_center {
 justify-content: center;
 align-items: center;
}
.layui-input{
 height: 44px !important;
}
.searchtype{
 width: 80%;
 margin:0 auto;
 display: flex;
}
.searchtype .typeleft{
 width: 100px;
 height: 60px;
 text-align: center;
 line-height: 60px;
 background: #F5F5F5;
 color: #999;
 border: 1px solid  #e6e6e6;
 border-right: none;
}
.searchtype .type{
 flex: 1;
 border: 1px solid  #e6e6e6;
 display: flex;
 align-items: center;
 padding-left:10px;
}
.searchtype .type .layui-unselect {
 margin-right: 10px;
}
/* nav */
.nav {
	margin-bottom: 30px;
}
.nav_center{
	display: flex;
	justify-content: center;
}
.nav_one{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 5px;
}
.nav_one:first-child{
	margin-left: 0;
}
.nav_one img{
	width: 200px;
}
.more{
	float: right;
}

/* task */
.task{
	padding-bottom: 30px;
	width: 1200px;
	margin: 0 auto;
}
.task_center{
	flex-wrap: wrap;
}
.yqlj{
	width: 1200px;
	margin: 0 auto;
}
.yqlj h3,.task h3{
	width: 100%;
	font-weight: normal;
	margin: 40px auto 20px;
	font-size: 20px;
}
.task h3 .more{
	float: right;
	font-size: 16px;
	position: absolute;
	right: 0;
}
.task_one_box{
	width: 560px;
	border: 1px solid #0077FF;
	border-radius: 10px;
	padding: 10px;
	margin-top: 20px;
}
.task_one_box:nth-child(even){
	margin-left: 20px;
}
.task_center .task_one{
	display: flex;
}
.task_one img{
	width: 100px;
	height: 100px;
	margin-top: 10px;
}
.task_one .task_one_right{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
	box-sizing: border-box;
	padding: 10px 15px; 
}
.job_list_center .task_one_right div{ margin: 5px 0;}
.task_center .task_one_right div{
		margin: 5px 0;
	}
.task_one_right div{
	display: flex;
	justify-content: space-between;
}
.task_name{
	font-size: 18px;
	color: #337ab7;
}
.task_money{
	color:#c82728;
	font-weight: bold;
}
.task_address{
	margin: 0;
	padding-right: 15px;
	margin-left: 115px;
}
.task_com {
	width: 260px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.yqlj a{
	padding: 0 10px;
}
.yqlj a:hover{
	color: #0077FF;
}

.ydbeian{
	display: none;
}
.beian{width:100%; line-height:20px; font-size:14px; text-align:center;  padding:48px 0 0 0;}
.beian p{
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
}


/* 职位详情   jobshow_lhyg */
.center_left{
	width: 780px;
	position: relative;
}
.tdjl{
	display: block;
    position: absolute;
    top:50px;
    right: 24px;
    width: 113px;
    height: 42px;
    background: #0077FF;
    border-radius: 4px;
    line-height: 42px;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
	cursor: pointer;
}
.center_right{
	flex: 1;
	padding-left: 50px;
	padding-top: 30px;
}
.center_right .combox{
 border: 2px dotted #ccc;
 padding: 0 20px 20px 20px ;
 border-radius: 20px;
 display: flex;
 box-sizing: border-box;
}
.center_right .combox img{
 display: flex;
 width: 100px;
 height: 100px;
 margin-top: 20px;
 margin-right: 20px;
}
.center_right p span{
	color: #707070;
}
.job_detail,.job_ms{
	padding-top: 20px;
	padding-bottom: 40px;
	border-bottom: 3px dashed #ccc;
}
.job_detail h3{
	    font-size: 20px;
	    display: flex;
	    align-items: center;
	    width: 50%;
	    justify-content: space-between;
}
.job_detail p{
	color: #707070;
	font-size: 16px;
}
.job_more .task_one_box,.job_more .task_one{
	display: flex;
	width: 780px;
	margin-left: 0;
	box-sizing: border-box;
}
.job_more .task_one_right{
	padding: 18px 30px;
}

.job_more .task_one_box:hover{
	background: rgb(249,249,249);
}

/* 职位列表 */
.job_list{
	width: 100%;
}
.job_list_center .task_one_box .task_one{
	width: 100%;
	display: flex;
}
.job_list_center{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 2%;
}
.job_list .task_one_box{
	display: flex;
	width: 47%;
	margin-left: 0;
}

.job_more .task_one_right{
	padding: 18px 30px;
}
.job_more .task_one_box:hover{
	background: rgb(249,249,249);
}
.job_list .task_one_right div span{
}
.job_list .task_one_right div span:nth-child(2){
	text-align: center;
}
.job_list .task_one_right div span:nth-child(3){
	text-align: right;
}

/* 登录注册 */
.login_top{
	height: 115px;
	padding-top: 30px;
	box-sizing: border-box;
}
.login_top .line{
	border-left: 1px solid #a0a0a0;
	width: 1px;
	height: 36px;
	margin: 45px 15px 0 46px;
}
.login_top img{
	width: 223px;
	height: 79px;
}
.login_top .top_text{
	font-size: 22px;
	color: #212121;
	margin-top: 38px;
	font-weight: bold;
	margin-left: 35px;
}
.login_top .top_text span{
	font-size: 30px;
	color: #0077FF;
}
.login_box{
	width: 477px;
	height: 563px;
	background-color: #FFFFFF;
	position: absolute;
	right: 0;
	top:60px;
	 box-shadow:#ccc 0px 0px 10px;
	 border-radius: 5px;
	 box-sizing: border-box;
	 padding: 32px;
}
.login_box p{
	height: 54px;
	font-size: 24px;
	color: #303030;
	line-height: 54px;
	border-bottom: 1px solid #dcdcdc;
	margin: 0;
	font-weight: bold;
}
.login_box form{
	width: 332px;
	margin: 40px auto 0;
}
.login_box .iptbox1{
	padding-left: 44px;
	height: 44px;
	overflow: hidden;
	position: relative;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
}
.user{
	background: url(../img/user.png) no-repeat 16px center #f7f7f7;
}
.pwd{
	background: url(../img/pwd.png) no-repeat 16px center #f7f7f7;
}
.yzm{
	background: url(../img/yzm.png) no-repeat 16px center #f7f7f7;
}
.login_box .iptbox2{
	border-left: 1px solid #e5e5e5;
	background: #fff;
}
.login_box .ipt{
	display: block;
	font-size: 14px;
	height: 40px;
	padding: 2px 0 0 15px;
	width: 242px;
	outline: none;
	border: none;
	background: #FFF;
}
.submit{
	display: block;
	width: 100%;
	height: 40px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	border: none;
	background: #4d8bf7;
	outline: none;
	border-radius: 4px;
}
.login_box a{
	float: right;
	margin: 10px 0 ;
	color: #0077FF;
	cursor: pointer;
	font-size: 14px;
}
.yzmbtn{
	position: absolute;
	    right: 6px;
	    top: 6px;
	    width: 78px;
	    height: 20px;
	    background-color: #f7f7f7;
	    font-size: 12px;
	    line-height: 20px;
	    text-align: center;
	    color: #707070;
	    border: 1px solid #e5e5e5;
	    border-radius: 4px;
	    cursor: pointer;
	    padding: 5px;
}


.per_list{
	display: flex;
	
}
.per_list span{
	flex: 1;
	height: 60px;
	line-height: 60px;
}
.per_list:nth-child(odd){
	height: 60px;
	line-height: 60px;
	background-color: #FAFAFA;
} 
.job_list .tit{
	font-weight: bold;
}
.job_list .tit span,.job_list .con span{
	padding-left: 30px;
	text-align: center;
}
.job_list div span{
	box-sizing: border-box;
}
/* .job_list div{
	height: 60px;
	line-height: 60px;
}
.job_list div:nth-child(odd){
	height: 60px;
	line-height: 60px;
	background-color: #FAFAFA;
} */

.per_detail{
	padding-top: 20px;
	padding-bottom: 40px;
	border-bottom: 3px dashed #ccc;
}
.per_detail h3{
	font-size: 20px;
	margin-top: 0;
}

.per_tjh2{
	padding: 10px 0;
	border-bottom: 1px dotted #333;
	
}
.per_tj{
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.per_tj img{
	width: 60px;
	height: 60px;
}
.per_tj div{
	margin-left: 30px;
}


.kind{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 30px auto;
}
.kind .kind_task{
	width: 200px;
	height: 40px;
	margin-bottom: 30px;
	display: flex;
	border-radius: 20px;
	font-size: 22px;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	background: linear-gradient(to top right, rgb(5,95,200), rgb(50,150,250));
	padding: 20px;
	color: #fff;
	cursor: pointer;
	margin-right:30px;
	margin-left:30px
	
}
.kind .select{
	background: linear-gradient(to top right,rgb(230,70,0),rgb(250,110,50));
}
.layui-tab-title li{
	font-size: 20px;
}


.layui-badge{
	margin-left: 5px;
}
	.tag{
	      height: 30px;
		  display: flex;
		  align-items: center;
		  border: 2px solid #09F;
		  background-color: #FFF;
		  text-align: center;
		  padding: 2px 5px;
		  position: absolute;
		  right: 30px;
		  bottom: 120px;
		  z-index: 100;
		  border-radius: 10px;
	}
	.tag:before,.tag:after{
	       content: "";
	           display: block;
	           border-width: 10px;
	           position: absolute;
	           bottom: -20px;
	           right: 130px;
	           border-style: dashed;
	           border-color: #09F transparent transparent;
	           font-size: 0;
	           line-height: 0;
	}
	.tag:after{
	        bottom: -18px;
	        border-color: #FFF transparent transparent;
	}
	.layui-form-checkbox{
 margin-top: 0 !important;
}

.layui-form a{
 margin : 0
}
.layui-layer-content .content{
  padding:30px 60px 60px;
  font-size: 21px;
 }
.layui-layer-content .content .title{
  color:rgb(250, 96, 65) ;
  font-family: '仿宋';
  background: rgb(255, 255, 235);
 }
.layui-layer-content .content .content_con {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 21px;
  margin-top: 30px;
  font-family: '仿宋';
 }
.layui-layer-content .content .content_con h3{
  font-size: 29px;
  font-family: '仿宋';
  font-weight: bold;
 }
.layui-layer-content .content .content_con p{
  font-size: 21px;
  font-family: '仿宋';
  text-indent: 2em;
  margin-top: 20px;
 }
.layui-layer-content .content .phone{
  margin-top: 30px;
 }
.layui-layer-content .content .phone p{
  line-height: 42px;
  margin-left: 26px;
  font-family: '仿宋';
 }
.layui-layer-content .content .phone .spe{
  margin-left: 0;
 }
 .layui-form-checked[lay-skin=primary] i{ background:#0075ff; border-color:#0075ff}
 
 
 .phonelogin{
 	display: none;
 	align-items: center;
 	justify-content: flex-end;
 	height: 30px;
 	padding-right: 20px;
 	background: #f2f2f2;
 }
 .login1{
 	background:url(../img/login11.png) no-repeat ;
 	padding-left: 20px;
 	margin-left: 10px;
 }
 .reg1{
 	background:url(../img/user.png) no-repeat ;
 	padding-left: 20px;
 }
 .gengduo,.phonenav{
	 display: none;
 }
 @media (max-width: 767px){
 .layui-layer-content .content .content_con h3,.layui-layer-content .content,.layui-layer-content .content .content_con p{ font-size:9px}
 .layui-layer-content .content .phone p{ line-height:1.5}
 
 }