/* 方案5: 边框下划线 */
.nav-link-5 {
    position: relative;
    color: #64748b;
    text-decoration: none;
    transition: color 0.3s ease;
}

.nav-link-5::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    bottom: -2px;
    left: 0;
    border-bottom: 2px solid #4ADE80;
    transition: all 0.3s ease;
    opacity: 1;
}

.nav-link-1 {
    position: relative;
    color: #64748b;
    text-decoration: none;
    transition: color 0.3s ease;
}

.nav-link-1:hover {
    color: #22D3EE;
}

.nav-link-1::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    bottom: -2px;
    left: 0;
    border-bottom: 2px solid #22D3EE;
    transition: all 0.3s ease;
    opacity: 0;
}
.nav-link-1:hover i.bi {
    color: #22D3EE;
}
.nav-link-1:hover::after,
.nav-link-1.active::after {
    height: 2px;
    opacity: 1;
}

.nav-link-2 {
    position: relative;
    color: #64748b;
    text-decoration: none;
    transition: color 0.3s ease;
}

.nav-link-2:hover {
    color: #818CF8;
}

.nav-link-2::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    bottom: -2px;
    left: 0;
    border-bottom: 2px solid #818CF8;
    transition: all 0.3s ease;
    opacity: 0;
}
.nav-link-2:hover i.bi {
    color: #818CF8;
}
.nav-link-2:hover::after,
.nav-link-2.active::after {
    height: 2px;
    opacity: 1;
}
.nav-link-3 {
    position: relative;
    color: #64748b;
    text-decoration: none;
    transition: color 0.3s ease;
}

.nav-link-3:hover {
    color: #FBBF24;
}

.nav-link-3::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    bottom: -2px;
    left: 0;
    border-bottom: 2px solid #FBBF24;
    transition: all 0.3s ease;
    opacity: 0;
}
.nav-link-3:hover i.bi {
    color: #FBBF24;
}
.nav-link-3:hover::after,
.nav-link-3.active::after {
    height: 2px;
    opacity: 1;
}

.nav-link-6 {
    position: relative;
    color: #64748b;
    text-decoration: none;
    transition: color 0.3s ease;
}
.nav-link-6:hover {
    color: #0066cc;
}

.nav-link-6::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    bottom: -2px;
    left: 0;
    border-bottom: 2px solid #0066cc;
    transition: all 0.3s ease;
    opacity: 0;
}
.nav-link-6:hover i.bi {
    color: #0066cc;
}
.nav-link-6:hover::after,
.nav-link-6.active::after {
    height: 2px;
    opacity: 1;
}

.nav-link-7 {
    position: relative;
    color: #64748b;
    text-decoration: none;
    transition: color 0.3s ease;
}
.nav-link-7:hover {
    color: #993333;
}

.nav-link-7::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    bottom: -2px;
    left: 0;
    border-bottom: 2px solid #993333;
    transition: all 0.3s ease;
    opacity: 0;
}
.nav-link-7:hover i.bi {
    color: #993333;
}
.nav-link-7:hover::after,
.nav-link-7.active::after {
    height: 2px;
    opacity: 1;
}



.br2:hover{
    --bs-border-opacity: 1;
    border-color: #818CF8 !important
}
.br1{
    --bs-border-opacity: 1;
    border-color: #4ADE80 !important
}
.br3:hover{
    --bs-border-opacity: 1;
    border-color: #0b5ed7 !important
}
.br4:hover{
    --bs-border-opacity: 1;
    border-color: #FBBF24 !important
}

.btning:hover{
    background-color: #FBBF24!important;
    color: white!important;
}
.btninga:hover{
    background-color: #4ADE80!important;
    color: white!important;
}
.aarryua{
    color: white;background-color: #4ADE80;padding: 10px 15px
}
.aarryub{
    color: #0A192F;background-color: #f0f0f0;padding: 10px 15px
}
.aarryua:hover{
    color: white;background-color: #4ADE80;padding: 10px 15px
}
.aarryub:hover{
    color: white;background-color: #4ADE80;padding: 10px 15px
}
.aarryud{
    font-weight: 700
}
.aarryue{
    color: #4ADE80
}

.aarryuf{
    cursor: pointer;
}
.aarryug{
    font-size: 12px!important; line-height: 1.2;
}
.aarryuh{
    font-size: 11px!important; line-height: 1.2;
}

.aarryuj{
    border-radius: 20px!important;
}
.aarryuk{
    color: #15803d;font-weight: bold;font-size: 13px
}
.aarryul{
    font-size: 14px;color: #64748B;height: 50px;
}
.aarryum{
    font-size: 13px;font-weight: bold;
}
.aarryun{
    background-color: rgb(245 158 11 / 0.1);color: #D97706
}
.aarryuo{
    height: 60px;font-size: 16px;color: #0A192F;
}
.yuyuyik{
    color: white;background-color: #ffb007!important;
}
.yuyuyih{
    color: #0A192F!important;
}
.yuyuyiid{
    color: #DC2626
}
.yuyuyij{
    text-align: right
}
.yuyuyik:hover{
    color: white;
}