body {
    
--lh-topic-bg: #FFDEAB;
--bs-primary: #DC0002;
--bs-primary-rgb: 220, 0, 2;
--topic-bg: #FFDEAB;
--swiper-theme-color:#DC0002;
--swiper-navigation-color:white;
font-family: "Microsoft YaHei UI", "Microsoft YaHei", "寰蒋闆呴粦", sans-serif;
font-size:1rem;line-height:2; 
color:rgb(51,51,51);
background-color:#FFF5F0

}
ul { list-style-type: none; }
ul,dl,
figure,
p
{ padding:0;margin:0; }
a { text-decoration: none; }
a,a:visited { color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity)); }

header { 
    background-image: url(header-bg2-1920x350.jpg); 
    background-size: 100% 100%; 
    background-position:center top;
    background-color: var(--bs-primary-rgb);
    /* padding-bottom: 200px; */

}
.swiper-focus figure img{ width:100%; object-fit: contain; }

.tab-bar .on{ color:var(--bs-primary) }
footer { background-color: var(--bs-primary);color:rgba(255,255,255,0.8);font-size:small; }


.zfbg-title { font-size: 1rem; }
.zfbg-cont { font-size:1rem;line-height:1.5;height: calc(4 * 1.5rem);overflow:hidden;  }

article img{ max-width: 100%; }
article  p{ margin-bottom:1rem; }

.topic{ background-image:url(topic_bg.png);background-repeat: no-repeat;background-position: center;  }

@media screen and (min-width: 576px) {
    .zfbg-cont { height:auto  }
}
@media screen and (min-width: 768px) {
    .zfbg-title { font-size: calc(1.3rem + .6vw); }
}
@media screen and (min-width: 1200px) {
    header { height:350px; }
    .zfbg-title { font-size: 1.75rem; }
}
@media screen and (min-width: 1320px) {
    .container { max-width: 1200px; }
}