body{position: relative;}
ul,li,dl,dt,dd{padding: 0; margin: 0; list-style: none;}

a{color: #000;}
a:hover{color: #06c; text-decoration: none;}

 


/* ========header 页头部分 start================*/
header{background-color: #ffffff; border-bottom:2px #ccc solid;}
.header{display: flex; flex-wrap: wrap; justify-content: space-between;}
.header .logo{ width:260px; padding: 20px 0;}
.header .logo span{color: #333; font-size: 1.2em;  vertical-align: bottom; padding-left: 20px;}
.header .search{padding:3em 1em 0;}
.header .search .form-inline .form-control{  width:300px;}
/* 导航条 */
.navbar{padding: 0.5em 0;} 
.navbar-light .navbar-nav li{margin:0 10px;}
.navbar-light .navbar-nav li .nav-link{padding:0 10px; line-height:30px;}
.navbar-light .navbar-nav li .current{color: #0067cb;font-weight:bold;border-bottom:2px #0067cb solid;} 
.navbar .navbar-nav .dropdown-menu{padding:15px 0;}
.navbar .navbar-nav .dropdown-menu ul li{border-bottom: 1px #f2f2f2 solid; }
.navbar .navbar-nav .dropdown-menu ul li a{line-height: 35px; display: block;padding: 0 15px;}
/* ========header 页头部分 End================*/

 
/* ======== wrapper 主体部分 start================*/
.wrapper{background-color: #f6f6f6; min-height: 500px}
.w-250{width: 265px; height: 250px; overflow: hidden;}
.box-ad{margin: 8px auto;}

.box{
    background-color: #ffffff;
    box-shadow: 0 1px 3px #cecece;
    margin-bottom: 15px;
}
.box-default{
    padding: 10px 15px;
    box-shadow: 0 1px 3px #cecece;
    background-color: #ffffff;
}
.box-ad-google{ 
    margin-bottom:0;
}

.box h1{ 
    font-size: 1.5em;
    font-weight: normal;  
}
.box h2{
    font-size: 1.4em;
    font-weight: normal;
    margin-bottom: 15px; 
}
.box h2 i.iconfont{font-size: 1em; margin-right: 10px;}
.box .cat-title{
    position: relative; 
    margin-top:15px;
    margin-bottom: 15px;
}

.box .cat-title h2{
    margin-top: 12px;
}
.box .cat-title a.more{
    font-size: 0.8em;
    color: #000;
    font-weight: normal;
    position: absolute;
    top: 3px;
    right: 5px;

} 

.box .cat-title:before{content: ""; float: left; vertical-align: center; width: 4px; height:28px; background-color: #59a52d; margin-right: 10px;} 
.box .cat-name:before{content: ""; float: left;  vertical-align: bottom; width: 4px; height:20px; background-color: #59a52d; margin-right: 10px; }
.box .cat-name{margin-bottom: 15px;}
.cat-title {  
    display: flex;  
    align-items: center; /* 垂直居中对齐 */  
    justify-content: flex-start; /* 左对齐 */  
    padding: 10px;  
    border-bottom: 1px solid #ddd;  
}  
.box .cat-title.sch{ 
    padding: 0;
}
.box .cat-title  a{
    padding:6px 20px;
    margin: 0;
    font-size: 1.2em;
}
.box .cat-title a.on{ 
    color: #fff;
    background-color: #18b358;
    border:1px #ccc solid;  
    border-bottom:0px #ccc solid; 
    border-top-left-radius: 10px; /* 仅左上角圆角 */  
    border-top-right-radius: 10px; /* 仅右上角圆角 */  
    border-bottom-left-radius: 0; /* 确保下方没有圆角 */  
    border-bottom-right-radius: 0; /* 确保下方没有圆角 */   
 }

.t-icon {  
    display: flex;  
    align-items: center;  
}  

.t-icon img {  
    width: 40px;  
    height: auto; /* 确保图像保持比例 */  
}  

h1.text-left {  
    flex: 1; 
    margin-left: 10px;  
    font-size: 24px;  
    display: flex;  
    align-items: center; /* 确保文本垂直居中 */  
    margin-top: 10px;  
    margin-bottom: 0;  
}   

.safe {    
    margin-right: 10px;  
    display: flex;  
    align-items: center;  
}  
.erweima{position: relative;cursor: pointer; }
.erweima .qrcode {  
    display: none; 
    border-radius: 5px;   
    position: absolute;
    left: auto;
    top: 50px;
}
.erweima .qrcode img{
    margin-left: 10px;
}
.erweima:hover .qrcode{
    display: block;
}
 

.soft-info {  
    display: flex;  
    justify-content: space-between; /* 确保两个子元素之间有间距 */  
    padding: 10px;  
}  

.show-ad{  
    width: 30%; /* 各占50%的宽度 */  
}  

.soft-list{  
    width: 40%; /* 各占50%的宽度 */  
}  

.ad-left {  
    width: 30%; /* 各占50%的宽度 */  
}  


.soft-list ul {  
    list-style-type: none; /* 去掉默认的列表样式 */  
    padding: 0; /* 去掉默认的内边距 */  
    margin: 0; /* 去掉默认的外边距 */  
    display: flex;  
    flex-wrap: wrap; /* 允许子元素换行 */  
}  

.soft-list li {  
    width: 50%; /* 每个li占50%的宽度 */  
    text-align: left; /* 文字居左 */  
    box-sizing: border-box; /* 包括padding和border在内计算宽度，防止溢出 */  
    padding: 5px 0; /* 为每个li增加一些上下间距 */  
}

.d-urls {  
    text-align: left; /* 中心对齐整个 div 内的文本 */  
}  

.d-urls ul {  
    list-style-type: none; /* 去除默认的列表样式 */  
    padding: 0; /* 去除默认的内边距 */  
    display: flex;  
    flex-wrap: wrap; /* 允许子元素换行 */  
}  

.d-urls li {  
    margin: 10px 0; /* 为列表项添加一些垂直间距 */  
    width: 50%;
    padding: 0 30px;
}  

.d-urls li a {  
    color: white; /* 将链接文本颜色设为白色 */  
    display: block; /* 将链接设为块级，以便完全覆盖 li */  
    text-decoration: none; /* 去除默认的下划线 */  
    padding: 10px 20px; /* 为按钮增加内边距 */  
    background-color: #007bff; /* 背景颜色，和 `btn-primary` 类似 */  
    border-radius: 5px; /* 添加圆角 */  
    transition: background-color 0.3s; /* 增加平滑过渡效果 */  
}  

.d-urls li a:hover {  
    background-color: #0056b3; /* 悬停时变色效果 */  
}
 

/* 资讯列表 */
.article-list{padding:15px;}
.article-list h1{text-align: left; border-bottom: 0; border-top: 1px #ccc solid; padding-top: 8px; }
.article-list h1 span{border-top: 2px #59a52d solid; padding: 5px 5px;}

.article-list ul{}
.article-list ul li{border-bottom: 1px #f2f2f2 solid; margin-bottom: 20px; padding-bottom: 15px; display: flex; flex-wrap: wrap;}
.article-list ul li a{color: #000;}
.article-list ul li a:hover{color: #06c; }
.article-list ul li .thumb{ overflow: hidden;}
.article-list ul li .thumb img{width:100px;}
.article-list ul li .info{max-width: 520px; margin-left: 20px;}
.article-list ul li .info .info-cont h3{font-size: 1.2em;}
.article-list ul li .info .meta,
.article-list ul li .info .info-cont .desc{font-size: 13px; color: #595959;}
.article-list ul li .info .meta .lable,
.article-list ul li .info .meta .tags {display: inline-block; margin-right:10px;}
.article-list ul li .info .meta .tags a{ margin-right: 5px; padding: 1px 5px; background-color: #f2f2f2;}
.article-list ul li .info .meta .tags a:first-child{background-color: #e6f1fb;} 
.article-list ul li .info .meta .lable i.iconfont{margin-left: 15px;margin-right: 3px;}
.lists ul li .info{max-width: 100%; margin-left:0;}
.lists ul li .info .meta .lable{margin-left:-5px;}
.lists ul li .info .meta .lable i.iconfont:first-child{margin-left: 0;}
.lists ul li .desc img{width:100px;}




/* 文章列表 */
.at-list-2{}
.at-list-2 li{}
.at-list-2{}
.at-list-2{}
.at-list-2{}
.at-list-2{}
.at-list-2{}

/* 新闻列表 */
.newslist{clear: both;margin: 10px auto;} 
.newslist li{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #ccc dashed;}
.newslist li::before{content:"\e6c0";font-family: "iconfont";}

/* tags列表 */
.tagslist{}
.tagslist a{ line-height: 2.5; margin-right: 15px; margin-bottom: 15px; border: 1px #ccc solid; padding: 3px; background-color: #18b358; color: #fff;}

/* 页码 */
.pages{margin-bottom: 30px;}
.pages .pagelist{display: flex;flex-wrap: wrap;justify-content: center;}
.pages .pagelist li{margin: 0 5px;}
.pages .pagelist li a{background-color: #e6f1fb;padding: 2px 10px 5px;}
.pages .pagelist li a:hover{background-color: #06c;color: #fff;}

/* 相关内容、推荐列表 */
.recommended{margin:20px auto; }
.recommended ul{}
.recommended ul li{border-bottom: 1px #f2f2f2 solid;}
.recommended ul li a{color: #000;}
.recommended ul li a:hover{color: #06c;}
.recommended ul.wd-50{display: flex; flex-wrap: wrap; justify-content: space-between;}
.recommended ul.wd-50 li{width: 46%;}


/* 头条列表 */
.headline{
    display: flex; soft-list
    flex-wrap: wrap; 
    justify-content: space-between;
}
.headline .hd-left{width: 45%; padding-right: 20px;}
.headline .hd-right{width: 55%;}
.headline-list{}
.headline-list .hd-item{
    display: flex; 
    flex-wrap: wrap; 
    justify-content: space-between;
    margin-bottom: 21px;
}
.headline-list .hd-item a{color: #000;}
.headline-list .hd-item a:hover{text-decoration: none; color: #06c;}
.headline-list .hd-item a h3{font-size: 1em; }
.headline-list .hd-item a h2{font-size: 1.3em; }
.headline-list .hd-item .hd-info{
    width: 70%;
    padding-right: 15px;
}
.headline-list .hd-item .hd-info .hd-tags{margin-bottom: 6px;}
.headline-list .hd-item .hd-info .hd-tags span{font-size: 12px; color: #666; margin-right: 5px;}
.headline-list .hd-item .hd-info .hd-meta{color: #ccc; font-size: 12px;}
.headline-list .hd-item .hd-info .hd-meta span{margin-right: 10px;}
.headline-list .hd-item .hd-info .hd-meta span i{font-size: 12px; margin-right: 6px;}
.headline-list .hd-item .hd-thumb{
    width: 30%; 
    max-width: 80px;
    overflow: hidden;
}
.headline-list .hd-item .hd-thumb img{
    border-radius: 5px; 
}

/* 侧边热门列表 */
.side-hot-list{}
.side-hot-list ul li{margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px #f2f2f2 solid;}
.side-hot-list ul li a{color: #000; display: flex;}
.side-hot-list ul li a:hover{color: #06c; text-decoration: none;}
.side-hot-list ul li .thumb{background-size: cover; width: 60px; height: 60px; display: inline-block; margin-left: 10px;  }
.side-hot-list ul li .desc{flex: 1; -ms-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; font-size: 13px; color: #666;}
.side-hot-list ul li .desc h4{font-size: 1.1em; color: #000;}
.side-hot-list ul li .desc h4 span.badge{}

/* 排行榜 */
.ranking-list{} 
.ranking-list li{ margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px #ccc dashed; display: flex;align-items: flex-start;gap: 15px;margin-bottom: 20px;}
.ranking-list li a{ color: #595959; line-height: 1.5; }
.ranking-list li a:hover{color: #1f67ec;} 
.ranking-list li span{font-size: 25px; font-weight: bold;}
.ranking-list li .r-img{width: 50px; display: none;}
.ranking-list li:first-child span{font-size: 25px; font-weight: bold; color: #da0a0a;}
.ranking-list li:hover .r-img,
.ranking-list li:first-child .r-img{width: 50px; display: inline-block;}

/* Tags 列表 */
.tags{margin-bottom: 1.6em;}
/* .tags::before{content: "\e69c";margin-right:5px; font-family: "iconfont"; font-size: 25px; color: #da0a0a;} */
.tags a{color: #1f67ec;text-decoration: underline;}
.tags a:hover{color: #f10d0d;}
 .i-no::before{content: "";}

/* tab 切换标签 */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    color: #f10d0d;
    font-weight: bold;
}
.tab-link {
    cursor: pointer;
    display: inline-block;
    margin-right: 20px;
  }
  .tab-link.active {
    font-weight: bold;
  }
  .tab-content {
    display: none;
  }
  .tab-content.active {
    display: block;
  }
/* 下载详情页 */

    /* 详情简介title */
    .dtl-jj{position: relative;margin-bottom: 20px; font-size: 22px; color: #000;}
    .dtl-jj::before{content: " "; display: block; position: absolute; background-color: #ccc; top: 50%; right: 0; width: 80%; height: 1px;}

    /* 相关问题 */
    .dtl-tab{padding-bottom: 30px;}
    .dtl-tab h3{font-size: 23px; margin: 15px 0; padding-bottom: 10px; font-weight: bold; color: #000; border-bottom: 1px #ccc solid;}
    .dtl-tab h3::before{color: #f10d0d; font-family: "iconfont";}
    .dtl-tab ul{margin: 0 5px;}
    .dtl-tab li{padding-left: 25px;position: relative;}
    .dtl-tab li::before{color: #000; font-family: "iconfont"; font-size: 18px; position: absolute; top: 0; left: 5px; }
    .ico-1::before{content: "\e6a3";}/* 书本 */
    .ico-2::before{content: "\e717"; margin-right: 10px;}/* 版本 */
    .ico-3::before{content: "\e6c2";}/* 圆点 */ 
    .ico-4::before{content: "\e6a6";margin-right: 10px;}/* 层级/层次/版本 */ 

/* ======== wrapper 主体部分 End================*/

/* ======== content 内容部分 Start ================*/
.content{}
.content img{max-width: 100%; height:auto !important; margin:10px auto 20px;}
.content h1,.content h2,.content h3,.content h4,.content h5,
.content h6{font-size:1.3em; font-weight:bold; margin-bottom:1.5em; margin-top:1em;}
.content p{padding-left: 20px;}
.content a{color: #1f67ec;margin-left: 15px; text-decoration: underline;}
.content a:hover{color: #f10d0d;}

/* ======== wrapper 主体部分 End================*/
 


/* ======== footer 页脚部分 Start================*/
footer{padding: 30px 15px; color: #99a2aa; font-size: 13px;  }
footer a{color: #99a2aa;}
/* 友情链接 */
.links{margin-bottom: 20px;}
.links a{ margin-right: 15px; display: inline-block; line-height: 30px;}
.links span{margin-right: 20px; padding: 5px 10px; background-color: #eee; color: #99a2aa;}

/* 新媒体 */
.new-media{display: flex; flex-wrap: wrap;}
.new-media .ma{width: 100px;}
.new-media .m-user{margin-left: 15px; flex: 1; padding: 6px 0; font-size: 1em;}
.new-media .m-user a{display: block; line-height: 1.6; }


#back-to-top{position: fixed; bottom: 50px; right: 15px;}
#back-to-top i.iconfont{ font-size: 3em;}
/* ======== footer 页脚部分 End================*/


/* ======== Responsive 响应式部分 Start================*/
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
}
@media(max-width: 767.98px){
    header{padding:0 15px;} 
    .header{display: none;}
    .img-fluid{height:46px;width:auto;}
    .w-250{width: auto;}
    .container{padding: 0; overflow-x:hidden;}
    .headline-list .hd-info,
    .headline .hd-left{padding-right: 0px;width:100%;}
    .headline .hd-right{width:100%;}
    
    .article-list ul li .info{margin:0;}
    .article-list ul li .info .info-cont{margin-top:15px;}
    
    
    
}
/* ======== Responsive 主体部分 End================*/