@charset "UTF-8";
body {
    margin: 0;
    padding: 0;
    background:#f6f6f6;
}
a{
color:#333 import;
}
a:hover{
color:#157BF2
}
.header {
    width: 100%;
    height: 140px;
    background-color: #fff;
}

.header-logo {
    width: 1400px;
    margin: 0px auto;
}

.header-logo img {
    margin-top: 14px;
}

.hl_navbg {
    width: 100%;
    height: 50px;
    background-color: #157BF2;
}

.hl_nav {
    width: 1400px;
    height: 50px;
    margin: 0 auto;
}

.hl_nav ul {
    list-style: none;
    padding:0;
}

.hl_nav ul li {
    float: left;
    margin-left: 0px;
}

.hl_nav ul li a {
    color: #fff;
    font-size: 15px;
    line-height: 50px;
    text-decoration: none;
    padding: 0px  12px;
    text-align: center;
}

.hl_nav ul li a:hover {
    padding: 0px  12px;
    background: #76B2F8;
    display: block;
}

.hl_nav ul li a:active {
    padding: 0px  12px;
    background: #76B2F8;
    text-align: center;
    display: block;
}

.hl_nav .active {
    padding: 0px 12px;
    background: #76B2F8;
    text-align: center;
    display: block;
}
.biaobao{
width:100%;
height:80px;
background:#fff;
border:1px solid #fff;
}
.biaobaotiao{
width:1400px;
margin:0px auto;
line-height: 80px;
    vertical-align: middle;
}
  .miaobaonav {
font-size:18px;
      display: flex;
      /* 让菜单项横向排列 */
      gap: 20px;
      /* 菜单项之间间距，可根据需求调整 */
    }

.miaobaonav a {
    text-decoration: none;
    color: #157BF2;
    /* padding-bottom: 5px; */
    margin-right: 60px;
    display: inline-flex;
}

    /* 模拟选中状态，这里假设第一个“学会简介”默认选中 */
    .miaobaonav a.active {
      border-bottom: 3px solid #157BF2;
      /* 底部下划线样式，颜色、粗细可改 */
    }
.miaobaonav .btn-primary{
border-color:#fff;
color:#157BF2;
 border-bottom: 3px solid #157BF2;
background-color:#fff !important;
}
.miaobaonav .btn-link:hover{
 text-decoration: none;
cursor: pointer;
}