// .bp-management-navigator {
//   width: 100%;
//   height: 70px;
//   z-index: 2;
//   // background: #268aed;
//   background: linear-gradient(180deg, rgba(12, 48, 89, 1) 0%, rgba(12, 48, 89, 0) 100%);
//   color: #fff;
//   display: flex;
//   justify-content: space-between;
//   .message {
//     width: 340px;
//     position: absolute;
//     top: 30px;
//     left: 50%;
//     transform: translateX(-50%);
//     color: #f56c6c;
//     background-color: #fef0f0;
//     padding: 16px;
//     border: 2px solid #fde2e2;
//     border-radius: 6px;
//   }
//   .logo {
//     min-width: 80px;
//     height: 100%;
//     overflow: hidden;
//     font: 400 18px 'PingFangSC-Light,PingFang SC', sans-serif;
//     color: #fff;
//     padding: 0 20px;
//     letter-spacing: 2px;
//     display: flex;
//     align-items: center;

//     img {
//       width: 22px;
//       margin-right: 20px;
//     }
//   }
//   .menu {
//     width: 0;
//     flex: auto;
//     height: 100%;
//   }
//   .switch {
//     font-size: 20px;
//     margin: 0 18px;
//     height: 70px;
//     padding: 0;
//   }
//   .loginBox {
//     height: 100%;
//     color: #000;
//     width: 220px;

//     .tool {
//       height: 100%;
//       width: 100%;
//       line-height: 70px;
//       vertical-align: top;
//       position: relative;

//       > span {
//         color: #71aff2;
//         font-size: 16px;
//         margin: 0px 12px;
//         cursor: pointer;
//       }

//       span#username {
//         float: right;
//         font-size: 14px;
//         letter-spacing: 1px;
//         margin-left: -5px;
//         cursor: default;
//         color: #e5eaf0;
//         height: 100%;
//       }

//       .tool-nine {
//         width: 230px;
//         height: 70px;
//         float: left;
//         color: #ffffff;

//         ul {
//           li {
//             float: left;
//             margin-right: 12px;
//             cursor: pointer;

//             .mouseStyle {
//               font-size: 24px;
//             }

//             .el-badge__content.is-fixed {
//               top: 23px;
//             }
//           }
//         }
//       }
//     }

//     div.off {
//       float: right;
//       height: 100%;
//       width: 60px;
//       color: #e5eaf0;
//       cursor: pointer;

//       span:first-of-type {
//         margin-right: 8px;
//         cursor: pointer;
//       }
//     }
//   }
// }
// .navWarp {
//   width: 100%;
//   height: calc(100% - 70px);
//   background: rgb(223, 235, 252);
//   .img {
//     width: 100%;
//     height: 100%;
//     img {
//       width: 100%;
//       height: 100%;
//     }
//   }
// }
