body{color:#333;font-size:100%;font-family:Arial,Helvetica,sans-serif;word-break:break-all;background-color: #f5f6fa;}
body,div,ul,li,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,p,span,img,table,th,td,form,input,textarea,button,select{margin:0;padding:0}
label,input,select,button{vertical-align:middle}
/*body{background:url(bg.jpg) no-repeat;background-size:100% 100%;background-size:cover;background-attachment:fixed}*/
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
img,td{border:0;vertical-align:middle}
html{font-size:16pt}em,i{font-style:normal}ul,li{list-style:none}
@media screen and (max-width:1280px){html{font-size:14pt}
}@media screen and (max-width:736px){html{font-size:12pt}
}@media screen and (max-width:360px){html{font-size:10pt}
}
a{color:#333;text-decoration:none}
a:hover{color:#f50}
.mt3 {
    margin-top: 1%;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
	width:auto;
	max-width:100%;
    margin-left: 3%;
    margin-right: 3%;
	background: white;
    border-radius: 12px;
    padding:0 20px;
    box-shadow: var(--shadow);
}
.containert{margin-left: 3%;
    margin-right: 3%;}
.card{border:0;}
.btn-success{background-image: linear-gradient(#89b659,#73a839 60%,#69945e);background-color: #69945e;border-color: #69945e;}
.btn-warning {
    background-image: linear-gradient(#e27129,#dd5600 60%,#d05100);
}
.current{ background:#fff;height:2.5em;line-height:2.5em;border-bottom:1px solid #eaeaea;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 3%;}
.current .home {display:inline-block;width:1.5em;height:1.5em;margin-top:0.5em;margin-left:3%;background:url(../../hl/images/home.png) no-repeat;background-size:100% 100%;overflow:hidden}
.current .nav {width:1.5em;height:1.5em;margin-top:0.5em;margin-right:3%;background:url(../../hl/images/nav.png) no-repeat;background-size:100% 100%}
.current em,.foot em{color:#ccc;margin:0 1%}
.back-to-top{position:fixed;right:3%;bottom:2em;z-index:99998;display:none}.back-to-top a{border-radius:1.5em;background:#868686;opacity:.6}
.back-to-top a,.back-to-top span{display:block;width:2.5em;height:2.5em}.back-to-top a.stop span{background:url(../../hl/images/top.png) no-repeat 50%/2.5em}
.foot{clear:both;color:#666;background-color:#fff;text-align:center;border-top:1px solid #eaeaea;padding:1em;overflow:hidden}
.foot{letter-spacing:0.1em;font-size:0.6em;opacity:0.75;text-transform:uppercase;line-height:1.8}
.foot a{color:#666}

/* 导航栏样式 */
.nav-header {
background: rgb(213, 82, 82);
box-shadow: var(--shadow);
position: sticky;
top: 0;
z-index: 100;
}

.nav-container {            
display: flex;
justify-content: space-between;
align-items: center;

height: 2.5em;
line-height: 2.5em;			
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin:0 3%;
}

.logos {
font-size: 1.5rem;
font-weight: bold;
color: #fff;
display: flex;
align-items: center;
gap: 15px;
height: 2.5em;
overflow:hidden;
}
.logos a img{ max-width:200px;}
.logos i {
font-size: 1.8rem;
}
.nav-items {
display: flex;
gap: 25px;
transition: all 0.4s ease;
}

.nav-items a {
text-decoration: none;
color: #fff;
font-size: 0.95em;
white-space: nowrap;
transition: all 0.2s;
font-weight: 500;
position: relative;
}

.nav-items a:hover {
	font-weight:bold
}

.nav-itemss a.active:after {
	background: -webkit-gradient(linear,left top,right top,from(#fff),to(#fff));
	background: linear-gradient(90deg,#fff,#fff);
	border-radius: 5px;
	bottom: 4px;
	content: "";
	display: inline-block;
	height: 4px;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 28px;
}
.nav-items a.active{ font-weight:bold}

.user-menu {
display: flex;
gap: 5px;
align-items: center;
}

.user-menu button {
background: none;
border: none;
cursor: pointer;
color: #6c757d;
font-size: 1.1rem;
padding: 5px;
}

.menu-button {
display: none;
}
.menu-button i {
width: 1.5em;
height: 1.5em;
background: url(/Public/hl/images/nav.png) no-repeat;
background-size: 100% 100%;
display:block;
}
/* 移动端导航样式 */
@media (max-width: 768px) {
.nav-items {
	position: fixed;
	top: 0;
	right: -400px;	
	height: 100vh;
	background: rgb(213, 82, 82);
	flex-direction: column;
	padding-top: 2.5em;
	box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
	z-index: 90;
	gap: 15px;
}

.nav-items.active {
	right: 0;
}

.nav-items a {
	padding:0 15px;
	font-size: 1rem;
}
.nav-items a.active:after {	
	left: 35px;
}

.nav-items a:hover {
	background: rgba(255, 255, 255, 0.2);
	color: white;
}

.menu-button {
	display: block;
	position: relative;
	z-index: 100;
}

.user-menu > :not(.menu-button) {
	display: none;
}

.menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 80;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.menu-overlay.active {
	opacity: 1;
	visibility: visible;
}
.card-body,.container, .container-lg, .container-md, .container-sm, .container-xl{ padding:0;}
.px-3{ padding-left:0rem!important;; padding-right:0rem!important;;}
.card-body{ padding:10px;}
}
/* 动画效果 */
@keyframes slideIn {
from {
	transform: translateX(20px);
	opacity: 0;
}
to {
	transform: translateX(0);
	opacity: 1;
}
}
.animate-item {
animation: slideIn 0.3s ease forwards;
}
.kalendar{background: -webkit-gradient(linear,left top,left bottom,from(#ffede3),to(#fff));
background: linear-gradient(180deg,#ffede3,#fff);border-radius: 8px 0 0 2px; padding:10px 0;}
.yueli,table, .table{ }	
.yueli td a{ font-size:24px;font-family: DINAlternate-Bold;}
.yueli td:hover{ background: rgba(225,99,73,.08);}


:root {
	--bg-color: #f8f9fa;
	--primary-blue: #FA6900;
	--holiday-red: #ffd8d8;
	--current-day: #fff3cd;
	--text-dark: #2d2f31;
	--shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
	--sidebar-bg: #ffffff;
	--menu-bg: #4a90e2;
}
.swiper-tab {
    border-bottom: 1px solid #ced4da;
}
.swiper-tab .nav-tabs .nav-link.active {
    color: #fff;
    border-color: #e5574b;
	background: #e5574b;
	background-image: linear-gradient(#f0804e,#e5574b 60%,#D55252);
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
}
.swiper-tab .nav-tabs .nav-link:hover {
    color: #f0804e;
}
.swiper-tab .nav-tabs .nav-link.active:hover{ color:#fff;}
h1,h2{color: #d4473d;font-weight: 700;}
.swiper-tab .nav-tabs .nav-link{ font-size:100%;}