*{
			margin:0;
			padding:0;
			list-style:none;
			text-decoration: none;
			box-sizing: border-box;
			
		}

		.member_center{
		    width:94%;
		    max-width: 1400px;
		    margin:30px auto;
		    display: flex;
		    justify-content: space-between;
		    margin-bottom:100px;
		    align-items: flex-start;
		    position: relative;
		}
		.member_left{
		    width:20%;
		    min-width: 100px;
		    max-width: 240px;
		    margin-right:20px;
		    display: flex;
		    flex-direction: column;
		    padding: 50px 10px;
		    background: #333;
		    border-radius: 6px;
		    position: fixed;
		    
		}
		
		.member_left a{
		    height: 40px;
		    display: flex;
		    align-items: center;
		    color: #fff;
		    padding-left:10px;
		    padding-right:10px;
		    
		}
		.member_left a.active{
		    background: #fff;
		    color: #333;
		    border-radius: 6px;
		}
		.member_right{
		    flex:1;
		    margin-left:22%;
		}
		
		.table
        {
            border-collapse: collapse;
            margin: 0 auto;
            text-align: center;
            width:100%;
        }
        .table td, .table th
        {
            border: 1px solid #cad9ea;
            color: #666;
            height: 30px;
        }
        .table thead th
        {
            background-color: #CCE8EB;
            width: 100px;
        }
        .table tr:nth-child(odd)
        {
            background: #fff;
        }
        .table tr:nth-child(even)
        {
            background: #F5FAFA;
        }
        
                .order_wrap{
            width:100%;
            margin:0px auto;
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
            padding: 20px;
            border-radius: 10px;
            overflow: hidden;
            margin-bottom:30px;
        }
        
        .order_sum_bottom2{
            width:100%;
            margin:0px auto;
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
            padding: 20px;
            border-radius: 10px;
            overflow: hidden;
            
            display: flex;
            gap:10px;
        }
        
        
        .order_wrap_top {
            display: flex;
            flex-direction: column;
            
        }
        .order_sum,.order_sum_top,.order_sum_bottom{
            display: flex;
            
            width:100%;
            font-size:14px;
            color: #666;
            line-height: 32px;
            gap:20px;
        }
        .order_sum_bottom_item{
            display: flex;
            align-items: center;
        }
        .fahuoBtn{ margin-top:10px;margin-bottom:10px; background:#f00;font-size:14px; color:#fff; width:200px;
            height: 30px;
            border-radius: 6px;
            overflow: hidden;
            display: flex;
            align-items:center;
            justify-content: center;
            cursor: pointer;
        }
        .og_item_title{ display:flex; border:1px solid #ddd;}
        .title_div{ font-size:14px; color #333; font-weight:bold; flex:1; display:flex; align-items:center; justify-content:flex-start;
            
            border-right:1px solid #ddd;
            min-height: 40px;
            padding-left:10px;
        }
        
        .og_item_wrap{
            display:flex; border:1px solid #ddd;
            border-top:none;
        }
        .line{
            
            display: flex;
            align-items: center;
            justify-content: space-between;
            width:100%;
            gap:6px;
        }
        .line_left{
            width: 10%;
            min-height:32px;
            min-width: 200px;
            margin-right:12px;
            display: flex;
            align-items: center;
            font-size:14px;
            color: #666;
            line-height: 22px;
        }
        .line_right{
            flex:1;
            min-height:32px;
             display: flex;
            align-items: center;
            font-size:14px;
            color: #666;
            line-height: 22px;
        }
        .og_contents{
            font-size:14px; color #333;flex:1; display:flex; align-items:center; justify-content:flex-start;
            
            border-right:1px solid #ddd;
            min-height: 40px;
            padding-left:10px;
        }
        
        .member_right_top{
            display: flex;
            flex-direction:column;
            gap:20px;
            
        }
        .top_btn{
            display: flex;
            justify-content: flex-end;
            
        }
        .line_p{
            display: flex;
            
        }
        .line_p .line{ width:50% !important;}
        
          /* Pagination container start */
		 .pagination-wrap {display: flex;justify-content: center;align-items: center;}
        .pagination {display: flex;align-items: center;gap: 16px;margin:auto}
        .pagination-item {display: flex;justify-content: center;align-items: center;width: 46px;height: 46px;font-size: 1.5rem;color: #333;background-color: transparent;cursor: pointer;transition: all 0.2s ease;user-select: none;
            align-items: center; justify-content: center;
        }
        .pagination-item.arrow:hover {color: #022960;}
        .pagination-item.number {border-radius: 4px;        }
        .pagination-item.number.active {border: 2px solid #022960;font-weight: 500;color: #022960;}
        .pagination-item.number:not(.active):hover {background-color: #d2e7ff;}
        
                .setDefault{
           
            background: #ddd;
            color: #333;
            border-radius: 4px;
            display: flex;
            width: 80px;
            height: 30px;
            display:flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            
        }
        .setDefault.on{
            background: #0f0;
            color: #fff;
        }
        .sort_input{border:1px solid #ddd; width:160px; height:30px;}
        
       
        
        .add_btn{
            
            height: 40px;
            
            color: #fff;
            display: flex;
            align-items:center;
            justify-content: center;
            margin-bottom:20px;
            border-radius: 6px;
        }
        

.gallery{
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-wrap: nowrap;
}
.gallery .img-item {
    position: relative;
    margin-bottom: 6px;
    margin-right: 6px;
}

.gallery .img-item .delete {
    position: absolute;
   
    width: 20px;
    height: 20px;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
  
    
    border-radius: 50%;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;


}

.img {
    width: 80px;
   
    height: 80px;
}