@charset "utf-8";
 /* 底部导航栏 */
 .nav-tabs {
     display: flex;
     background-color: white;
     border-top: 1px solid #eee;
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     height: 50px;
 }

 .nav-item {
     flex: 1;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     border-right: 1px solid #eee;
     cursor: pointer;
     transition: all 0.3s;
 }

 .nav-item:last-child {
     border-right: none;
 }

 .nav-item i {
     font-size: 22px;
     margin-bottom: 4px;
 }

 /* 选中状态 */
 .nav-item.active {
    background-color: #e6f7ff; 
    /*  background-color: #3281CE;   */
 }

 .nav-item.active i {
    /*  color: #07c160; */
      color: #3281CE;
 }

 .nav-item i {
     color: #666;
 }