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

 /*xj*/
.modal-trigger{border: none;font-size: 1rem;border-radius: 2px;cursor: pointer;transition: all 0.3s ease;background: none;color: #fff;padding: 5px 10px;£»}
.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: #2a2a2a;color: #fff; border: none; border-radius: 8px;}





.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;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:#c10001;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;}



.list-group{margin-bottom:20px;list-style:none;background: #fff;}
.list-group ul{list-style:none;margin:0;padding: 0 10px;}
.list-group li{list-style:none;border-bottom: 1px solid #EEEEEE; }
span.toggle-btn{display:none}
ul.level2 { padding: 0px;}
.level2 li{text-indent:0px;position: relative;}
.level3{display:none}
.list-group li a{display:block;margin-bottom:-1px;font-size:16px; }
.list-group li a.active,ul.list-group li a.active:hover,ul.list-group li a:hover{color:#ffffff;background:#366735;border:1px solid #DDDDDD}
.item-wrapper{padding:12px 3px;}
.highlighted > .item-wrapper > .category-link{color:#ffffff;background:#bd9777;border:1px solid #DDDDDD}
.level1{font-weight:400;}
.level2{font-weight:400;}
.level2 li:before{content:"-";position:absolute;left:8px;top:14px}
.foots ul .level2 { display: none;}
.foots .item-wrapper {margin: 0px;padding: 0px;}
.level2 > li:last-child {border-bottom: none;}

.list-group *{margin:0;padding:0;box-sizing:border-box}
.list-group{max-width:800px;margin:20px auto;font-family:Arial,sans-serif}
.list-group ul{list-style:none}
.list-group .level1 > li{margin-bottom:5px;}
.list-group .item-wrapper{display:flex;align-items:center;min-height:60px}
.list-group .category-link{flex-grow:1;padding:0;min-height:60px;line-height:30px;padding: 15px 0;text-decoration:none;color:#333;transition:background-color 0.3s; padding-left: 15px;}
.list-group .category-link:hover{color:#c10001;}
.list-group .toggle-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border: #ddd 1px solid;border-radius:50%;margin-right:10px;cursor:pointer;transition:background-color 0.3s}
.list-group .toggle-btn:hover{background-color:#ccc}
.list-group .level2{display:none;background-color:#fafafa}
.list-group .level2 .category-link{padding-left:10px;color:#555; font-size: 14px;}
.list-group .level2 .item-wrapper{border-top:1px solid #eee}
.list-group .level3{display:none;background-color:#ffffff}
.list-group .level3 .item-wrapper{border-top:1px solid #f5f5f5}
.list-group .level3 .category-link{padding-left:35px;color:#666}
.list-group .active{display:block}
.highlighted > .item-wrapper > .category-link{color:#ff5733 !important;font-weight:bold}     





.tops ul .level2 { display: none;}
.tops .item-wrapper {margin: 0px;padding: 0px;}
.level2 > li:last-child {border-bottom: none;}
.level1 > li {margin-bottom: 0px;}





.yi_nav{list-style:none;padding:0;margin:0}
.yi_nav li{display:inline-block;position:relative; margin-bottom:0;}
.yi_nav li:not(:last-child)::after{content:" > ";color:#666;margin:0 8px}
.yi_nav a{text-decoration:none;color:#333;font-size:14px}
.yi_nav a:hover{color:#007bff}

table{border-collapse:collapse;margin: 0 auto;}table,th,td{border:1px solid gray;}th,td{padding:8px;}ul,ol{margin:0;}li{line-height:1.8;margin-bottom:8px;}