@charset "utf-8";
#logo{
    padding: 10px 0px; 
}
#logo h1{
    width: 166px;
    height: 41px;
    background: url("../images/logo.png") no-repeat
}#logo h1 a{
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;  

}
.header_box{
	position: fixed;
	z-index: 9999;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
}
.header a{
    color: #fff;
    font-size: 18px;
}
.header_menu{
    margin-left: 10px;
}

.header_menu li{
    margin: 0px 10px;

}
.header_menu li a{
    text-align: center;
    display: block;
}
.home-link {
  display: inline-block; /* 确保伪元素基于文本宽度生成 */
  position: relative;    /* 为伪元素提供定位基准 */
}
 
.home-link::after {
  content: "";           /* 伪元素必需属性 */
  position: absolute;
  left: 10%;          /* 左侧留空 10%，实现宽度 80% */
  right: 10%;         /* 右侧留空 10% */
  bottom: -3px;          /* 调整横线与文字的间距 */
  height: 2px;           /* 横线粗细 */
  background-color: #fff; /* 横线颜色（示例为红色） */
  transition: width 0.3s ease; /* 可选：添加悬停动画 */
  text-align: center;
}
 .user_info{
    margin:0px 10px 0px 100px;
 }
.header .user_info a{
    display: block;
    font-size: 14px;
    color: #fff ;
    text-align: center;

}
.header .user_info a div{
    color: #fff ;
    text-align: center;

}.header .user_info a div i{
    font-size: 30px;
    color: #fff;

}
.header .user_info .u_item{
    margin: 0px 10px;

}
.header .user_info .icon{ 
    line-height: 30px;

    height: 32px;

}
.header  .layui-nav {
    background-color: transparent  !important;
}
.header .layui-nav .layui-nav-item>a {
    color: #fff;
}
.header .header_menu_list{
    width: 400px;
    /* background-color: blueviolet; */
}
.header .header_menu_list li{
    width: 20%; 
    margin: 0px 2px;
    padding: 0px;
    height: 30px;
    text-align: center;
    /* background-color: greenyellow; */
}
.header .header_menu_list li a{ 
    font-size: 14px;
    line-height: 30px;
    padding: 0px;
    text-align: center;
}
.header .header_menu_list li a:hover{ 
    background-color: #2878ff;
    color: #fff;    
    border-radius: 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
}