body {
            font-family: "微软雅黑","宋体", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana,sans-serif;
            background-color:#fff;
            padding-top: 60px;
        }

        * {
            box-sizing: border-box;
        }

        table, td, th {
            text-align: center;
        }
        
        th{
            min-width: 60px;
        }
        
      .navbar{
               justify-content: center;
      }

        .nav-link{
            width: 100px;
            text-align: center;
        }
        
      .nav-item> .active {
            color: white;
      }
      
      .navbar-light .navbar-nav > .active {
            color: white;
            background-color: #0dcaf0;
      }

        .navbar-toggler:focus,
        .navbar-toggler:active,
        .navbar-toggler-icon:focus
        {
          outline: none;
          border: none;
          box-shadow: none;
        }
        
      @media (max-width: 768px) {
             .navbar
             {
               justify-content:space-between;
           }

          table {
              font-size: small;
              background: #fff;
          }
          
          th{
              min-width: 40px;
          }
 
     }