.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    right: 0;
    left: auto;
}

.animation{
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.bg-nav{background-color: #e6e6e6;}
.nav-link{color:#212529;font-weight:bold;}
.nav-link:hover, .dropdown-item:hover{color:#dc3545;}
.top-logo{height: 150px}
.search-vote{height: 2.26rem;margin: 0.05rem;font-size:0.92rem;background-color:#d6d6d6;}
.top-search-icon{margin-left: 14.6rem;margin-top: -1.6rem;}
.top-logo-right{  display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */}
.qcrode-left{font-size: 0.86rem;line-height: 1.1rem;}

.navbar {
    background-color: #e6e6e6;
}
.navbar-nav {
    --bs-gutter-x: 1.5rem; /* Adjust the gutter as needed for spacing */
}
.dropdown-menu {
    background-color: #e6e6e6; /* Match the navbar background color */
}
.navbar.navbar-brand{ float:right!important; }

.mask{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色遮罩 */
    z-index: 2;
}
.h-color{color:#fc4642;font-weight: bolder; padding-left: 1rem;}
.h-color p{text-indent: 0.6rem;}
.title-color,.zixun-left-item-text a:hover{color:#fc4642;}
#hideAdv{right: 1rem;}
.title-decoration-underline {
    position: relative;
    overflow: hidden; /* 确保下划线不超出容器 */
}
.title-decoration-underline::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2rem;
    height: 0.08rem; /* 下划线的高度 */
    background-color:  var(--bs-gray-300);; /* 下划线的颜色 */
    transform: scaleX(1); /* 初始状态下不可见 */
}
.title-decoration-underline:hover::after {
    transform: scaleX(1); /* 鼠标悬停时下划线完全可见 */}
.carousel-control-prev-icon, .carousel-control-next-icon{background-color: rgba(0, 0, 0, 0.1);height: 3rem;border-radius: 0.2rem;}
.carousel-control-prev-icon:hover, .carousel-control-next-icon:hover{background-color: rgba(0, 0, 0, 0.5)}
.zixun,.book-right-list{ background-color:#f0f0f0;}
.zixun-left-item{border-radius: 0.4rem}
.zixun-left-item>li{list-style: none;}
.zixun-left-item-title{font-weight: bolder;border-left: #fc4642;border-left-width: 0.16rem;border-left-style: solid;}
.zixun-right-item-title{font-weight: lighter;border-left: #fc4642;border-left-width: 0.16rem;border-left-style: solid;height: 1.24rem;line-height: 1.24rem;}
.list-group-item{font-size: 0.94rem;}
.zixun-left-item-text,.zixun-left-item-text a{font-weight: lighter;font-size: 0.68rem;color: #b5b6b7;}
.card, .zixun-left-item-text,.zixun-left-item-content{border-radius:1rem;border: none;}
.card,.hot-list{  box-shadow: 0 0 1px #fcfcfb, /* 主阴影 */
0 0 1px #fcfcfb,  /* 次阴影 */
0 1px 2px rgba(0, 0, 0, 0.1); /* 模糊阴影 */}
.zixun-left-item-content{border-bottom-left-radius: 1rem!important; }
.card-header{border-top-left-radius: 1rem!important; border-top-right-radius: 1rem!important;}
.gongjuxiang-item{border-radius: 1rem;height: 11.4rem;background-color: #f3f3f3;}
@media (min-width: 1200px) {
    .gongjuxiang-item{border-radius: 1rem;height: 11.4rem!important;background-color: #f3f3f3;}
}
@media (min-width: 576px)  {
    .gongjuxiang-item{border-radius: 0.8rem;height: 4.38rem;background-color: #f3f3f3;}
    .book-link,.book-right-list {display: inline-block;overflow: hidden;border-radius: 0.8rem!important;}
    .h6{font-size:0.8rem!important;}
}
@media (min-width: 320px)  {
    .gongjuxiang-item{border-radius: 0.8rem;height: 5.38rem;background-color: #f3f3f3;}
    .btn{font-size: 0.8rem;}
    .book-link,.book-right-list {display: inline-block;overflow: hidden;border-radius: 0.8rem!important;}
    .h6{font-size:0.8rem!important;}
}
.hot-list{border-radius: 1.4rem;}
.book-right-list{height: 85%;}
.book-link,.book-right-list {display: inline-block;overflow: hidden;border-radius: 1.2rem;}
.book-cover:hover ,.gongjuxiang-item:hover{transform: scale(1.1);transition: all .5s;}
.tag-list-item{text-decoration: none!important; list-style: none;color:#979797;border: #979797!important; }
.tag-list-item:hover,.zixun-left-item-text>a:hover{ color:#fc4642;border:none;transform: scale(1.1);transition: all .5s;}
.tag-list-item> .active{background-color: #fc4642;color: #ffffff; }
.tag-list-item> .active:hover{ background-color: #ffffff; color:#fc4642;transform: scale(1.1);transition: all .2s;}
.kecheng-info>p,.zixun-left-item-text>p,.zixun-left-item-text>p>a{font-weight: bold;}
.footer-company{color:#b4b4bd;}
.company-info-txt,.compay-tel{border-top: 2px solid #757579;}
.footer-company a{color:#b4b4bd;text-decoration: none; }
.footer-list-item{border-left: 1px solid #373737; height: 18rem;}
.footer-list-item:last-child{border-right: 1px solid #373737;  }
.book-item-live{height: 22rem;}
.left-form{background-color: #3b5fa9;border-radius: 1rem;opacity: 1;height: 300px;}
.embossed-btn {
    position: relative;
    border: none;
    border-radius: 1rem;
    background-color: #fc473e; /* 你可以根据需要更改背景颜色 */
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); /* 初始阴影效果 */
    transition: all 0.3s ease; /* 平滑过渡效果 */
}

.embossed-btn:before,
.embossed-btn:after {
    content: "";
    position: absolute;
    z-index: -1;
}

.embossed-btn:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 60%;
    border-radius: 3px;
    transform: scaleY(1);
    transform-origin: 50% 100%;
    transition: transform 0.3s ease;
}

.embossed-btn:hover {
    background-color:#58151c; /* 鼠标悬停时的背景颜色 */
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); /* 鼠标悬停时的阴影效果 */
}

.embossed-btn:hover:before {
    transform: scaleY(0);
}
.floating-div {
    position: fixed; /* 定位为固定位置 */
    top: 100px; /* 距离顶部100像素 */
    height: 560px;
    right: 0; /* 右侧对齐 */
    width: 80px; /* 宽度设置为300像素 */
    padding: 12px; /* 内边距 */
    background-color: #eaeaea; /* 背景色 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 盒子阴影 */
    z-index: 1000; /* 层叠顺序 */
}
.floating-item:first-child:hover {}
.floating-div-round-corners {
    border-top-left-radius: 1.16rem; /* 左上角圆角 */
    border-bottom-left-radius: 1.16rem; /* 左下角圆角 */
}
.fixed-sidebar {
    position: fixed;
    top: 80%; /* 距离页面顶部80%的位置 */
    left: 0; /* 固定在左侧 */
    transform: translateY(-50%); /* 使内容垂直居中 */
    border: 1px solid #333; /* 边框样式 */
    padding: 10px; /* 内边距 */
    z-index: 1000; /* 确保层叠在其他内容之上 */
}
.form-container {
    width: 100%;
    max-width: 200px; /* 限制表单宽度 */
    margin: auto; /* 水平居中 */
}

.floating-icon{
    width: 3.2rem; /* 设置圆的宽度 */
    height: 3.2rem; /* 设置圆的高度 */
    border-radius: 50%; /* 使div变成圆形 */
    background-color: #ffffff; /* 设置背景颜色 */
}
.floating-icon svg{width: 2.2rem;}
.floating-txt a,#back-to-top{ font-size: 0.8rem;}
#wenzhi-weixin {
    position: absolute;
    left: -7rem;
    top: 0%;
    width: 100px;
    padding: 10px; /* 内边距 */
    background-color: #ffffff; /* 背景色 */
    border: 1px solid #ddd; /* 边框 */
    border-radius: 4px; /* 边框圆角 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影效果 */
    transform: translateY(-10px); /* 初始位置稍微向上偏移 */
    opacity: 0; /* 初始透明度为 0 */
    transition: opacity 0.3s ease, transform 0.3s ease; /* 透明度和变换的过渡效果 */
    visibility: hidden; /* 初始不可见 */
    z-index: 3; /* 确保内容显示在其他元素之上 */
}
#junkao-weixin{
    position: absolute;
    left: -7rem;
    top: 34%;
    width: 100px;
    padding: 10px; /* 内边距 */
    background-color: #ffffff; /* 背景色 */
    border: 1px solid #ddd; /* 边框 */
    border-radius: 4px; /* 边框圆角 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影效果 */
    transform: translateY(-10px); /* 初始位置稍微向上偏移 */
    opacity: 0; /* 初始透明度为 0 */
    transition: opacity 0.3s ease, transform 0.3s ease; /* 透明度和变换的过渡效果 */
    visibility: hidden; /* 初始不可见 */
    z-index: 3; /* 确保内容显示在其他元素之上 */
}

.floating-item-wenzhi:hover #wenzhi-weixin, .floating-item-junkao:hover #junkao-weixin {
    opacity: 1; /* 鼠标悬浮时透明度为 1 */
    transform: translateY(0); /* 鼠标悬浮时回到原位 */
    visibility: visible; /* 鼠标悬浮时可见 */
}
 .footer-bar {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            display: flex;
            justify-content: space-between; /* 均匀分布 */
            align-items: center; /* 垂直居中 */
            padding: 10px; /* 内边距 */
            z-index: 1000; /* 确保悬浮在最上层 */
        }
        
.footer-item {
            flex: 0 0 auto; /* 不伸缩 */
            width: calc(33.33% - 4px); /* 减去内边距 */
            margin: 0 2px; /* 间距 */
            padding:5px 8px; /* 内边距 */
            border-radius: 10px; /* 圆角 */
            background-color: #f8f9fa; /* 背景颜色 */
            text-align: center; /* 文本居中对齐 */
            box-sizing: border-box; /* 使用border-box模型 */
			border: 1px solid #fc4642; 
			
        }
.footer-item a{text-decoration:none;color:#fc4642!important;cursor: pointer;}
 .overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
			padding-top:20vh;
            background: rgba(0, 0, 0, 0.5); /* 半透明背景 */
            align-items: center;
            justify-content: center;
            z-index: 2000; /* 确保在最上层 */
            visibility: hidden; /* 默认隐藏 */
            opacity: 0; /* 透明度为0 */
            transition: visibility 0s, opacity 0.5s ease-in-out; /* 过渡效果 */
        }

        .overlay.active {
            visibility: visible; /* 显示遮罩层 */
            opacity: 1; /* 透明度为1 */
        }

        .overlay img {
            max-width: 80%; /* 限制图片最大宽度 */
            max-height: 80vh; /* 限制图片最大高度 */
        }

        .overlay p {
            color: #fff; /* 文本颜色为白色 */
            text-align: center; /* 文本居中对齐 */
            margin-top: 20px; /* 与图片之间的间距 */
        }