/*
头部样式
 * */
.headnavfixed{
	width: 100%;
	height: 80px;
	background: #fff;
	z-index: 100;
	box-shadow:0 0 10px 2px rgba(0,0,0,0.1);
	position: fixed;
	top: 0;
}
.headnav{
	width: 1200px;
	height: 80px;
	margin: 0 auto;
}
.headleft{
	float: left;
	width: 405px;
	height: 100%;
}
.headleft a{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	color: #292929;
	line-height: 80px;
	font-size: 20px;
	text-indent: 20px;
	font-weight: bold;
}
.headleft img{
	width: auto;
	height: 44px;
	display: block;
	margin-top: 18px;
	margin-left: 20px;
}
.headright{
	float: left;
	width: 530px;
	height: 100%;
    margin-left: 20px;
}
.headbtn a{
	display: block;
	float: left;
	margin-top: 14px;
	margin-right: 53px;
	width: 30px;
	height: 60px;
	color: #acacac;
	font-size: 12px;
}
.mr40{
	margin-right: 40px!important;
}
.navlogo,.navname{
	width: 36px;
	display: block;
}
.navlogo{
	height: 30px;
	margin-bottom: 4px;
}
.navname{
	line-height: 20px;
	text-align: center;
}
.headbtn a:hover{
	text-decoration: none;
}
.headbtn a:hover .navlogo{
	background-color: #f8f8f8;
}

.headbtn .active .navlogo{
	background-color: #23A3FF!important;
}
.headbtn .active .navname{
	color: #23A3FF;
}




.navlogo{
	background-position: center center!important;
	background-repeat: no-repeat!important;
}
.navlogo-home{
	background-image: url('//image.zhihuishu.com/zhs/ablecommons/demo/201803/952fbed16fe0410c93f1e619a1bf96ab.png');
}
.navlogo-school{
	background: url('//image.zhihuishu.com/zhs/ablecommons/demo/201803/8b7a38758a9a4bd899df636683cf9572.png') no-repeat center center ;
}
.navlogo-school{
	background: url('//image.zhihuishu.com/zhs/ablecommons/demo/201803/8b7a38758a9a4bd899df636683cf9572.png') no-repeat center center ;
}
.navlogo-study{
	background: url('//image.zhihuishu.com/zhs/ablecommons/demo/201803/62cca6298d804adc8131cc7e1eb633c0.png') no-repeat center center ;
}
.navlogo-course{
	background: url('//image.zhihuishu.com/zhs/ablecommons/demo/201803/1fe68d6edc354f558cedfbc23fb1b48b.png') no-repeat center center ;
}
.navlogo-search{
	background: url('//image.zhihuishu.com/zhs/ablecommons/demo/201803/37e06c6471b34437be1f7da4ebc01e32.png') no-repeat center 12px ;
}
.navlogo-teacher{
	background: url('//image.zhihuishu.com/zhs/ablecommons/demo/201901/18d5e5cfca324279add16e28fe5a8402.png') no-repeat;
	background-position: 0 -40px !important;
}
.navlogo-news{
	background: url('//image.zhihuishu.com/zhs_yufa_150820/ablecommons/demo/201908/d41381b6be1440bfa5df6a98dd778e21.png') no-repeat center center ;
}
.navlogo-microSpecialty{
	background:url('//image.zhihuishu.com/zhs_yufa_150820/ablecommons/demo/202007/02fdcea836024c749157c98e533c4b18.png') no-repeat;
	background-size: 100% 100%;
}


.headbtn .active .navlogo-home{
	background-image: url('//image.zhihuishu.com/zhs/ablecommons/demo/201803/5542e21f112343eaa32c49b7a39bd574.png');
}
.headbtn .active .navlogo-school{
	background-image: url('//image.zhihuishu.com/zhs/ablecommons/demo/201803/592a6ccf851b49c0b7d63d3ac328e694.png');
}
.headbtn .active .navlogo-study{
	background-image: url('//image.zhihuishu.com/zhs/ablecommons/demo/201803/803acc7ef5e5470ebeddcec6bb7054d1.png');
}
.headbtn .active .navlogo-course{
	background-image: url('//image.zhihuishu.com/zhs/ablecommons/demo/201803/49fb2c34d9504c8282637f2d9593e38e.png');
}
.headbtn .active .navlogo-search{
	background-image: url('//image.zhihuishu.com/zhs/ablecommons/demo/201803/534e9007024a4b62a4572cf8b1b7e284.png');
}
.headbtn .active .navlogo-teacher{
	/* background: url('//image.zhihuishu.com/zhs/ablecommons/demo/201901/18d5e5cfca324279add16e28fe5a8402.png') no-repeat; */
	background-position: 0 0 !important;
}
.headbtn .active .navlogo-news{
	background-image: url('//image.zhihuishu.com/zhs_yufa_150820/ablecommons/demo/201908/368597413adf4c64bf6fb76de10e8592.png');
}
.headbtn .active .navlogo-microSpecialty{
	background: url('//image.zhihuishu.com/zhs_yufa_150820/ablecommons/demo/202007/9ef7f031e84d48b6aed8d802acd74b8a.png') no-repeat;
	background-size: 100%;
}
.head_login{
	position: relative;
	float: right;
	width: 104px;
	height: 100%;
	text-align: center;
	cursor: pointer;
}
.head_login span{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.head_login .uesr-head{
	margin-bottom: 4px;
}
.not-logged-in .user-bot{
	color: #acacac;
}
.not-logged-in .user-top img{
	width: 30px;
	height: 30px;
}
.not-logged-in{
	width: 100%;
	height: 60px;
	margin-top: 14px;
}

.already-logged-in{
	width: 100%;
	height: 80px;
	padding-top: 25px;
}
.already-logged-in .user-top{
	
	width: 100%;
	height: 30px;
	line-height: 30px;
}
.already-logged-in .user-bot{
	width: 100%;
	height: 20px;
	line-height: 20px;
	color: #acacac;
}
.user-bot:hover{
	text-decoration: underline;
}
.user-online{
	width: 70px;
	float: left;
	border-right: 1px solid rgb(76,161,253);
}
.user-online a{
	height: 20px;
	display: inline-block;
	line-height: 20px;
	color: rgb(76,161,253);
}
.user-online a:hover{
	text-decoration: underline!important;
}
#loginOut{
	width: 48px;
	float: left;
	color: rgb(76, 161, 253);
}
#loginOut:hover{
	text-decoration: underline!important;
}




/* 登录修改 */
.user-infoarrow-div{
	width: 104px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	background: #F0F3F7;
}
.user-info-name1{
	font-size: 14px;
    color:#1D1D1Dff;
    height: 30px;
    line-height: 30px;
	max-width: 60px;
	margin-left: 18px;
}
.txtEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.toggle-arrow-span{
	width: 12px;
	height: 6px;
	background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201901/638bed561d574c48bf71766a80c40ae3.png) no-repeat;
    background-position: 0 0;
    display: inline-block !important;
	margin-right: 12px;
	margin-top: 12px;
}
.already-logged-in:hover .toggle-arrow-span {
    background-position: 0 -16px;
}
.logoutpadd-div {
    padding-top: 5px;
    position: absolute;
    top: 75px;
    right: 0px;
	width: 134px;
	display: none;

}
.logoutdiv{
	background: #FFFFFF;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.17);
    border-radius: 6px;
    height: auto;
    display: inline-block;
    margin-top: 5px;
	width: 100%;
	padding: 8px 0;
}
.logoutdiv a{
	text-align: left;
    line-height: 36px;
	cursor: pointer;
	padding-left: 25px;
    display: inline-block;
    font-size: 14px;
    color: #333333;
	width: 100%;
	font-size: 14px;
	color: #9798A9;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.logoutdiv a:hover{
	color: #26A9FF;
}
.already-logged-in:hover .logoutpadd-div{  
	display: block !important;
	animation: .5s a;
	-webkit-animation: .5s a;
}


/*
头部样式
 * */


/*小屏幕适配*/
@media only screen and (max-width: 765px) {
	.headnavfixed{
		width: 100%;
		height: 2rem!important;
	}
	.headnav{
		width: 100%;
		height: auto;
	}
	.headleft{
		width: 100%;
		height: 1rem;
	}
	.headleft a{
		line-height: 1rem;
		text-align: center;
		text-indent: 0;
		font-size: 0.4rem;
	}
	.headleft img{
		height: 44px;
		margin: 4px auto;
	}
	.headright{
		/*width: 83%;*/
		width: 100%;
		height: 1rem;
	}
	.head_login{
		width: 16%;
		height: 1rem;
		float: left;
		display: none;
	}
	.not-logged-in,.already-logged-in{
		height: 1rem;
		margin-top: 0;
	}
	.not-logged-in .user-top img{
		width: 0.4rem;
		height: 0.4rem;
		margin-top: 0.05rem;
	}
	.not-logged-in .user-top{
		width: 0.5rem;
		height: 0.5rem;
		margin: 0 auto;
	}
	.not-logged-in .user-bot,.already-logged-in .user-bot{
	    height: 0.5rem;
	    text-align: center;
	    line-height: 0.5rem;
	}
	.already-logged-in .user-top{
		height: 0.5rem;
		line-height: 0.5rem;
	}
	
	
	
	
	.headbtn a{
		width: 20%!important;
		/* width: 25%!important; */
		height: 1rem!important;
		float: left;
		margin-top: 0;
		margin-right: 0!important;
	}
	/* .headbtn a:nth-child(4){
		display: none;
	} */
	.navlogo-search{
		background-position: center center;
	}
	.headbtn span{
		width: 50%;
		margin: 0 auto;
		font-size: 0.24rem!important;
	}
	.navlogo{
		height: 0.5rem;
		width: 0.5rem!important;
	}
	.navname{
		width: 100%;
		height: 0.5rem;
		text-align: center;
		line-height: 0.5rem;
	}
	.headbtn a{
		background-size: 0.5rem;
	}
	.navlogo{
		background-size: 0.5rem;
	}
	.navlogo-teacher{
		background-position: 0 -0.65rem !important;
	}

}

/*小屏幕适配*/
/* 修改 */
.course-ps{
	float: left;
	width: 100px;
	height: 60px;
	background: url(//image.zhihuishu.com/zhs/ablecommons/demo/201906/34a157a68db64fdea89d261515b00e35.png) no-repeat center center;
	margin-top: 14px;
	position: relative;
	margin-left: 20px;
}
.course-ps span{
	display: block;
	width: 84px;
	height: 32px;
	position: absolute;
	top: 10px;
	left: 8px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	cursor: pointer;
    font-size: 12px;
}