body {
      margin: 0;
      padding: 0;
      background-color: #f2f3f5;
      min-height: 100vh;
      overflow: hidden;
    }
    .layui-nav{background-color:#fff;}
    /* 顶部导航样式 */
    .header {
      height: 60px;
      background-color: #fff;
      color: #333;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 999;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
    }
    .header:hover {
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    }
    
    .logo {
      float: left;
      width: 200px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      font-size: 18px;
      font-weight: bold;
    }
    
        .logo img {
        max-height:40px!important;
      }
    .header-right {
      float: right;
      height: 60px;
      display: flex;
      align-items: center;
      padding-right: 20px;
    }

    /* 左侧菜单样式 */
    .sidebar {
      width: 200px;
      background-color: #fff;
	  color:#333;
      position: fixed;
      top: 60px;
      left: 0;
      bottom: 0;
      z-index: 998;
      overflow-y: auto;
      transition: all 0.3s ease;
    }
    
    .sidebar::-webkit-scrollbar {
      width: 5px;
    }
    
    .sidebar::-webkit-scrollbar-track {
      background: #2B3340;
    }
    
    .sidebar::-webkit-scrollbar-thumb {
      background: #4E5969;
      border-radius: 5px;
    }
.side-nav-section h1 {
    color: #9b9b9b;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 30px;
}
.side-header{
height: auto;
    padding: 10px 0;
    text-align: center;
}
.side-header .avatar {
    display: inline-block;
    width: 72px;
    height: 72px;
    overflow: hidden;
}
.side-header .avatar img {
    width: 72px;
    height: 72px;
}
.side-header .account-name {
    font-size: 12px;
    line-height: 36px;
    color: #333;
}
 .side-header .verifiy-type {
    color: #aaa;
    font-size: 12px;
}   
 .side-header .verifiy-type.verified {
    color: #00B42A;
}   
.side-header .verifiy-type .layui-icon{margin-right:5px;display:inline-block;font-size: 12px;}
    .menu-item {
      margin-bottom: 5px;
    }
     .side-nav-section ul li {
	height:40px;
	line-height:40px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
      transition: all 0.2s ease;
    }
    
  .side-nav-section ul li a:hover {
      background-color: #16baaa;
      color: #fff;
    }
    
  .side-nav-section ul li.active {
      background-color: #16baaa;
      color: #fff;
    }
  .side-nav-section ul li a{width:100%;padding-left:30px;}
  .side-nav-section ul li.active a{
      color: #fff;
	 } 

    /* 主内容区域样式 */
    .main-content {
      margin-left: 200px;
      margin-top: 60px;
      padding: 20px;
      height: calc(100vh - 60px);
      overflow-y: auto;
      box-sizing: border-box;
    }
    .main-content::-webkit-scrollbar {
      width: 8px;
    }
    
    .main-content::-webkit-scrollbar-track {
      background: #f2f3f5;
    }
    
    .main-content::-webkit-scrollbar-thumb {
      background: #d9d9d9;
      border-radius: 4px;
    }
    
    .main-content::-webkit-scrollbar-thumb:hover {
      background: #b3b3b3;
    }

    
    /* 响应式调整 */
    @media (max-width: 992px) {
      .sidebar {
        width: 60px;
      }
      .main-content {
        margin-left: 60px;
      }
      
      .logo img {
        max-height:40px!important;
      }
      
      .logo {
        width: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      

    }
    
    @media (max-width: 768px) {
      .data-overview {
        flex-direction: column;
      }
      
      .table-filter {
        flex-direction: column;
        align-items: flex-start;
      }
      
      .layui-laypage {
        text-align: center;
      }
    }


/* layui表格 行里面的按钮 */
.layui-table-box .row_btn{
	background-color:#16baaa;
	color:#fff;
	height:22px;
	line-height:22px;
	padding:0 5px;
	font-size:12px;
	display:inline-block;
}