@charset "utf-8";

/*头部*/
.header_wrap{
	/*position: fixed;*/
	/*width: 100%;*/
	/*left:0;*/
	/*top:0;*/
	height:0.8rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
	z-index: 2;
	background: #fff;
}
.header{
	width:12.90rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height:100%;
	line-height: 100%;
}

.header .logo img{
	width: 2.98rem;
}
.header .nav-box{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	font-size:0.16rem;
	color:#50535A;
	/*width: 4.8rem;*/
	width: 6rem;
	height:100%;
	line-height: 100%;
	cursor: pointer;
}
.nav-box span.login-btn{
	padding:0.08rem 0.28rem;
	background:#1B6BF0;
	color:#fff;
	letter-spacing:0;
	border-radius: 0.38rem;
}
.nav-box .unit{
	position: relative;
	overflow: hidden;
	height:100%;
	line-height:0.8rem;
}
.nav-box .unit span.underline:after{
	position: absolute;
	content: '';
	width:0 ;
	height:0.04rem;
	background: #1B6AEF;
	left:0.16rem;
	bottom: 0.1rem;
	transition: all .5s ease;
}
.nav-box .unit.index span.underline:after{
	position: absolute;
	left:0;
	bottom: 0.1rem;
}
.nav-box .unit.last span.underline:after{
	position: absolute;
	left:0.24rem;
	bottom: 0.1rem;
}

.nav-box .unit span.underline.on:after,.nav-box .unit:hover span.underline:after{
	width: 0.32rem;
}
.nav-box .unit span.underline.on,.nav-box .unit:hover span.underline{
	color:#1B6AEF;
	font-weight: 700;
}