/*底部导航上面的背景色，相当于与上面的分割线*/
.bottom-top-bg{
    background: var(--bglight-two);
    height: 20px;
    width: 100%;
    margin: 2rem 0 1rem;
}
/*底部 导航 开始*/
/*去掉左边的黑点*/
ul,li{list-style: none; margin: 2px;padding:0;}
        /*友情链接  开始*/
.article-link{
    /*padding: 15px;*/
    margin-top: 0.5rem;
    padding:0.1rem 1rem 0rem;
    /*color: var(--the-main);*/
    /*垂直居中*/
    align-items: center;
    /*background: var(--bglight);*/
}
.article-link-line{
    /*推荐用户左边的竖线*/
    display: flex;
    margin-left: 1rem;
    justify-content: start;
    /*垂直居中*/
    align-items: center;
    /*距离底部各省市距离*/
    /*margin-bottom: 0.6rem;*/
    margin-top: 1rem;
    /*字体大小*/
    font-size: 1.2rem;
}
.article-link i{
    /*左侧竖线*/
    height: 20px;
    width: 5px;
    background: var(--the-main);
    /*居右距离*/
    margin-right: 0.5rem;
    /*竖线往下移动点*/
    margin-top: 3px;
}
        /*单个友链*/
.article-link-content{
     display: flex;
     flex-wrap: wrap;
     justify-content: start;
     margin:0.5rem 1rem;
 }
.article-link-content2{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin:0 1rem;
}
.article-link-content a{
    /*margin:0.5rem ;*/
    padding:0 10px;
    color: var(--text-dark3);
    /*font-weight: 300;*/
}
.article-link-content a:hover{
    text-decoration: none;

}
        /*友情链接  结束*/
.footer-nav{
    background: var(--the-main);
    color: var(--light-best);
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 1rem;
}
.footer-nav a{
    color: var(--light-best);
    /*text-decoration: none;*/
    padding: 8px;
    /*border: 1px solid var(--light-best);*/
}
/*之间的竖线*/
.footer-nav span{
    /*width: 5px;*/
    height: 15px;
    background: var(--light-best);
    border: 1px solid var(--light-best);
}
footer ul{
    margin-bottom: 1.6rem;
}
footer ul li{
    text-align: center;

}
/*底部导航  结束*/