@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; list-style:none; font-family: 微软雅黑; font-size:14px}
body{color:#222}
a{text-decoration: none; color:#222}
img{ border:none}

.adminbuy_head{ text-align:center; padding:50px 0; }
.adminbuy_head p{font-size:30px; font-weight:bold}


.adminbuy_chaxun{ width: 300px; margin: 10px auto 100px;}
.adminbuy_chaxun li{ margin-bottom: 15px;}
.adminbuy_chaxun .abkuang{ border-radius: 3px;width: 100%; border: 1px solid #ddd; height: 40px; box-sizing: border-box; padding: 0 10px;background:white;}
.adminbuy_chaxun .abkuang:hover{border-radius: 3px;width: 100%;border: 1px solid #ddd;height: 40px;box-sizing: border-box;padding: 0 10px; background:white;}
.adminbuy_chaxun .abcha{ width: 100%; line-height: 27px; border: 0; border-radius: 3px; background:black !important; color: #fff; font-size:16px; cursor:pointer}
.adminbuy_chaxun .abcha:hover{ width: 100%; line-height: 27px; border: 0; border-radius: 3px; background:black !important; color: #fff; font-size:16px; cursor:pointer}
.adminbuy_foot{text-align: center; padding: 20px; background: #333;}
.adminbuy_foot p{font-size: 12px; color: #999}
.adminbuy_foot a{color: #999; font-size: 12px;}

.adminbuy_jg{ width: 700px; margin: 100px auto 100px;}
.adminbuy_jg dl{position: relative;}
.adminbuy_jg dl dt{ font-size: 20px; color:green; margin-bottom: 20px;}
.adminbuy_jg dl dd{ line-height: 30px;}
.adminbuy_jg dl span{ position: absolute; right: 0; top: 0;}
.adminbuy_jg dl span p{ text-align:center; line-height:30px;}

.nodata{ text-align:center; margin:100px auto; font-size:18px;}
.back{ width:180px; margin:30px auto 50px;}
.back a{ display:block; background:#69c; color:#fff; line-height:36px; border-radius:3px; text-align:center}

.adminbuy_head h5{
	font-size: 15px;
	    font-weight: 300;
}


       
        .table-container {
            width: 100%;
            overflow-x: auto;
            /* box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
            border-radius: 12px;
            background: white;
            margin-bottom: 40px;
            padding: 30px; */
            max-width: 940px;
            margin: 0 auto 5px;
        }
        .table-container .juzuo{font-size:17px; } 
        table {
            width: 100%;
            max-width: 940px;
            border-collapse: collapse;
            margin: 0 auto;
			margin-bottom: 40px;
        }
        
        th, td {
            border: 1px solid #ccc;
            padding: 7px;
            text-align: center;
            vertical-align: middle;
            transition: all 0.3s ease;
        }
        
        th {
            background: linear-gradient(to bottom, #3498db, #2980b9);
            color: white;
            font-weight: 600;
            font-size: 1.1rem;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        tr:nth-child(even) {
           /* background-color: #f8f9fa; */
        }
        
        tr:hover {
          /*  background-color: #e3f2fd; */
        }
        
        tr:hover td {
          /*  transform: translateX(5px); */
        }
        
        .col-1 {
            width: 245px;
           /* background-color: #e1f5fe; */
            font-weight: 600;
        }
        
        .features {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 25px;
            max-width: 940px;
            margin: 30px auto;
        }
        
        .feature-card {
            background: white;
            border-radius: 12px;
            padding: 25px;
            width: 280px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease;
        }
        
        .feature-card:hover {
            transform: translateY(-10px);
        }
        
        .feature-card h3 {
            color: #3498db;
            margin-bottom: 15px;
            font-size: 1.3rem;
            display: flex;
            align-items: center;
        }
        
        .feature-card h3 i {
            margin-right: 10px;
            font-size: 1.5rem;
        }
        
        .feature-card p {
            color: #7f8c8d;
            line-height: 1.6;
        }
        
        @media (max-width: 768px) {
            .table-container {
                padding: 15px;
            }
            
            th, td {
                padding: 15px 10px;
                font-size: 0.9rem;
            }
            
            h1 {
                font-size: 2.2rem;
            }
            
            .feature-card {
                width: 100%;
            }
        }
        
        @media (max-width: 480px) {
            th, td {
                padding: 12px 8px;
                font-size: 0.85rem;
            }
            
            .col-1 {
                width: 150px;
            }
        }






@media screen and (max-width: 768px) {
	.adminbuy_head{padding: 30px 0;}
	.adminbuy_head p{font-size:24px;}
	.adminbuy_chaxun{ width: 100%; margin: 50px 0 70px; padding: 0 15px; box-sizing: border-box;}
    .adminbuy_jg{ width: 100%; margin: 50px 0 70px; box-sizing: border-box; padding: 0 15px;}
	.adminbuy_jg dl span{position: initial; padding-top: 20px; display: inline-block;}
}