body {background-color: #F6F6F6;}
a{position:relative;} 
a:hover:before {position:absolute;bottom: 20px;color:#000000;border:1px dotted #dedede;background-color:#dedede;word-break:keep-all;
  white-space:nowrap;}
.copyright{text-align: center;font-size:10px;margin:0;cursor: pointer;}

  
.home .main .container, .page-template-homepage1 .main .container{padding:0;max-width:1505px;}
.container{
     display: flex;
      align-items: center; /* 垂直居中 */
}

.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.clearfix{}

.header{position:fixed;top:0;left:0;right:0;z-index:999;background:#fff;transition: all .3s ease 0s;webkit-box-shadow: 0px 5px 10px 0px rgba(17, 58, 93, 0.1);-ms-box-shadow: 0px 5px 10px 0px rgba(17, 58, 93, 0.1);box-shadow: 0px 5px 10px 0px rgba(17, 58, 93, 0.1);}


/*表头元素之间的距离*/
.header .container{max-width: 100% !important;padding:0 20px;}

.header.scrolled{webkit-box-shadow: 0px 5px 10px 0px rgba(17, 58, 93, 0.1);-ms-box-shadow: 0px 5px 10px 0px rgba(17, 58, 93, 0.1);box-shadow: 0px 5px 10px 0px rgba(17, 58, 93, 0.1);}

.nav-main{display: block; 
          white-space: nowrap; 
          font-weight: bold; 
          font-size: 1.75em; 
          color: #e63946; 
          text-decoration: none;
          margin-left:30px;
}

.nav-main li{position:relative;float:left;font-size: 1.75em; color: #e63916; }
.nav-main a{display:block;padding:0 10px;-webkit-transition:ease-in color .15s;transition:ease-in color .15s;position:relative;}
.nav-main> li.current-menu-item > a, .nav-main> li.current-menu-parent > a{color:#ff5f33;}
.nav-main > li.menu-item-has-children:after{content: " ";width: 5px;height: 5px;background: #ff5f33;position: absolute;right: 5px;top: 22px;border-radius: 2.5px;}
.nav-main > li > a{padding:19px 10px}
.nav-main > li.menu-item-has-children:after{right: 2px;top:18px;}

/* 仅首页使用更大的字体和突出颜色 */
.nav-main li#home a {
  font-size: 20px; /* 首页字体比其他导航项大25% */
  color: #e63946; /* 突出的红色 */
  top: 4px;
}

.nav-main li#dir-item a {/*其他目录的字体大小*/
  font-size: 16px; /* 首页字体比其他导航项大25% */
  color: #e6B046; /* 突出的红色 */
  top: 6px;
}


.logo,.logo a{width:50px;height:60px}

.nav-right a{display:inline-block;padding:0 15px;-webkit-transition:ease-in color .15s;transition:ease-in color .15s;position:relative}
.nav-right{float:right;font-size:15px;margin-top:0px}
.nav-right li{position:relative;float:left}
.nav-right a{display:inline-block;padding:0 15px;-webkit-transition:ease-in color .15s;transition:ease-in color .15s;position:relative}
.nav-right .nav-search,.nav-right .nav-tougao{padding:8px 12px 10px}
.nav-right .nav-login{padding: 6px 0 6px 12px}
.nav-right .nav-login.no{padding: 14px 0 12px 14px;}
.nav-right .nav-vip{padding: 3.5px 12px 5.5px;}

.nav-right .nav-vip li#nav-vip a {/*其他目录的字体大小*/
  font-size: 16px; /* 首页字体比其他导航项大25% */
  color: #e6B046; /* 突出的红色 */
  top: 6px;
}
      

/* 网页头导航栏样式nav-right*/
.nav-right-border {
        border: 0px solid #fdd;
        border-radius: 5px;
        padding: 5px 0px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.05);
        background-color: #c9f9f9;
        margin-bottom: 5px;
        margin: 2px 0px ;}

        .nav-vip, .nav-search, {
            display: flex;
            align-items: center;
            color: blue;
            cursor: pointer;
            height: 40px;
            padding: 8px 10px;
            border-radius: 30px;
            background: rgba(155, 055, 55, 0.1);
            transition: all 0.3s;
        }

  
        .nav-vip:hover, .nav-search:hover {
            background: rgba(105, 59, 155, 0.2);
            transform: translateY(-2px);
        }
        
.nav-login {
            background: linear-gradient(to right, #ff8a00, #da1b60);
            padding: 8px 10px;
            border-radius: 30px;
            font-weight: 600;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            cursor: pointer;
            transition: all 0.3s;
            display: flex;
            align-items: center;
            height: 40px;
            width: 150px;
        }
        
        .nav-login:hover {
            transform: scale(1.05);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
        }
        
        .nav-login i {
            margin-right: 15px;
        }
        
        /* 模态框样式 */
        .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;
        }
        
        .modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        
        .modal {
            background: white;
            border-radius: 16px;
            width: 90%;
            max-width: 450px;
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
            transform: translateY(30px);
            transition: transform 0.4s;
        }
        
        .modal-overlay.active .modal {
            transform: translateY(0);
        }
        
        .modal-header {
            background: linear-gradient(to right, #4a6491, #2c3e50);
            padding: 20px;
            border-radius: 16px 16px 0 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .modal-header h3 {
            color: white;
            font-size: 22px;
        }
        
        .close-modal {
            background: none;
            border: none;
            color: white;
            font-size: 24px;
            cursor: pointer;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.3s;
        }
        
        .close-modal:hover {
            background: rgba(255, 255, 255, 0.2);
        }
        
        .modal-body {
            padding: 30px;
        }
        
        .form-group {
            margin-bottom: 20px;
            position: relative;
        }
        
        .form-group i {
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: #718096;
        }
        
        .form-control {
            width: 100%;
            padding: 15px 15px 15px 45px;
            border: 1px solid #e2e8f0;
            border-radius: 10px;
            font-size: 16px;
            transition: all 0.3s;
        }
        
        .form-control:focus {
            border-color: #4a6491;
            box-shadow: 0 0 0 3px rgba(74, 100, 145, 0.2);
            outline: none;
        }
        
        .btn {
            width: 100%;
            padding: 15px;
            background: linear-gradient(to right, #4a6491, #2c3e50);
            color: white;
            border: none;
            border-radius: 10px;
            font-size: 18px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            margin-top: 10px;
        }
        
        .btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1);
        }
        
        .form-footer {
            margin-top: 20px;
            text-align: center;
            color: #718096;
            font-size: 14px;
        }
        
        .form-footer a {
            color: #4a6491;
            text-decoration: none;
            font-weight: 600;
            margin-left: 5px;
            transition: all 0.2s;
        }
        
        .form-footer a:hover {
            color: #2c3e50;
            text-decoration: underline;
        }
        
        .tabs {
            display: flex;
            margin-bottom: 20px;
        }
        
        .tab-btn {
            flex: 1;
            padding: 15px;
            background: #f8fafc;
            border: none;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .tab-btn.active {
            background: linear-gradient(to right, #4a6491, #2c3e50);
            color: white;
        }
        
        .tab-content {
            display: none;
        }
        
        .tab-content.active {
            display: block;
        }
        
        /* 响应式设计 */
        @media (max-width: 900px) {
            .nav-main {
                display: none;
            }
            
            .banner h2 {
                font-size: 32px;
            }
            
            .banner p {
                font-size: 18px;
            }
        }
        
        @media (max-width: 600px) {
            header {
                padding: 15px 20px;
                flex-wrap: wrap;
            }
            
            .banner {
                padding: 40px 20px;
            }
            
            .search-form {
                flex-direction: column;
                border-radius: 15px;
            }
            
            .search-cat, .search-input, .search-btn {
                width: 100%;
                border-radius: 0;
                padding: 15px;
            }
            
            .modal {
                width: 95%;
            }
        }        


/* 新增容器样式确保内容宽度一致 */
.content-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}



        /* 文件列表图标样式 - 修改为内联显示 */
        .file-icon {
            display: inline-block;
            margin-right: 5px;
            font-size: 16px;
            width: 24px;
            text-align: center;
            vertical-align: middle; /* 垂直居中 */
        }
        
/* 文件列表项容器 - 确保所有内容在同一行 */
.file-item-container {display: flex;align-items: center;height:auto; max-height:60px;}
.file-content {flex: 1;display: inline-block;vertical-align: middle; /* 垂直居中 */}
        
        /* 不同文件类型的颜色 */
        .folder-icon { color: #FFC107; } /* 文件夹 - 黄色 */
        .pdf-icon { color: #E74C3C; } /* PDF - 红色 */
        .image-icon { color: #9B59B6; } /* 图片 - 紫色 */
        .audio-icon { color: #3498DB; } /* 音频 - 蓝色 */
        .video-icon { color: #E67E22; } /* 视频 - 橙色 */
        .archive-icon { color: #F39C12; } /* 压缩文件 - 橙色 */
        .doc-icon { color: #2C3E50; } /* 文档 - 深蓝色 */
        .code-icon { color: #16A085; } /* 代码 - 绿色 */
        .default-icon { color: #95A5A6; } /* 默认 - 灰色 */
        
        
        .highlight-strong {
            font-weight: bold;
            font-size: 18px;
            color: #FF4500;             /* 亮红色 */
            text-shadow: 1px 1px 2px rgba(0,0,0,0.1);  /* 轻微阴影 */
            transition: all 0.2s;       /* 过渡动画 */
        }
        .highlight-strong:hover {
            color: #FF6347;             /* 悬停时颜色变化 */
            text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
        }
          
  
  /* 定义搜索组的样式 */
.search-group {
            border: 2px solid #8cc;
            padding: 10px 10px; /*垂直方向（上和下）：内边距为 2px。水平方向（左和右）：内边距为 10px。 display: inline-block;*/
            margin: 5px 5px; /* 垂直方向（上和下）：外边距为 10px。水平方向（左和右）：外边距为 5px。*/
            border-radius: 5px;font-size: 15px;margin-top: 10px;
            height: auto;display: flex;align-items: center;gap:3px;
}
 /* 增加标签与下一个元素的间距 */
.search-group label {margin-right: 15px; bottom: 10px; }  
  
.search-box{display: flex;flex-wrap: wrap;align-items: flex-end;
  gap: 10px;padding: 10px;background: #fff;border-radius: 0.6rem;box-shadow: 0 1px 3px 0 rgba(54,74,99,.05);}
    
.search-button{
    display: inline-block;position: absolute;padding:.4em;width: 60px;right: 1rem;
    top: 1.6rem; /*可调节搜索按钮上下位置*/
    z-index: 2;outline: none;border: none;cursor: pointer;border-top-right-radius: 30px;border-bottom-right-radius: 30px;
    background: #ffff url(/static/images/search.png) no-repeat 20px;background-size: 20px 20px;height: 36px;border-radius: 50%;
  }
 
.searchinput{font-size: 14px;flex: 1;min-width: 100%;height: 45px;border-radius: 1rem;border: 1px solid #ddd;padding: 0 10px;}
     /* 重置按钮样式 */
.reset-button {height: 40px;background-color: #4CAF50;color: white;border: none;padding: 0px 15px;margin: 5px 15px;border-radius: 4px;font-size: 14px;cursor: pointer;border-radius: 0.4rem;cursor: pointer;transition: all 0.3s;}

.reset-button:hover {background-color: #e0e0e0;}

.searchcheck {color: #fa541c;cursor: pointer;font-size: 12px;position: relative;top: -2px;margin-left: 10px;padding-top: 10px;white-space: nowrap;}

/* 按钮图标的样式 */
.download-icon {color: #007BFF;}
.download-icon.locked {color: #999; }
.copy-icon {color: #28a745;}
.preview-icon {color: #17a2b8;}
  
  /* 轮播图片样式 - 修复宽度问题 */
.custom-img-container {position: relative;overflow: hidden;border-radius: 8px;margin-bottom: 10px;width: 100%; /* 添加宽度100% */}
.custom-img {display: block;width: 100%;max-height: 240px; height: auto;object-fit: cover;transition: all 0.5s ease;margin: 0 auto;}
.custom-img-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;
    background: rgba(0,0,0,0.3);opacity: 0;transition: opacity 0.3s ease;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 1.2rem;font-weight: bold;}

.custom-img-container:hover .custom-img {transform: scale(1.05);}
.custom-img-container:hover .custom-img-overlay {opacity: 1;}

/* 公告栏样式 - 修复宽度问题 */
.blue-white-notice {display: block;background-color: #509905;color: white;padding: 5px 5px;border-radius: 8px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;}
.blue-white-notice:hover{background-color:#04f8b6;transform:translateY(-2px);box-shadow:04px 8px rgba(0,0,0,0.15);}
.blue-white-notice strong{font-weight:600;}
/* 内容统一宽度 */
.content-unified-width {width: 100%;max-width: 1400px;margin: 0 auto;padding: 0px 0px;}

/* 新增的导航目录栏边框样式 */
.content-border {border: 2px solid #0dd;border-radius: 8px;padding: 2px 2px;box-shadow: 0 2px 6px rgba(0,0,0,0.05);margin-bottom: 2px;margin: 2px 0px ;}
/*文件名后的按钮容器*/
.btn-container { display: contents;  justify-content: space-between; flex-direction: row; gap: 2px; align-items: center;}

/* 导航项悬停效果 *//* 悬停背景色 */
.nav-item-hover {background-color: #19ecef; box-shadow: 0 2px 2px rgba(0,0,0,0.1);transform: translateY(-2px);}

/* 导航项点击效果 *//* 选中背景色 */
.nav-share-dir.am-active {background-color: #19ecef; box-shadow: 0 5px 5px rgba(15,60,70,0.15);border-left: 5px solid #017BFF;}

/* 导航项通用样式 */
.nav-share-dir {padding: 10px 10px;border-radius: 4px;transition: all 0.3s ease;cursor: pointer;display: flex;align-items: center;gap: 10px;}

/* 导航栏样式-活动状态导航项样式 */
.nav-share-dir.am-active a {color: #017BFF;font-weight: bold;}
  /* 导航链接样式 */
.nav-link {transition: all 0.3s ease;display: block;padding: 5px 0;}
/* 图片悬停效果 */
.clickable-image {transition: all 0.3s ease;border-radius: 4px;}


/* 公告栏标题动画 *//* 增加高度容纳更大移动范围 */
.notice-header {display: flex;justify-content: center;margin-bottom: 10px;overflow: hidden;position: relative;height: 30px; }

.moving-text {/* 增大字体 */ 
    display: inline-block;font-weight: bold;font-size: 1.5em; position: absolute;opacity: 0;animation: longSlide 8s linear infinite;white-space: nowrap;}

.delay-0 { animation-delay: 1.3s; }
.delay-1 { animation-delay: 2.3s; }
.delay-2 { animation-delay: 3.6s; }

/* 延长移动距离的关键帧动画 */
@keyframes longSlide {
    0% {
        transform: translateX(-1000%); /* 从屏幕外左侧开始 */
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    20% {
        transform: translateX(-100%);
    }
    30% {
        transform: translateX(0%);
    }
    50% {
        transform: translateX(0%);
        opacity: 1;
    }
    70% {
        transform: translateX(100%);
    }
    80% {
        transform: translateX(1000%); /* 移动到屏幕外右侧 */
        opacity: 0;
    }
    100% {
        transform: translateX(1000%);
        opacity: 0;
    }
}

/* 添加居中toastr样式 */
#toast-container.toast-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    min-width: 300px;
    text-align: center;
}
#toast-container.toast-center > .toast {
    width: auto;
    min-width: 300px;
    margin: 0 auto;
}
  
.buy_button{float:right;color:#4d0202;cursor: default;border-radius: 0.5em;position: relative;display: block;padding: 0.05em 0.3em;}
.file_size{font-size: 10px;}
        .haspsw{height:500px;
            background-image: url("/static/images/defaultbg.png"); 
            background-size: cover; /*根据需求调整背景图大小适应页面*/
        }
        .psw-box {
        display: flex; /* 创建flex布局 */
        justify-content: center; /* 水平居中对齐 */
        align-items: center; /* 垂直居中对齐 */
        width: 50%; /* 设置宽度 */
        padding-top: 30%;
        margin: auto; /* 自动左右外边距，使其在容器中水平居中 */
    }
    
input {
  flex-grow: 1;
  margin-right: 10px;
}
.my-button {  
    padding: 0.2em;
    line-height: 1.5;
  float: left;
  background-color: #f8a589; /* 蓝色背景 */  
  color: white; /* 白色文本 */  
  cursor: pointer; /* 鼠标悬停时显示手形光标 */  
  border-radius: 5px; /* 圆角边框 */  
  white-space: nowrap; 
}
.am-list>li{
    border: 1px dotted #dedede;
}
.file{font-size: 1.2rem;color: #000000;}
.nav-share-dir{text-align: center;padding: 1%;max-width:24%}
.nav-share-dir a{border-radius: 0.5rem;text-align:center;cursor: pointer;}
.nav-share-dir img{max-width:50px;border-radius:0.5rem;padding-bottom:5px;cursor: pointer;}
.am-active{border-radius: 0.5rem;box-shadow:0.5rem 0.5rem 1rem rgba(0, 0, 0, .4),-0.5rem -0.5rem 1rem rgba(255, 255, 255, .9);}
.am-slider .am-slides img{border-radius: 1rem;}
.am-nav>li.am-active>a, .am-nav>li.am-active>a:focus, .am-nav>li.am-active>a:hover {opacity: 0.5;}
.shadow{box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, .4),-0.5rem -0.5rem 1rem rgba(255, 255, 255, .9);}
.am-panel-bd a{color: #ff4000;}
.kefu{position: fixed;bottom: 12px;right: 5px;z-index: 9999;display:none}
.loadingBox {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
}
.loadingBox .loadingIcon {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loadingBox .loadingIcon span {
  height: 32px;
  width: 32px;
  background: url(../images/loading.png) center center no-repeat;
  background-size: 100% 100%;
  animation: rotateBox 2s linear infinite;
}
.loadingBox .loadingMain {
  align-items: center;
  justify-content: center;
  display: flex;
  width: 100vw;
  height: 100vh;
  cursor: not-allowed;
}
.loadingBox p {color: #fff;font-size: 14px;text-align: center;}
@keyframes rotateBox { 0 {transform: rotate(0deg);}50% {transform: rotate(180deg);}100% {transform: rotate(360deg);}}
.loadingBox[data-show="0"] {display: none;}
.nav-flex-container { display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;padding: 0; list-style: none;}  
.nav-flex-container li {text-align: center; margin: 5px 5px;}


/* 文件列表中的四个按钮 */
.flex-container { display: contents;  justify-content: space-between; flex-direction: row; gap: 2px; align-items: center; margin: 12px 12px;}

.flex-container .view {
    flex: 1; /* 让每个按钮平均分配宽度 */
    text-align: center; /* 内容居中 */
}
.flex-container .view:last-child {
    margin-right: 2px;      /* 最后一个按钮不添加右侧间距 */
    margin-left: 2px;      /* 最后一个按钮不添加右侧间距 */
}
    

.view {cursor: pointer; margin-left: auto;height: 18px;width: 18px;float: right;margin-right: 3px}
.am-modal-header { display: flex;  justify-content: flex-end;margin-bottom: -1.5rem;} 
.am-modal-header h4{font-size: 1.2rem;margin: 0;color: #fd0000;}
.am-close{margin-top: -.5rem;}
.am-modal-bd{padding: 15px 0 0 0;}
.am-nav>li>a{padding: .2em .4em;border-radius: .5rem;}
.toUp{display: none; position: fixed; right: 2rem; bottom: 1rem; border-radius: 50%; box-sizing: border-box; cursor: pointer; text-align: center;}
.toUp .search{height:2rem;width:2rem;display:inline-block;line-height:2rem;color:rgb(1,128,157);font-size: 1.2em;background:url(/static/images/search.png);background-size: 100% 100%;background-repeat: no-repeat;}
.tips{border-radius: 1rem;color: #ee6e83;font-size: 1.2rem; }
.tipscontent{border-radius: 1rem;color: #ee6e83;margin-left: 1rem;text-align: left;}