/* 自定义样式 */
.my-submenu-second {
    position: absolute;
    left: 0;
    width: 100%;
    background: linear-gradient(to bottom, #4b90e8, #6ca2ea);
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content:center;
}

.my-submenu-second-width {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 60%;
}

/* 适用于手机 */
@media (max-width: 1200px) {
    .my-submenu-second-width {
        width: 80%;
    }
}

.my-submenu-title {
    cursor: pointer;
    padding: 0 10px;
    text-decoration: none;
    display: block;
}

/* 自定义样式结束 */

/* 隐藏默认的二级标题栏箭头图标 */
.el-submenu__title i {
    display: none;
}

/* 设置导航栏容器样式 */
.navbar_first {
    height: 60px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background: linear-gradient(to bottom, #347ee5, #4b90e8);
}

/* 设置导航板块样式 */
.nav_item_first {
    text-decoration: none;
    font-size: 20px; /* 字体大小为18px */
    font-weight: bold; /* 文字加粗 */
    padding: 10px 20px; /* 设置导航板块内边距，增加可点击区域 */
    transition: background-color 0.3s; /* 添加颜色变化动画 */
    border-radius: 5px; /* 圆弧效果 */
}

/* 鼠标悬浮时修改背景颜色 */
.nav_item_first:hover {
    background-color: #2A63B7; /* 鼠标悬浮时的背景色 */
    color: #ffffff;
    border-radius: 5px; /* 悬浮时保持圆弧效果 */
}

/* 鼠标点击后修改背景颜色 */
.nav_item_first:active {
    background-color: #204FAD; /* 鼠标点击时的背景色 */
}

.link-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.link-container a {
    flex-basis: calc(50% - 10px); /* 计算每个链接宽度为父容器的一半 */
    margin: 5px; /* 为了在链接之间增加间隔 */
}

.my_line {
    width: 2px; /* 竖线的宽度 */
    background-color: #25a3e5; /* 竖线的颜色 */
    height: 100px; /* 竖线的高度，根据需要调整 */
    margin: 0 20px; /* 调整线的水平位置和间距 */
}


/* 自定义链接样式 */
.custom-link-second > a {
    position: relative;
    text-decoration: none;
    color: #ffffff; /* 链接文字颜色 */
    padding: 5px 0 5px 0;
}

/* 添加下划线 */
.custom-link-second > a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 2px; /* 下划线高度 */
    background-color: #8ff6ed; /* 下划线颜色 */
    transform: scaleX(0); /* 初始时下划线不可见 */
    transform-origin: 0 0;
    transition: transform 0.3s ease-in-out;
}

/* 鼠标悬浮时显示下划线 */
.custom-link-second > a:hover::before {
    transform: scaleX(1);
}
