@import "mixins/mixins";
@import "common/var";
@include b(common_bottomnavigation_mobile_2) {
  /*底部*/
  .app-nav-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f8f8f8;
    z-index:999;
  }
  .app-nav-footer ul{
    display: flex;
    justify-content: space-around;
    height: 1.406667rem;
    background-color: #f8f8f8;
    padding-top: 0.133333rem;
  }
  .app-nav-footer ul li{
    width: 20%;
  }
  .app-nav-footer ul li a{
    font-size: .266667rem;
    text-align: center;
    color: #929292;
    text-decoration: none;
    padding-top: 0.806667rem;
    display: block;
  }
  .app-nav-footer .l1{
    background: url(#{$--url-path}/index.png) top center no-repeat;
    background-size: 0.64rem 0.64rem;
  }
  .app-nav-footer .l2{
    background: url(#{$--url-path}/news.png) top center no-repeat;
    background-size: 0.64rem 0.64rem;
  }
  .app-nav-footer .l3{
    background: url(#{$--url-path}/course.png) top center no-repeat;
    background-size: 0.64rem 0.64rem;
  }
  .app-nav-footer .l4{
    background: url(#{$--url-path}/playclass.png) top center no-repeat;
    background-size: 0.64rem 0.64rem;
  }
  .app-nav-footer .l5{
    background: url(#{$--url-path}/my.png) top center no-repeat;
    background-size: 0.64rem 0.64rem;
  }
}