div,img{
	padding: 0;
	margin: 0;
}

#header_div .w .img img {
	/* width: 112px; */
	height: 40px;
}
.header_nav .nav .toggle {
	margin: 0 16px;
	color: #232323
}

.header_nav .nav .active {
	color: #1C8EFF;
	font-weight: bold;
}

.header_nav .nav>span:nth-child(even) {
	color: #DFDFDF;
}

.header_nav .upload_img img{
	vertical-align: middle;
}
.header_nav .heder_right #user_button a{
	color: #1C8EFF;
}

.header_nav .heder_right #user_info{
	position: relative;
}

.header_nav .heder_right #user_info img {
	width: 35px;
	height: 35px;
	vertical-align: middle;
	border-radius: 50%;
}
.header_nav .heder_right #user_info .down_img img{
	width: 15px;
	height: 15px;
	vertical-align: middle;
	/* border-radius: 50%; */
}

.header_nav .heder_right .user_dialog{
	position: absolute;    
	top: 50px;
	right: 0;
	/* left: 50%; */
	/* margin-left: -75px; */
	width: 150px;
	/* height: 110px; */
	border-radius: 4px;
	text-align: center;
	box-Shadow: 1px 1px 10px rgba(0,0,0,.2);
	background-color:#FFFFFF;
	z-index: 999;
	display: none;
	cursor: pointer;
}

.header_nav .heder_right .user_dialog span{
	color:#666666;
	font-size:12px;
}

.header_nav .heder_right .user_dialog .triangle{
	position: absolute;
	top:0;
	margin-top:-10px;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-top:1px solid transparent;
	border-bottom: 8px solid #FFFFFF;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	box-sizing: border-box;
}

.header_nav .heder_right .user_dialog .codes{
	width: 150px;
	margin: 5px auto 6px;
}

.header_nav .heder_right .user_dialog .codes>div{
	line-height: 30px;
	margin: 10px 0;
}

.header_nav .heder_right .user_dialog .codes span{
	color: #409EFF;
	font-size: 16px;
}

.header_nav .heder_right .user_dialog .codes img{
	width: 146px;
	height: 146px;
} 
.exit_login .login_box{
	width: 400px;
	height: 214px;
	margin:300px auto;
	background-color: #FFFFFF;
	border: 1px solid #E1E6F2;
	border-radius: 4px;
}
.exit_login .doubt{
	padding-top:38px;
	width: 45px;
	height: 45px;
}
.exit_login .tips{
	margin-top:17px;
	font-size: 16px;
	font-weight: 400;
	color: #192440;
}
.exit_login .exit_judge{
	margin-top: 32px;
	font-size:18px;
	font-weight: 500;
	padding:0 30px
}
.exit_login .exit_judge>span{
	padding:8px 33px;
	border: 1px solid #C5CDE2;
	border-radius: 4px;
	cursor: pointer;
}
.exit_login .exit_judge .sure_exit{
	color:#FFFFFF;
	margin-left:7px;
	background: #5B8CFF;
}
@media screen  and (min-width:751px) {
	#header_div a {
		text-decoration: none;
		color: #232323
	}
	#header_div .w{
		min-width: 1000px;
		max-width: 1200px;
		margin: auto;
		display: flex;
		align-items: center;
		height: 74px;
		justify-content: space-between;
		
	}
	#header_div .munu {
		display: none;
	}
	#header_div {
		min-width: 1200px;
		
		text-align: center;
		border-bottom: 1px solid #EEEEEE;
		font-family: PingFang SC;
		background-color: #FFFFFF;
	}
	#header_div .header_nav{
		display: block;
		width: 88%;
	}
	#header_div .header_nav>div {
		width: 100%;
		/* width: 90%; */
		display: flex;
		font-size: 18px;
		line-height: 50px;
	}
	#header_div .toast_munu {
		display: none;
	}
	.header_nav .nav {
		/* width: 90%; */
		width: 85%;
		display: flex;
		cursor: pointer;
		font-size:20px;
	}
	.header_nav .nav .recruit {
		position: relative;
	}
	
	.header_nav .nav .recruit ul{
		display: none;
		width: 100%;
		position: absolute;
		left:-8px;
		z-index:9;
		padding:0 9px;
		background: rgba(233, 244, 255,.8);
		box-shadow: 3px 4px 6px 0px rgba(18, 85, 151, 0.39);
	
	}
	.header_nav .nav .recruit:hover ul{
		display: block;
	}
	#header_div .header_nav .nav .recruit ul li:hover a{
		color: #1C8EFF;
	}
	.header_nav .nav .recruit ul li{
		line-height: 48px;
		border-bottom: 1px solid #B5DBFF;
	}
	.header_nav .recruit ul li a{
		font-size: 14px;
		font-weight: 500;
		color:#333333;
	}
	.header_nav .nav .recruit ul li:last-child{
		border-bottom: none;
	}
	
	.header_nav .about_us{
		margin: 0 15px;
		width: 10%;
		position: relative;
	}
	.header_nav .upload_img{
		width: 10%;
		cursor: pointer;
	}
	.header_nav .heder_right{
		width: 15%;
		font-size: 15px;
		cursor: pointer;
		text-align: right;
	}
	.exit_login{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		background-color: rgba(0, 0, 0, .5);
		z-index: 1000;
		font-family: PingFang SC;
		border-radius: 4px;
	}
}
@media screen  and (max-width:750px) {
	#header_div a {
		text-decoration: none;
		color: #232323
	}
	#header_div .cancle {
		text-align: right;
	}
	#header_div .cancle i{
		font-weight: bolder;
		font-size: 28px;
		cursor: pointer;
	}
	 #cover {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		z-index:3;
		background-color: rgba(0, 0, 0, .5);
	}
	#header_div .w{
		max-width: 750px;
		margin: auto;
		display: flex;
		align-items: center;
		height: 74px;
		justify-content: space-between;
		box-sizing: border-box;
		
	}
	#header_div .header_nav {
		display: none;
	
	}
	#header_div {
		max-width: 750px;
		/* width: 100%; */
		text-align: center;
		border-bottom: 1px solid #EEEEEE;
		font-family: PingFang SC;
		background-color: #FFFFFF;
	}
	#header_div .munu {
		width: 15%;
		display: block;
		cursor: pointer;
		text-align: center;
	}
	#header_div .munu  .lists {
		width: 28px;
		
	}
	/* #header_div .munu i{
		font-size: 30px;
		font-weight: bolder;
	} */
	#header_div .toast_munu {	
		position:fixed;
		top:0;
		right:0;
		height: 100%;
		width: 60%;
		z-index:4;
		padding:20px 0 40px;
		transform:translateX(360px);
		background-color: #fff;
		box-sizing: border-box;

	}
	
	#header_div .toast_munu  .munu_nav {
		
	}
	#header_div .toast_munu  .munu_nav>span{
		display: none;
	}
	#header_div .toast_munu  .munu_nav .munu_join {
		display: block;
	}
	#header_div .toast_munu  .munu_nav>a,
	#header_div .toast_munu .munu_recruit>a,
	#header_div .toast_munu  .munu_nav .munu_join{
		display: block;
		font-size: 18px;
		line-height: 40px;
	}
	#header_div .toast_munu  .munu_nav a:hover{
		background-color: #e4effd;
	}

	#header_div .munu_nav .munu_recruit {
		position: relative;
	}
	
	#header_div .munu_nav .munu_recruit ul{
		/* display: none; */
		width: 100%;
		position: relative;
		font-size: 16px;
	}
	#header_div .munu_nav .munu_recruit:hover ul{
		display: block;
		
	}
	#header_div .munu_nav .munu_recruit ul li:hover a{
		color: #666;
		background-color: #fff;
	}
	#header_div .munu_nav .munu_recruit ul li{
		line-height: 36px;
	
	}
	#header_div .munu_recruit ul li a{
		font-size: 14px;
		font-weight: 500;
		color:#333333;
	}
	#header_div .nav .munu_recruit ul li:last-child{
		border-bottom: none;
	}
	#header_div .toast_munu .about_us{
		margin: 0 15px;
		width: 10%;
		position: relative;
	}
	#header_div .toast_munu .upload_img{
		width: 10%;
		cursor: pointer;
	}
	#header_div .toast_munu .heder_right{
		width: 15%;
		font-size: 15px;
		cursor: pointer;
		text-align: right;
	}
	.exit_login{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		background-color: rgba(0, 0, 0, .5);
		z-index: 1000;
		font-family: PingFang SC;
		border-radius: 4px;
	}
	
}