.yuedu-footer-navbar {
    position: fixed;
    bottom: 0;
    max-width: 640px;
    width: 100%;
    padding: 0.45rem 0;
    align-items: center;
    background-color: #FFFFFF;
    z-index: 99;
    box-shadow: inset 0 1px 0 0 #ced7db;
}
.yue-icon {
    width: 1.6rem;
    height: 1.6rem;
    overflow: hidden;
    border-radius: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    margin: 0 auto;
}
.yue-cen-icon {
    margin: 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
    border-radius: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.yue-footer-p {
    font-size: 0.5rem;
    line-height: 0.7rem;
    color: #99a3a9;
    text-align: center;
}
.color-p {
    color: #009eff;
}
.yue1-1 {background-image: url(../../images/jieshu/yuedu-yue1-1.png);}
.yue1-2 {background-image: url(../../images/jieshu/yuedu-yue1-2.png);}
.yue2-1 {background-image: url(../../images/jieshu/yuedu-yue2-1.png);}
.yue2-2 {background-image: url(../../images/jieshu/yuedu-yue2-2.png);}
.yue-cen-1 {background-image: url(../../images/jieshu/yuedu-center-1.png);}
.yue-cen-2 {background-image: url(../../images/jieshu/yuedu-center-2.png);}
.yue3-1 {background-image: url(../../images/jieshu/yuedu-yue3-1.png);}
.yue3-2 {background-image: url(../../images/jieshu/yuedu-yue3-2.png);}
.yue4-1 {background-image: url(../../images/jieshu/yuedu-yue4-1.png);}
.yue4-2 {background-image: url(../../images/jieshu/yuedu-yue4-2.png);}