@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: #1dd2fe;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:#1dd2fe;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;}