.info .info-detail{color:#666;padding-left:20px;}.info .info-detail h3{color:#333}.info .info-detail ul li a{color:#666;padding-right:5px}.video-list .nav-link{--bs-nav-link-color: #34538a}.video-list .nav-link.active{--bs-nav-tabs-link-active-color: pink}.video-list .channel a{display:block;width:100%;text-align:center;/* border:1px solid #999; */padding:5px 2px;margin:0 2px;color:#333}.video-list .channel a:hover{color:pink}.video-list .channel a.active{background-color:#f90;color:#fff;border:1px solid pink;background-color: #28a745; /* 选ä¸ÂÂæâ€â€Ã‚¶Ã§Å¡â€žÃ¨Æ’Œæ™¯è‰²ï¼Œä¾‹å¦‚绿色 */color: #fff; /* 选ä¸ÂÂæâ€â€Ã‚¶Ã§Å¡â€žÃ¦â€“‡æœ¬é¢œè‰² */border-color: #28a745; /* 选ä¸ÂÂæâ€â€Ã‚¶Ã§Å¡â€žÃ¨Â¾Â¹Ã¦Â¡â€ Ã©Â¢Å“色 */font-size: 18px;margin-right: 1rem;}.desc .desc-hd,.rec .rec-hd{line-height:30px}.desc .desc-hd a,.rec .rec-hd a{color:#333;font-size:16px}.desc .content{text-align:justify;font-size:16px}.rec .card-title{color:#333}.rec .card-body{border:none;padding:15px 0}.rec .card-body h5{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec .card-body p{color:#999;font-size:12px;line-height:24px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-tabs .nav-link{background: transparent!important;border:none;color: #34538a!important;font-size: 20px;}
.tag-nav .nav-type{padding:.5rem 0}.tag-nav .nav-type a{color:#333;padding:4px 10px;font-size: 20px;}.tag-nav .nav-type a.active{background-color:pink;color:#fff}.tag-nav .panel_hd_title a{color:#34538a!important;font-size: 20px;}
.topNav{
display: flex;
flex-direction: row;
align-items: center;
}
.topNav li{
width: 96px;
height:50px;
line-height: 50px;
text-align:center;
overflow: hidden;
}
.topNav li.active{
/* background: #EEEEEE; */
/* color: white; */
}
.topNav li.active a{
color: #202c4c !important;
}
/* 设置 a æ ‡ç¾的圆角和虚化背景 */
.topNav a {
display: block;
/* padding: 10px 15px; */
border-radius: 10px; /* 圆角 */
background-color: rgb(113 101 255); /* åŠé€Â明背景色 */
backdrop-filter: blur(10px); /* 背景虚化 */
-webkit-backdrop-filter: blur(10px); /* 背景虚化（兼容旧版 Safari） */
color: #fcfcfc; /* å—体颜色 */
text-decoration: none; /* 去掉下划线 */
transition: background-color 0.3s, color 0.3s; /* 添加过渡效果 */
}
/* 鼠标悬åœ效果 */
.topNav a:hover {
background-color: rgb(255 255 255);
color: black;
}
/* 激活状æ€Âçš„ a æ ‡ç¾样张*/
.topNav .active a {
background-color: rgb(255 255 255);
color: black;
}
li.nav-item {
margin-right: 7px;
margin-bottom: 7px;
}
.topNav li a{
/* color: #ffffff !important; */
}
.banner{
margin-top: 20px;
}
.banner .inner-wrapper{
display: flex;
flex-wrap: wrap;
width: 100%;
}
.banner .inner-wrapper .image-div{
max-width: 100%;
/* min-width: 556px; */
/* height: 120px; */
}
.image-div a img{
width: 100%;
height: 100%
}
.hot_text{
background-color: #f90;
color: #fff!important;
border: 1px solid pink;
display: inline-block;
margin-right: 5px;
}
}
.label{margin: 20px 0;}
.text-center{
text-align: center!important;
}
.nav-tabs .nav-link.active{
color: #000;
}
.none_tt{
margin: 20px auto;
color: #f90!important;
transform: translateX(42%);
}
#none_title{
display: none;
}
#curCategory{
display: flex;
align-items: center;
}
.category_title{
color: pink!important;
}
.childCategory{
display: inline-block;
font-size: 14px;
margin-left: 8px;
}
.none{
display: inline-block;
height: 27px;
line-height: 27px;
color: #000;
margin-left: 5px;
text-align: center;
font-size: 14px;
}
.recommend{
margin: 20px 0;
}
.partner{
margin: 0;
}
.friend-link .contents p{
font-size: 12px;
color: #000;
}
/* 手机端样张*/
@media (max-width: 767px) {
.topNav {
flex-wrap: wrap; /* å…Â许æ¢行 */
}
.topNav li {
flex: 1 1 calc(33.33% - 10px); /* æ¯Â个 li å æ®父容器的三分之一宽度，并留出间隙 */
}
}