/* 公共css */
* { margin: 0; padding: 0; list-style:none;}

a {text-decoration: none;}

.section,
.nav,
.footer {width: 1200px;margin: 0 auto;}
.nav { display: flex; justify-content: center; background-color:#2979a0; height: 60px; position: relative; z-index: 10;}
.nav a { width: 200px; line-height: 60px; color: white; margin:0 auto; float:left; text-align:center; font-size:18px;}
.nav_li:hover a { text-decoration:underline; cursor:pointer;}
.footer { background-color:#2979a0; text-align: center; color: white; height: 60px; line-height: 60px; margin-top:20px;}

.tp{ width: 1200px; height: 830px; margin:10px auto; }
.tp img {width: 100%;height: 100%; margin:0 auto; }

h1{ width:200px; text-align:center; margin:20px auto; line-height:18px; border-bottom: 2px #6FF; font-size:18px;}
h2{ width:100px; margin:0 auto; font-size:18px; margin-top:20px;}
h3{ color:#0CF; font-size:12px; margin:0 auto; margin-top:10px; padding-left:10px;}
h4{ font-size:11px; margin:0 auto; margin:0 5px 0 15px;}
h5{ font-size:12px; margin:0 auto; margin:0 50px 5px 50px;}
h6{ font-size:9px; margin:2px 50px 5px 50px ; color:#FFF; padding-top:4px;}


.section-title {  margin-bottom: 1.5rem; font-size: 1.5rem; color: #2c3e50; border-left: 4px solid #3498db;padding-left: 10px;}       
.books-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 25px;}        
.book-card { background-color: white; border-radius: 8px; overflow: hidden; box-shadow: 0 3px 10px rgba(0,0,0,0.1); transition: transform 0.3s, box-shadow 0.3s;}        
.book-card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.15);}        
.book-image { height: 200px;background-color: #ecf0f1;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.book-image img {width: 100%;height: 100%; object-fit: cover;}
.book-info {padding: 15px;}
.book-title { font-weight: bold; font-size: 1.1rem;}
.book-author {color: #7f8c8d;margin-bottom: 8px;font-size: 0.9rem;}
.book-price {color: #e74c3c;font-weight: bold;font-size: 1.2rem;margin-bottom: 10px;}
.book-condition {display: inline-block;background-color: #ecf0f1;padding: 3px 8px;border-radius: 4px; font-size: 0.8rem; margin-bottom: 10px;}
.contact-btn {display: block;width: 100%;padding: 10px;background-color: #3498db;color: white;border: none;border-radius: 4px;cursor: pointer;text-align: center;font-weight: 500;transition: background-color 0.3s;}
.contact-btn:hover { background-color: #2980b9;}



.RW{ width:600px; height:120px; margin:0 auto;}

.hqy{ font-size:10px;  padding-top:5px; margin:0 5px 0 5px;}

.renwu1{ width:200px; height:120px; float:left;}
.renwu1 img{ width:200px; height:100px; padding-top:10px; float:left;}
.renwu2 { width:300px; height:110px; float:left; }
.RW:hover{ transition: all 0.5s; cursor: pointer; background-color:rgba(102,255,255,0.2)}



.dl1{ width:300px; height:300px; margin:0 auto; background-color:#6CF;}
yhm{ width:200px; height:40px; border:2px black solid; padding-top:20px; outline:0;}
mm{ width:200px; height:40px; border:2px black solid; padding-top:20px; outline:0;}

.lx{ width:200px; height:150px; margin:0 auto; font-size:12px;}
input{ outline:0; font-size:12px; margin:0 auto;}
.aa{ margin:0 auto;}

form{width:300px; margin:0 auto; background-color:white; color: #2979a0; padding:30px; margin-top: 20px; box-shadow:5px 5px 13px rgba(51,51,51,1); border:10px #CCC; }
input{ width:200px; height:30px; margin-bottom:20px;}
#btn{ height:25px; background-color:#2979a0; border:2px solid white; color:white; margin-left:50px}
#btn:hover{ background-color:#39a7df; cursor:pointer; }
#btn1{ height:25px; background-color:#2979a0; border:2px solid white; color:white; margin-left:50px}