@charset "gb2312";
/* CSS Document */

 /*xj*/
.modal-trigger{border:none;/*font-size:1.8rem;*/border-radius:50px;cursor:pointer;transition:all 0.3s ease;background:none;color:#fff}
.modal-trigger.primary{}
.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease}
.modal-overlay.active{opacity:1;visibility:visible}
.modalm{background:white;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.3);width:90%;max-width:500px;transform:translateY(30px);transition:transform 0.4s ease;overflow:hidden}
.modal-overlay.active .modal{transform:translateY(0)}
.modalm-header{padding:1.5rem;background:#f8f9fa;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;align-items:center}
.modalm-title{font-size:1.5rem;font-weight:600;color:#333}
.modalm-close{background:none;border:none;font-size:1.8rem;cursor:pointer;color:#777;transition:color 0.2s;line-height:1}
.modalm-close:hover{color:#333}
.modalm-body{padding:2rem;line-height:1.6;color:#555}
.message-box1 .from .input>div{width:100%;background:#f8f8f8;border:0;resize:none;margin-bottom:10px}
.message-box1 .from .input input{width:100%;padding:5px 20px;border:1px solid #767676; margin-bottom: 10px;}
.message-box1 .from textarea{width:100%;padding:15px 20px;margin-bottom:10px;border: 1px solid #767676;}
.modal-trigger span{width:140px;height:30px;line-height:30px;border-radius:10px;font-size:16px;color:#fff;position:absolute;background:#0894a1;top:10px;}
@media (max-width:600px){.button-group{flex-direction:column;align-items:center}
.modal-trigger{width:100%;max-width:300px}
h1{font-size:2rem}
.modalm-title{font-size:1.2rem;font-weight:600;color:#333}
.modalm-body{padding:0.2rem;line-height:1.6;color:#555}
.modalm-header{padding:0.2rem;background:#f8f9fa;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;align-items:center}
.modalm-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#777;transition:color 0.2s;line-height:1}
.modalm-body{padding:0.2rem;line-height:1.6;color:#555}
.modal-trigger span{width:90px;height:30px;line-height:30px;border-radius:5px;font-size:12px;color:#fff;position:absolute;background:#0894a1;top:10px;left:10px}
}
/*#content1{width:100%;height:130px;border-radius:8px;border:1px solid #ddd;padding:0 1%}*/


#submit {min-width: 20%; line-height: 35px; background: #297255;color: #fff; border: none; border-radius: 8px;}

.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:60px;margin-top: 50px;float: left; width:100%;}
.pagination li{width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#2222;background-color:#f5f5f5;cursor:pointer; list-style:none; margin-left:0;}
.pagination li a{font-size:1.2rem;}
.pagination li.active{background-color:#1b558d;color:#fff}
.pagination li.active span{color:#fff}
.pagination li :hover:not(.active){background-color:#1dd2fe; width:35px; height:35px;color:#fff;;display:flex;align-items:center;justify-content:center;}
.page-arrow{color:#666;cursor:pointer;padding:0 8px}
.pagination li:last-child {padding-bottom: 0px;}



/*search*/

.ssk{width:100%;margin:0 auto}
#searchForm input { width: 80%; padding: 10px 20px;border: 1px solid #767676;}
.form-container{width:80%;margin:0 auto}
.form-group{margin:10px;line-height:35px}
.gs1{width:10%;margin-right:2%;float:left;text-align:right;font-size:14px;color:#444}
/*#title{height:35px;width:80%;padding:0 1%;border-radius:8px;border:1px solid #ddd}*/
#content1{width:80%;height:130px;border-radius:8px;border:1px solid #ddd;padding:0 1%}
select#so_type{line-height:35px;height:35px;min-width:20%;text-align:center;border-radius:8px;border:1px solid #ddd;padding:0 20px}
#submit{min-width:20%;line-height:15px;background:#fe0000;color:#fff;border:none;border-radius:8px;padding: 6px}
#submit1{min-width:19%;line-height:15px;background:#fe0000;color:#fff;border:none;border-radius:0px;padding: 16px}
.ssjg{width:100%}
#result { width: 80%;margin: 2% auto;border-top: 5px #ccc solid; padding-top: 2%;}
#result li {line-height: 42px; list-style:none;float: left; margin: 0 0.9% 1em 1.9%;padding: 0; position: relative; width: 22.05%;}
#result li a{ color:#d26128}
.sss {text-align: center;}
@media screen and (max-width:768px){
#searchForm input { width: 74%;}#result li {line-height: 42px; list-style:none;float: left; margin: 0 0.9% 1.2em 1.1%;padding: 0; position: relative; width: 48%;}
}