@media screen and (max-width: 1400px) {
     .sidebar-menu {
         width: 75px;
         overflow: hidden;
     }

     .main {
         margin-left: 115px;
     }

     .close-button {
         display: block;
         cursor: pointer;
         text-align: center;
     }
 }

 @media screen and (max-width: 1300px) {
     .sidebar-menu {
         display: none;
     }

     .main {
         margin-left: 20px;
     }
 }

 @media screen and (max-width:768px) {
     .header-content .menu {
         position: relative;
     }

     .header-content .logo {
         margin: 0 32px 0 30px;
     }

     /* 隐藏菜单 在移动端下的菜单样式 绝对定位 */
     .header-content .menu ul {
         display: none;
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
         top: 40px;
         width: 98px;
         padding: 7px 0 5px;
         border: 1px solid #ddd;
         background-color: #fff;
     }

     /* 文本水平垂直居中 根据行高确定高度 */
     .header-content .menu ul li {
         height: 35px;
         line-height: 35px;
         text-align: center;
         font-size: 13px;

     }

     /* a 标签要变成行内元素 调整上下padding自对自身有影响 */
     .header-content .menu ul li a {
         display: inline;
         padding: 5px 10px;
     }

     /* 点击图标后 显示菜单 正常的纵向排列 而不是弹性布局 */
     .header-content .menu ul.show {
         display: block;
     }


     /* 显示图标，大小要看移动端 指定宽度375px */
     .header-content .menu .icon-fenlei {
         display: block;
         font-size: 26px;
         color: #000;
     }

     table.orders tr td span {
         display: none;
     }

     table.orders tr th.fp,
     table.orders tr td.fp {
         display: none;
     }


 }