/*www.adminbuy.cn*/
body{background-color:#edf3f9;color:#757575;font-weight:400;font-size:.875rem;line-height:1.5;}
body,html{width:100%;height:100%;}
*,:after,:before{box-sizing:border-box;margin:0;padding:0;}
img{max-width:100%;vertical-align:middle;}
li,ul{list-style-type:none;}
a{color:#757575;text-decoration:none;cursor:pointer;}
button,input{outline:0;}
/**
 * 头部
 */
.header{position:fixed;top:0;left:0;width:100%;background:#fff;z-index: 20;}
.header .header-content{overflow:hidden;margin:auto;padding:0 10px;width:1200px;height:50px;max-width:100%;line-height:50px;}
.header .header-content .logo{float:left;margin-right:15px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.header .header-content .logo>a{position:relative;display:block;overflow:hidden;}
.header .header-content .logo>a:before{position:absolute;width:150px;height:10px;background-color:hsla(0,0%,100%,.5);content:"";-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:blink 2s ease-in 2s infinite;animation:blink 2s ease-in 2s infinite;}
@-webkit-keyframes blink{0%{top:0;left:10px;}to{top:0;left:320px;}}@-o-keyframes blink{0%{top:0;left:10px;}to{top:0;left:320px;}}@-moz-keyframes blink{0%{top:0;left:10px;}to{top:0;left:320px;}}@keyframes blink{0%{top:0;left:-100px;}to{top:0;left:320px;}}
.header .header-content .logo>a>img{height:40px;}
.header .header-content .navigation{float:left;display:flex;align-items:center;justify-content:center;}
.header-content .navigation li>a{display:block;padding:0 15px;font-size:16px;}
.header-content .navigation li>a:hover,.header-content .navigation li.active>a{color:#03a9f4;}
.header .header-content .right{float:right;}
.header .header-content .right>a{margin-left:15px;color:#333;font-size:16px;}
.header .header-content .right .menubtn{margin-left: 0;display: none;}
/**
 * 内容
 */
.container{padding-top:65px;}
.container .content{overflow:hidden;margin:auto;padding:0 10px;width:1200px;max-width:100%;margin-bottom: 15px;min-height: calc(100vh - 398px);}
.index-main{overflow:hidden;margin-bottom: 15px;margin-top: 15px;}
.index-main .index-news{position:relative;/*float:left;*/overflow:hidden;/*width:calc(68% - 8.32px);*/background:#fff;border-radius: 6px;}

.index-main .index-news:after{border-radius:49%;}
@keyframes bgRotate{0%{transform:rotate(0);}to{transform:rotate(1turn);}}@-webkit-keyframes switchColor{0%{background-position:0;}50%{background-position:50%;}to{background-position:100%;}}@keyframes switchColor{0%{background-position:0;}50%{background-position:50%;}to{background-position:100%;}}
.index-main .index-news .index-news-title{padding:10px 15px;border-bottom:1px solid #eee;font-size:16px;}
.index-main .index-news .index-news-list{overflow:hidden;padding-top:10px;padding-left:15px;/*height: 450px;*/position: relative;z-index: 5;}
.index-news-list ul li{float:left;padding:0 15px 5px 0;width:50%;font-size:16px;}
.index-news-list ul li span{position:relative;float:left;margin-right:12px;height:30px;font-size:12px;line-height:30px;}
.index-news-list ul li span:after{position:absolute;top:10px;right:-5px;display:inline-block;width:auto;height:12px;border-left:1px solid #ddd;content:"";}
.index-news-list ul .add span{width:26px;}
.index-news-list ul li a{float:left;overflow:hidden;height:30px;max-width:calc(100% - 40px);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:30px;}
.index-news-list ul .add a{color:#f44336;}
.index-news-list ul li a:hover{opacity: .8;}
.index-news .pagination{position:relative;overflow:hidden;margin-bottom:10px;padding:0 15px;}
.index-news .pagination>a{display:none;}
.index-news .pagination>.jp-previous{position:relative;float:left;display:block;width:50%;height:30px;border:1px solid #eee;border-right:0;border-radius:3px 0 0 3px;color:#666;text-align:center;font-size:14px;line-height:30px;cursor:pointer;user-select:none;}
.index-news .pagination>.jp-hidden{position:absolute;top:50%;left:50%;z-index:1;float:left;display:block!important;width:84px;height:21px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;transform:translate(-50%,-50%) rotate(-42deg);}
.index-news .pagination>.jp-next{position:relative;float:right;display:block;width:50%;height:30px;border:1px solid #eee;border-left:0;border-radius:0 3px 3px 0;color:#666;text-align:center;font-size:14px;line-height:30px;cursor:pointer;user-select:none;}
.index-main .index-info{float:right;width:calc(32% - 4.68px);height:535px;}
.index-main .index-info .index-info-layer{overflow:hidden;margin-bottom:15px;}
.index-info-layer .carousel{position:relative;overflow:hidden;width:100%;height:227px;}
.index-info-layer .carousel img{position:absolute;top:0;left:0;width:100%;height:100%;}
/*CMS*/
.index-cms{overflow:hidden;margin-bottom:15px;border-radius:6px;background:#fff;}
.index-cms:last-child{margin-bottom:0px;}
.index-cms .index-cms-title{overflow:hidden;padding:10px 15px;border-bottom:1px solid #eee;font-size:16px;}
.index-cms .index-cms-title>h3{float:left;font-weight:400;font-size:16px;}
.index-cms .index-cms-title>.go{float:right;}
.index-cms .index-cms-title>.go>i{vertical-align:-4px;font-size:18px;}
.index-cms .index-cms-nav{overflow:hidden;border-bottom:1px solid #eee;}
.index-cms .index-cms-nav .cmsgoto{font-size:16px;padding:15px;float:left;}
.index-cms .index-cms-nav .active,.index-cms .index-cms-nav .cmsgoto:hover{border-bottom:1px solid #2196f3;}
.index-cms .index-cms-nav .active,.index-cms .index-cms-nav .cmsgoto:hover a{color:#2196f3;}
.index-cms .index-cms-box{overflow:hidden;padding-top:15px;padding-left:15px;display: none;}
.index-cms .index-cms-box.active{display: block;}
.index-cms .index-cms-box>li{float:left;padding:0 15px 15px 0;width:33.33333333333333%;transition:box-shadow .3s;}
.index-cms .index-cms-box .card{display:block;overflow:hidden;border:1px solid #dee0e3;border-radius:6px;}
.index-cms .index-cms-box .card:hover{box-shadow:0 5px 10px rgba(31,35,41,.15);}
.index-cms-box .card .card-header{overflow:hidden;padding:10px 15px 0;}
.index-cms-box .card .card-header>img{float:left;margin-right:10px;width:55px;height:55px;border-radius:6px;}
.index-cms-box .card .card-header .card-title{float:left;overflow:hidden;max-width:calc(100% - 70px);}
.index-cms-box .card .card-header .card-title>h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:16px;}
.index-cms-box .card .card-header .card-title>span{position:relative;display:inline-block;margin-top:12px;padding:0 6px;border-radius:2px;background:rgba(0,176,240,.14);color:#00b0f0;text-align:center;font-size:12px;line-height:18px;}
.index-cms-box .card .card-body{display:flex;overflow:hidden;padding:10px 15px;align-items:center;}
.index-cms-box .card .card-body .card-time{float:left;font-size:12px;}
.index-cms-box .card .card-body .card-time>i{margin-right:3px;vertical-align:-1px;}
.index-cms-box .card .card-body .card-go{position:relative;float:right;display:inline-block;margin-left:auto;padding:0 10px;height:22px;min-width:60px;border:1px solid #0dce9e;border-radius:12px;color:#0dce9e;text-align:center;font-size:14px;line-height:20px;}
.index-cms-box .card .card-body .card-go:hover{border:1px solid #3dc3f3;color:#3dc3f3;}
.index-cms .article-cms-box{display:none;}
.index-cms .article-cms-box .article-cms-image{overflow:hidden;padding-left:15px;}
.index-cms .article-cms-box.active{display:block;}
.article-cms-image>li{float:left;padding:15px 15px 15px 0;width:25%;}
.article-cms-image .card{position:relative;display:block;overflow:hidden;border-radius:6px;}
.article-cms-image .card .card-header{overflow:hidden;height:165px;}
.article-cms-image .card .card-header:hover>img{transform:scale(1.2);}
.article-cms-image .card .card-header>img{width:100%;height:100%;transition:all .5s;object-fit: cover;}
.article-cms-image .card .card-body{position:absolute;bottom:0;left:0;overflow:hidden;padding:10px;width:100%;background-color:rgba(0,0,0,.6);color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:12px;}
.index-cms .article-cms-box .article-cms-text{overflow:hidden;}
.article-cms-text>li{float:left;overflow:hidden;padding:10px 15px;width:50%;border-top:1px dashed #ddd;}
.article-cms-text>li>a{position:relative;float:left;overflow:hidden;padding-left:12px;max-width:calc(100% - 80px);text-overflow:ellipsis;white-space:nowrap;}
.article-cms-text>li:hover a{opacity:.8;}
.article-cms-text>li>a>em{position:absolute;top:7px;right:0;left:0;display:inline-block;width:6px;height:6px;border-radius:100%;background:#e2e2e2;color:#fff;}
.article-cms-text>li .time{float:right;font-size:12px;}
/*文章页列表*/
.article-box{overflow:hidden;}
.article-box .article-item{float:left;overflow:hidden;width:calc(76% - 8.32px);border-radius:6px;background:#fff;}
.article-item .article-item-nav{overflow:hidden;overflow-x:auto;border-bottom:1px solid #eee;font-size:16px;}
.article-item .article-item-nav>a{display:table-cell;padding:10px 15px;white-space:nowrap;}
.article-item .article-item-nav .active,.article-item .article-item-nav>a:hover{border-bottom:1px solid #2196f3;color:#2196f3;}
.article-item .article-item-content{overflow:hidden;}
.article-item .article-item-content .post-article{position:relative;overflow:hidden;padding:15px;width:100%;border-bottom:1px solid rgba(0,0,0,.05);}
.article-item .article-item-nav>h3{overflow: hidden;padding: 10px 15px;color: #f44336;font-size: 16px;}
.post-article .post-image{position:relative;float:left;display:block;margin-right:10px;width:50px;height:50px;}
.post-article .post-image .lazy{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;}
.post-article .post-info{float:left;overflow:hidden;max-width:calc(100% - 130px);}
.post-article .post-info>h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:16px;}
.post-article .post-info .post-info-meta{overflow:hidden;margin-top:8px;font-size:12px;opacity:.8;}
.post-article .post-info .post-info-meta>span{margin-right:15px;}
.post-article .post-info .post-info-meta>span>i{margin-right:3px;}
.post-article .post-info .post-info-meta .tiem{margin-right:0;}
.article-item .article-item-content .post-go{float:right;margin-top:12.5px;padding:0 15px;height:25px;border-radius:6px;background:#03a9f4;color:#fff;font-size:12px;line-height:25px;}
.article-item .pagination-num{margin-bottom:15px;}
.article-item .article-item-content .post-article:hover{opacity:.8;}
.article-item-content .post-article:hover .post-info>h3>a{color:#2196f3;}
.article-item .article-item-content .search-tishi{padding: 10px;text-align: center;}
/*侧边栏*/
.sidebar-widget{float:right;overflow:hidden;width:calc(24% - 4.68px);}
.sidebar-widget .widget-user{position:relative;overflow:hidden;margin-bottom:15px;padding:45px 15px 0;border-radius:6px;background:#fff;}
.sidebar-widget .widget-user:before{position:absolute;top:90px;left:0;z-index:2;width:100%;height:30px;background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);content:"";}
.sidebar-widget .widget-user:after{position:absolute;top:0;left:0;z-index:3;display:none;width:100%;height:239px;background:url(../images/wbj.gif) no-repeat;background-size:cover;content:"";pointer-events:none;}
.sidebar-widget .widget-user:hover:after{display:block;}
.widget-user>img{position:absolute;top:0;left:0;z-index:1;width:100%;height:120px;-o-object-fit:cover;object-fit:cover;}
.widget-user .user-info{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;}
.widget-user .user-info>img{overflow:hidden;margin-bottom:20px;padding:5px;width:75px;height:75px;border-radius:50%;background:#fff;transition:-webkit-transform .75s;transition:transform .75s;transition:transform .75s,-webkit-transform .75s;-o-object-fit:cover;object-fit:cover;}
.widget-user .user-info>img:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn);}
.widget-user .user-info>a{color: #2196f3;font-size: 16px;font-weight: 500;}
.widget-user .user-info>p{margin:10px auto;text-align:left;word-break:break-all;}
.widget-user .count{display:flex;width:100%;align-items:center;}
.widget-user .count .count-item{display:flex;color:#606266;font-size:12px;flex:1;flex-direction:column;align-items:center;}
.widget-user .count .count-item>.num{overflow:hidden;margin-bottom:5px;max-width:70px;color:#303133;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:18px;}
.sidebar-widget .widget-row{overflow:hidden;margin-bottom:15px;border-radius:6px;background:#fff;box-shadow:0 0 20px -5px rgb(158 158 158/22%);}
.sidebar-widget .widget-row .widget-title{padding:10px 15px;border-bottom:1px solid #ebeef5;}
.widget-row .widget-list,.widget-row .widget-div{overflow:hidden;}
.widget-list .discuss-user{overflow:hidden;margin-bottom:10px;}
.widget-list .discuss-user>img{float:left;margin-right:10px;padding:3px;width:40px;height:40px;min-width:40px;min-height:40px;border:1px solid #dcdfe6;border-radius:50%;}
.widget-list .discuss-user .info{float:left;max-width:calc(100% - 50px);}
.widget-list .discuss-user .info>.author{overflow:hidden;height:22px;text-overflow:ellipsis;white-space:nowrap;}
.widget-list .discuss-user .info>.date{font-size:12px;}
.widget-list>li .reply{position:relative;padding:5px 10px;border-radius:6px;background:#f2f6fc;}
.widget-list>li .reply:before{position:absolute;bottom:100%;left:15px;width:0;height:0;border-right:6px solid transparent;border-bottom:6px solid #ebeef5;border-left:6px solid transparent;content:"";}
#divComments .widget-list{padding-top:15px;}
#divComments .widget-list>li{display:block;padding:0 15px 15px;}
#divCalendar .widget-div{padding:10px;}
.widget-div #tbCalendar{width:100%;border-collapse:collapse;text-align:center;border-spacing:0;}
.widget-div #tbCalendar>caption{margin-bottom:10px;text-align:center;font-size:16px;}
.widget-div thead tr th{background-color:#fbfbfb;text-align:center;}
.widget-div tbody tr td,.widget-div thead tr th{padding:5px 3px;border:1px solid #eee;}
.widget-div tbody tr td>a{color: #f44336;}
#divNavBar .widget-list,#divCatalog .widget-list{padding:10px 0 0 10px;}
#divNavBar .widget-list>li,#divCatalog .widget-list>li{float:left;padding:0 10px 10px 0;width:50%;text-align:center;}
#divNavBar .widget-list>li>a,#divCatalog .widget-list>li>a{display:inline-block;width:100%;height:30px;border:1px solid #ddd;border-radius:6px;line-height:30px;}
#divTags .widget-list{padding-top:10px;padding-right:10px;}
#divTags .widget-list>li{float:left;padding-bottom:10px;padding-left:10px;}
#divTags .widget-list>li>a{display:inline-block;padding:1px 5px;border-radius:3px;background-color:#428bca;color:#fff;font-size:12px;opacity:.8;}
#divTags .widget-list>li:nth-child(9n) a{background-color: #4A4A4A;}
#divTags .widget-list>li:nth-child(9n+1) a{background-color: #428BCA;}
#divTags .widget-list>li:nth-child(9n+2) a{background-color: #5CB85C;}
#divTags .widget-list>li:nth-child(9n+3) a{background-color: #D9534F;}
#divTags .widget-list>li:nth-child(9n+4) a{background-color: #567E95;}
#divTags .widget-list>li:nth-child(9n+5) a{background-color: #B433FF;}
#divTags .widget-list>li:nth-child(9n+6) a{background-color: #00ABA9;}
#divTags .widget-list>li:nth-child(9n+7) a{background-color: #B37333;}
#divTags .widget-list>li:nth-child(9n+8) a{background-color: #FF6600;}
#divTags .widget-list>li>a:hover{opacity: 1;filter:alpha(opacity=100);}
#divContorPanel .widget-div{text-align: center;padding: 10px;}
#divArchives .widget-list{padding:10px 0;}
#divArchives .widget-list>li{position:relative;display:-ms-flexbox;display:flex;padding:0 10px;-ms-flex:1 1 auto;flex:1 1 auto;}
#divArchives .widget-list>li>.Archives-dot{position:relative;margin-right:10px;padding:0 .5rem;border-color:#e0e3ef;}
#divArchives .widget-list>li>.Archives-dot:after,#divArchives .widget-list>li>.Archives-dot:before{position:absolute;top:3px;left:50%;width:10px;height:10px;border:2px solid #e0e3ef;border-radius:50%;content:"";-webkit-transform:translateX(-50%);transform:translateX(-50%);}
#divArchives .widget-list>li>.Archives-dot:before{top:6px;z-index:2;border-color:#2196f3;background-color:#fff;opacity:.8;}
#divArchives .widget-list>li>.Archives-dot:after{top:20px;bottom:0;width:0;height:auto;border-radius:0;border-right-width:0;border-top-width:0;border-bottom-width:0;}
#divArchives .widget-list>li>a{margin-bottom:15px;}
.widget-row .widget-div img{width:100%;}
#divAuthors .widget-list,#divFavorites .widget-list,#divLinkage .widget-list,#divMisc .widget-list,#divStatistics .widget-list{padding-top:10px;padding-left:10px;}
#divAuthors .widget-list>li,#divFavorites .widget-list>li,#divLinkage .widget-list>li,#divMisc .widget-list>li,#divStatistics .widget-list>li{float:left;overflow:hidden;padding-right:10px;padding-bottom:10px;width:50%;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
#divSearchPanel .widget-div{padding:10px;}
#divSearchPanel .widget-div>form{display:flex;}
#divSearchPanel .widget-div>form>input[type=text]{padding:0 15px;width:100%;height:30px;border:1px solid #ebeef5;line-height:30px;}
#divSearchPanel .widget-div>form>input[type=submit]{margin-left:-1px;width:100px;border:1px solid #ebeef5;background:#fff;}
#divPrevious .widget-list{padding-top:10px;padding-left:10px;}
#divPrevious .widget-list>li{float:left;padding-right:10px;padding-bottom:10px;}
/*内容*/
.single-page{position:relative;overflow:hidden;}
.single-page .single-container{float:left;overflow:hidden;width:calc(76% - 8.32px);}
.single-container .single-detail{overflow:hidden;border-radius:6px;background:#fff;}
.single-container .single-detail .single-detail-header{overflow:hidden;padding:15px;border-bottom:1px solid #ebeef5;text-align:center;}
.single-detail-header>h2{color:#333;font-size:18px;}
.single-detail-header .meta{margin-top:10px;color:#909399;}
.single-detail-header .meta>a{color:#909399;}
.single-detail-header .meta .line{margin:auto 5px;}
.single-container .single-detail .single-detail-content{overflow:hidden;padding:15px;}
.single-detail-content p{margin-bottom:5px;line-height:25px;}
.single-detail-content h1,.single-detail-content h2,.single-detail-content h3,.single-detail-content h4{position:relative;margin:10px auto;padding:0 15px;color:#303133;font-size:18px;line-height:24px;}
.single-detail-content h1:before,.single-detail-content h2:before,.single-detail-content h3:before,.single-detail-content h4:before{position:absolute;top:10%;bottom:10%;left:0;width:4px;border-radius:2px;background:#409eff;content:"";}
.single-container .single-detail .single-gadget{display:flex;padding:0 15px 15px;color:#606266;align-items:center;}
.single-gadget .single-gadget-tag{display:flex;overflow-x:auto;flex-shrink:0;flex:1;align-items:center;}
.single-gadget .single-gadget-tag a{position:relative;overflow:hidden;margin-right:10px;padding-right:8px;padding-left:29px;height:26px;max-width:125px;border:1px solid #f2f6fc;border-radius:13px;background-color:#f2f6fc;color:#909399;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:26px;transition:border .25s,color .25s;flex-shrink:0;}
.single-gadget .single-gadget-tag a:before{position:absolute;top:0;left:0;width:24px;height:24px;border-radius:50%;background:#fff;content:"";}
.single-gadget .single-gadget-tag a:after{position:absolute;top:50%;left:12px;width:12px;height:12px;background:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiPjxwYXRoIGQ9Ik02ODIuNjY3IDM1Ni44NDhIMzI1LjgxOGEzOC43ODggMzguNzg4IDAgMDEtMzguNzg4LTM4Ljc4NyAzOC43ODggMzguNzg4IDAgMDEzOC43ODgtMzguNzg4aDM1Ni44NDlhMzguNzg4IDM4Ljc4OCAwIDAxMzguNzg4IDM4Ljc4OCAzOC43ODggMzguNzg4IDAgMDEtMzguNzg4IDM4Ljc4N3oiIGZpbGw9IiM1NGI1ZGIiLz48cGF0aCBkPSJNOTA3LjYzNiAxMDI0aC0xNS41MTVMNTEyIDgwNi43ODhsLTM4MC4xMjEgMjA5LjQ1NEg5My4wOWE2Mi4wNiA2Mi4wNiAwIDAxLTE1LjUxNS0zMS4wM1YxMTYuMzY0QTExNi4zNjQgMTE2LjM2NCAwIDAxMTkzLjkzOSAwaDYzNi4xMjJhMTE2LjM2NCAxMTYuMzY0IDAgMDExMTYuMzYzIDExNi4zNjR2ODY4Ljg0OGE2Mi4wNiA2Mi4wNiAwIDAxLTE1LjUxNSAzMS4wM3pNNTEyIDcyMS40NTVoMjMuMjczbDMzMy41NzUgMTg2LjE4MVYxMTYuMzY0YTM4Ljc4OCAzOC43ODggMCAwMC0zOC43ODctMzguNzg4SDE5My45MzlhMzguNzg4IDM4Ljc4OCAwIDAwLTM4Ljc4NyAzOC43ODh2Nzk5LjAzbDM0MS4zMzMtMTg2LjE4MnoiIGZpbGw9IiM1NGI1ZGIiLz48L3N2Zz4=) no-repeat;background-size:100% 100%;content:"";-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.single-gadget .single-gadget-share{position:relative;margin-left:15px;}
.single-gadget .single-gadget-share #btnshare{width:26px;height:26px;cursor:pointer;transition:transform .35s,-webkit-transform .35s;}
.single-gadget .single-gadget-share .reach{position:absolute;top:34px;left:-1px;z-index:10;display:flex;visibility:hidden;opacity:0;transition:visibility .25s,transform .25s,opacity .25s,-webkit-transform .25s;transform:translateY(25px);flex-direction:column;}
.single-gadget .single-gadget-share .reach>a{margin-bottom:5px;}
.single-gadget .single-gadget-share .reach>a>img{cursor:pointer;transition:transform .35s,-webkit-transform .35s;}
.single-gadget .single-gadget-share #btnshare:hover,.single-gadget .single-gadget-share .reach>a>img:hover{-webkit-transform:rotate(1turn) scale(1.25);transform:rotate(1turn) scale(1.25);}
.single-gadget .single-gadget-share.opacity .reach{visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.single-container .single-detail .Exemption{overflow:hidden;margin:0 15px 15px;padding:15px;border-radius:4px;background:#f2f6fc;}
.single-detail .Exemption>h2{margin-bottom:10px;color:#2196f3;text-align:center;letter-spacing:10px;font-size:18px;}
.single-container .single-detail .single-download{overflow:hidden;margin-bottom:15px;padding:0 15px;}
.single-download .single-download-item{display:flex;overflow:hidden;margin-bottom:10px;padding:10px;border:1px solid #ebeef5;border-radius:4px;align-items:center;}
.single-download .single-download-item:last-child{margin-bottom:0;}
.single-download .single-download-item .download-logo{margin-right:10px;width:32px;height:32px;background-size:100% 100%;flex-shrink:0;}
.single-download .single-download-item .down-detail{overflow:hidden;line-height:normal;flex:1;}
.single-download .single-download-item .down-detail .title{overflow:hidden;margin-bottom:3px;color:#409eff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.single-download .single-download-item .down-detail .type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.single-download .single-download-item>a{margin-left:auto;width:30px;height:30px;border-radius:50%;background:#409eff;color:#fff;text-align:center;line-height:30px;flex-shrink:0;}
.single-download .single-download-item .baidu{background-image:url(../images/baidupanico.ico);}
.single-download .single-download-item .lanzou{background-image:url(../images/downico.ico);}
.single-download .single-download-item .qita{background-image:url(../images/qitaico.svg);}
.single-download .single-download-title{position:relative;margin-bottom:10px;padding:0 15px;color:#303133;font-weight:700;font-size:18px;line-height:24px;}
.single-download .single-download-title:before{position:absolute;top:10%;bottom:10%;left:0;width:4px;border-radius:2px;background:#409eff;content:"";}
.single-container .Parttwo{overflow:hidden;margin:15px auto;}
.single-container .Parttwo>a{padding:0 15px;border-radius:5px;background:#50a1ff;color:#fff;font-size:12px;line-height:32px;}
.single-container .Parttwo .left{float:left;}
.single-container .Parttwo .right{float:right;}
.single-container .Related{position:relative;overflow:hidden;margin-bottom:15px;border-radius:6px;background:#fff;}
.single-container .Related .Related-title{padding:10px 15px;border-bottom:1px solid #ebeef5;font-size:16px;}
.single-container .Related .Related-box{overflow:hidden;padding-top:10px;padding-left:10px;}
.Related-box>li{float:left;padding:0 10px 10px 0;width:50%;transition:box-shadow .3s;}
.Related-box .card{display:block;overflow:hidden;border:1px solid #dee0e3;border-radius:6px;}
.Related-box .card:hover{box-shadow:0 5px 10px rgba(31,35,41,.15);}
.Related-box .card .card-header{overflow:hidden;padding:10px 15px;}
.Related-box .card .card-header .lazy{float:left;margin-right:10px;width:55px;height:55px;border-radius:6px;}
.Related-box .card .card-header .card-title{float:left;overflow:hidden;max-width:calc(100% - 70px);}
.Related-box .card .card-header .card-title>h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:16px;}
.Related-box .card .card-header .card-title>span{position:relative;display:inline-block;margin-top:12px;padding:0 6px;border-radius:2px;color:#888;text-align:center;font-size:12px;line-height:18px;}
/*评论*/
.page-comment{overflow:hidden;border-radius:4px;background:#fff;box-shadow:0 0 20px -5px rgb(158 158 158/22%);}
.page-comment>.title{position:relative;padding:10px 15px;border-bottom:1px solid rgba(0,0,0,.05);color:#303133;letter-spacing:2px;font-weight:400;font-size:16px;line-height:24px;}
.page-comment>.title:before{position:absolute;top:10%;bottom:10%;left:0;margin-top:7.5px;width:4px;height:20px;border-radius:2px;background:#409eff;content:"";}
.page-comment .page-comment-box{overflow:hidden;padding:15px;}
.page-comment .page-comment-box form{overflow:hidden;border-radius:6px 0 6px 6px;background:#f2f6fc;}
.page-comment-box .page-comment-head{overflow:hidden;border-bottom:1px solid #dcdfe6;}
.page-comment-box .page-comment-head input{float:left;padding:0 15px;width:25%;height:40px;border:0;border-right:1px solid #dcdfe6;background:0 0;color:#606266;}
.page-comment-box .page-comment-head input:last-child{border-right:0;}
.page-comment-box .page-comment-body{padding:10px;}
.page-comment-box .page-comment-body textarea{width:100%;height:180px;outline:0;border:0;background:0 0;color:#606266;vertical-align:middle;resize:none;}
.page-comment-box .page-comment-foot{overflow:hidden;padding:0 10px 10px;}
.page-comment-box .page-comment-foot .meta{float:left;display: flex;}
.page-comment-box .page-comment-foot .meta a{display:inline-block;margin-right:5px;width:30px;height:30px;border-radius:100%;background:#2196f3;color:#fff;text-align:center;font-size:14px;line-height:30px;opacity:.8;}
.page-comment-box .page-comment-foot .submit{float:right;height: 30px;}
.page-comment-box .page-comment-foot .submit .cancel{margin-right:5px;background:#f44336;}
.page-comment-box .page-comment-foot .submit .cancel,.page-comment-box .page-comment-foot .submit button{display:inline-block;padding:0 10px;height:30px;border:0;border-radius:5px;color:#fff;font-size:12px;line-height:30px;cursor:pointer;}
.page-comment-box .page-comment-foot .submit button{background:#50a1ff;}
.page-comment .page-comment-list{overflow:hidden;}
.comment-list-item .item{display:flex;padding: 10px 15px;padding-bottom: 0!important;}
.comment-list-item .item>.avatar{margin-right:10px;padding:3px;width:48px;height:48px;border:1px solid #f2f6fc;border-radius:50%;object-fit:cover;}
.comment-list-item .item .comment-content{padding-bottom:10px;flex:1;padding-top: 10px;}
.comment-list-item .item .comment-content .user{display:flex;color:#303133;line-height:20px;align-items:center;}
.comment-content>.user>.author{overflow:hidden;margin-right:10px;text-overflow:ellipsis;white-space:nowrap;flex: 1;display: flex;}
.comment-content>.user>.agent{margin-left:auto;color:#909399;font-size:12px;}
.comment-list-item .item .comment-content .substance{margin-bottom:10px;padding:10px 15px;width:100%;border-radius:4px;color:#303133;line-height:24px;word-break:break-all;margin-top: 10px;background: #f2f6fc;}
.comment-list-item .item .comment-content .substance .hfsj{display:inline-block;margin-right:8px;padding:0 8px;height:22px;border:1px solid #f35532;border-radius:4px;color:#f35532;font-size:14px;line-height:20px;}
.comment-list-item .item .comment-content .handlebox{display:flex;color:#909399;font-size:14px;align-items:center;}
.comment-list-item .item .comment-content .handlebox>.date{margin-right:10px;}
.comment-list-item .item .comment-content .handlebox>.revertcomment{color:#555;font-size:14px;cursor:pointer;transition:color .35s;display: none;}
.page-comment-list .item:hover .handlebox .revertcomment{display: block;}
.page-comment-list .comment-list-item{border-bottom:1px solid #ebeef5;}
.comment-list-item .item-level .comment-list-item{border-bottom: 0;}
.page-comment-list>.comment-list-item>.item-level{margin-left: 62px;}
.comment-content>.user>.author>em,.comment-content>.user>.author>time{font-size: 12px;font-style: normal;margin-left: 5px;opacity: .7;}
.comment-content>.user>.author>a{color: #333;}
.page-comment .page-comment-list .commentmsg{padding: 15px;text-align: center;}
.page-comment .substance #divCommentPost{padding-left: 0; padding-right: 0;}
.page-comment .substance #divCommentPost #frmSumbit{border: 1px solid #dcdfe6;background: #fff;}
.page-comment-verify{overflow:hidden;}
.page-comment-verify>p{display:flex;padding:0 10px;padding-bottom:10px;}
.page-comment-verify input{padding:0 10px;width:168px;height:30px;border:1px solid #414243;border-radius:3px;}
.page-comment-verify label{display:none;}
.page-comment-verify img{border-radius:3px;}


/**/
.advertisement {
    display: flex;          /* 启用 Flex 布局 */
    gap: 10px;             /* 图片间距（可选） */
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 6px;
    background: #fff;
}
.advertisement a {
    flex: 1;               /* 各占 50% 宽度 */
    overflow: hidden;      /* 防止图片溢出 */
    border-radius: 4px;    /* 圆角（可选） */
}
.advertisement img {
    width: 100%;          /* 图片宽度填满容器 */
    height: 75px;         /* 高度自适应 */
    display: block;       /* 去除图片底部间隙 */
}
.advertisement>ul{overflow:hidden;}
.advertisement>ul>li{float:left;width:50%;padding-right: 2px;}
.advertisement>ul>li:nth-child(2n){padding-right: 0px;}
.advertisement .table{overflow:hidden;width:100%;border-collapse:collapse;table-layout:fixed;border-spacing:0;}
.advertisement .table tbody>tr>td{float:left;display:-webkit-box;overflow:hidden;padding:0 2px;width:20%;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
/*热榜*/
.ranking{border-radius:6px;background:#fff;margin-bottom: 15px}
.ranking,.ranking .ranking-nav{overflow:hidden;}
.ranking .ranking-nav>a{float:left;display:inline-block;padding:10px 15px;width:33.3333%;text-align:center;font-size:16px;}
.ranking .ranking-nav .active{color: #03a9f4;}
.ranking .ranking-box{overflow:hidden;border-top:1px solid #eee;display: none;}
.ranking .ranking-box.active{display: block;}
.ranking-box>li{overflow:hidden;padding:15px;}
.ranking-box>li:nth-child(odd){background:#f7f8fa;}
.ranking-box>li .num{float:left;width:60px;height:48px;color:#9ea7b6;text-align:center;font-size:20px;line-height:48px;}
.ranking-box>li .num.rk1{color:#ffaf00;}
.ranking-box>li .num.rk2{color:#b1926d;}
.ranking-box>li .num.rk3{color:#4caf50;}
.ranking-box>li .ranking-img{position:relative;float:left;display:block;}
.ranking-box>li .ranking-img>img{display:block;width:48px;height:48px;border-radius:50%;}
.ranking-box>li>h2{float:left;overflow:hidden;margin:auto 15px;width:calc(100% - 455px);height:48px;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:18px;line-height:48px;}
.ranking-box>li .hot{float:left;margin-left:50px;width:80px;height:48px;text-align:center;line-height:48px;}
.ranking-box>li .ranking-go{float:right;margin-top:8.5px;width:80px;height:30px;border-radius:30px;background:linear-gradient(90deg,#f08f26,#fa704c);color:#fff;text-align:center;line-height:30px;}
.ranking-box>li:hover h2{opacity: .8;color: #2196f3;}

/**
 * 底部
 */
 /**底部
.footer{overflow:hidden;margin-top:15px;}
.footer .footer-container{overflow:hidden;margin-top:-5px;background:#0a76db;}
.footer .footer-container .footer-content{margin:auto;padding:0 10px;width:1200px;max-width:100%;}
.footer .footer-container .margin-top {margin-top: 30px;}
.footer-content .footer-links{overflow:hidden;margin-bottom:15px;border-radius:5px;background:rgba(0,0,0,.1);color:#fff;}
.footer-content .footer-links>h3{padding:10px;border-bottom:1px dashed hsla(0,0%,100%,.2);font-size:16px;}
.footer-content .footer-links>h3>i{margin-right:5px;}
.footer-content .footer-links .links-box{overflow:hidden;padding-top: 10px;}
.footer-content .footer-links .links-box a{float:left;padding:10px;padding-top: 0;color:#fff;}
.footer-content .footer-info{overflow:hidden;color:#fff;text-align:center;}
.footer-content .footer-info-wap>a{color: #fff;}
.footer-info .footer-info-meta{overflow:hidden;margin:10px auto;}
.footer-info .footer-info-meta a{margin-right:8px;color:#fff;}
.footer-info .footer-info-wap{overflow:hidden;margin-bottom:10px;}
*/
/*底部css开始*/
/* 简化版页脚样式 */
#footer {
    background: linear-gradient(1deg, #303030 0%, #565656 90%);
    color: #f0f3f5;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#footer .layout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 主导航链接 - 默认隐藏 */
#footer .brand {
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto 25px;
    padding: 0;
    list-style: none;
    gap: 5px 25px;
}

#footer .brand a {
    color: #c2c9d6;
    text-decoration: none;
    padding: 8px 0;
    position: relative;
}

#footer .brand a:hover {
    color: #ffffff;
}

#footer .brand a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #1e88e5, #00acc1);
    transition: width 0.3s;
}

#footer .brand a:hover::after {
    width: 100%;
}

/* 友情链接 */
#footer .friend-links {
    padding: 10px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

#footer .friend-links-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    max-width: 900px;
    margin: 0 auto;
}

#footer .friend-link {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 4px;
    padding: 6px 10px;
}

#footer .friend-link a {
    color: #b8c2cc;
    text-decoration: none;
}

#footer .friend-link a:hover {
    color: #ffffff;
}

/* 版权信息 */
#footer .copyright,
#footer .icp,
#footer .cloudserve {
    text-align: center;
    margin: 12px auto;
    color: #a3abb8;
    line-height: 1.6;
}

#footer .copyright {
    font-size: 13px;
}

#footer .cloudserve a {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.05);
}

/* 响应式设计 */
@media (min-width: 769px) {
    #footer .brand {
        display: flex; /* 只在电脑端显示 */
    }
}

@media (max-width: 768px) {
    #footer .friend-links-container {
        gap: 10px;
    }
    
    #footer .friend-link {
        flex-basis: calc(50% - 80px);
        text-align: center;
    }
}
/*底部css结束*/
/**
 * 自定义
 */
#popup{position:fixed;top:0;left:0;z-index:88;display:none;width:100%;height:100%;background:#fff;transition:.35s ease-in-out;}
#popup.popup-open{display:flex;justify-content:center;align-items:center;flex-direction:column;}
#popup .popup-search{padding:0 15px;width:100%;max-width:640px;}
.popup-search>form{display:flex;width:100%;}
.popup-search>form>input{padding: 0 0 0 60px;width:100%;height:45px;border:1px solid #e2e2e2;border-radius:6px 0 0 6px;line-height:45px;}
.popup-search>form>button{padding:0 15px;width:90px;height:45px;border:1px solid #e2e2e2;border-radius:0 6px 6px 0;background:#000;color:#fff;line-height:45px;cursor:pointer;}
.popup-search>form>button>i{font-size:16px;}
#soselect{position: absolute;height: 45px;border: 1px solid #e2e2e2;border-radius: 6px 0 0 6px;}
#popup .popup-close{position:absolute;top:10%;right:5%;}
#popup .popup-close>i{font-size:30px;cursor:pointer;}
#toptool{position:fixed;right:3%;bottom:90px;z-index:99;display:none;width:40px;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:tinUpIn;animation-name:tinUpIn;}
#toptool>a{position:relative;display:block;width:100%;height:40px;border-radius:50%;background-color:#fff;box-shadow:0 0 10px 0 rgb(0 0 0/10%);text-align:center;font-size:20px;line-height:40px;}
#toptool>a>span{display:inline-block;overflow:hidden;margin-top:10px;width:20px;height:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAe9QTFRFAAAAiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTjY3UiYnTiYnTqqrd8vL09fX19fX19fX1iYnTq6ve9fX19fX19fX19fX1iYnTpaXc5ubw5+fx6+vy9fX19fX19fX1iYnTiYnTiYnTiYnTiYnTiYnT9fX19fX1iYnTiYnTiYnTiYnT6urx9fX19fX1iYnTiYnT9fX19fX19fX1iYnTiYnTiYnTiYnTiYnT9fX19fX1iYnT9fX19fX1iYnT9fX19fX11tb47u749fX19fX10tL53Nz/4eH98PD39fX19fX15ub78/P29fX19fX13d3+7Oz59fX19fX15eX89fX139/+3d3/9fX1i4vU6Oj61dXr5eX74eHv5OT89PT17e348fH34OD9v7/wx8f01dXvy8voiYnT/7zi7AAAAKV0Uk5TAIj8//2K+7m2BjpANwQFTfLrQlv2RF36TmlUb0VaePVmgvFK7AGULTt7ApfkKgOlJI6n3B7mstocoQq30xUjvs0PxskYENLUxsEZ///IcBTE///6qT3Q/////8xRAhsgzBYS49RPw9gJUP/EMizl/pcPMNkMLj3mTfObC/DVK///9VT/////fgH//54E//+yBv+5//+nMf+i//////////////8IQAic8wAAAk1JREFUeJzF1vs/FFEUAPBZu2RZalkWeRSxldeipM16JCmEbs9N2USl0GMLlUevm5JHRCJ64Q/t3NmP5o7Za+fe+ZTz08w553vnzpn5fGYkaQfDFGEWCEukjKNErNkcIeNdYjhaxtaYWIGwxe3YnP9txBu4sd177AmiNhHeAEeSmE22kMfpTBGxqUSCd6bx271gHekZTniLE3ltJtgsmFYK0fv47H6w2TZylOOAw1QeawJwwBY8TiA6UzfNzYN2u2vz9GA2nB7SaQ/nQ3NBoZKwEW3SZYuKiXXTKZcdUiW54a21FBrLjqiTrqOQzA+rreXQdqxia9pdAOnjRdtbzwloqvRqC1VlUCjeVnuqoaUmhJWkCqLLrWxbexIa6mpDF09VEu1h2fo6KFczrCR5T5MyQ3sboHiGuTRsjCx+NuTijWRbTc3nWlrZuo1xW/JAzjcjhC5cvMTS8kAvawbqJvbKVZ/Pdw18+/UbWtnh9/sLb5JH2aku3OpSviNNoFH37S007o7ScbdHVbpHf4XuE416+1Qd/XRHjKrU+YAq+WSMHj56THUEqIYnT9W76hkIyDGoYISGnqnw82BLoD9eOxA56mmM0IthCo8wDAuj0TFO/PIVpV+/4cNv8btxir//wIcxnvio6MkpToynZxT9aZYTYzynXPzzLC/G8+PUtXkxXlC2/mWRF2P89a9e4sd4eRN/E8B4ZdUAxitGMJ4wgoNTE8X4uxG88MMAxj9XDWAYml7867c21tZ1YlaExRsWNraHw1IJU0fp/Z36D/EHSyQRmr34aR0AAAAASUVORK5CYII=);background-position:0;background-size:100%;background-repeat:no-repeat;}
.pagination-num{overflow:hidden;margin-top:15px;}
.pagination-num .page-number{display:flex;justify-content:center;}
.pagination-num .page-number>li{margin:auto 5px;}
.pagination-num .page-number>li>a,.pagination-num .page-number>li>span{display:flex;width:30px;height:30px;border-radius:3px;font-weight:700;font-size:14px;align-items:center;justify-content:center;}
.pagination-num .page-number>li>span{background:linear-gradient(125deg,#eb4d53,#ed1c24);color:#fff;}

.pagebar { padding:20px; overflow:hidden; text-align:center}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination2 a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 6px 10px;
  margin: 0 2px;
  border-radius: 3px;font-family:宋体
}
.pagination2 span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination2 a:hover {
  color: #337ab7;
  border: 1px solid #337ab7;
}
.pagination2 a.page-num-current {
  color: #fff;
  background: #337ab7;
  border: 1px solid #337ab7;
}
.pagination2 .st{ }
.text-secondary{ text-align:center; padding:20px 0}

/*独立页面*/
.personality-container{overflow:hidden;}
.personality-container .personality-left{float:left;overflow:hidden;width:calc(15% - 4.68px);border-radius:6px;background:#fff;}
.personality-left .personality-nav{overflow:hidden;padding-top:15px;}
.personality-left .personality-nav>li{float:left;display:inline-block;padding:0 15px 15px;width:100%;}
.personality-left .personality-nav>li>a{color:#333;font-size:16px;}
.personality-container .personality-detail{position:relative;float:right;overflow:hidden;padding:15px;width:calc(85% - 8.32px);border-radius:6px;background:#fff;}
.personality-detail h1,.personality-detail h2,.personality-detail h3,.personality-detail h4{position:relative;margin-bottom:10px;padding:0 15px;color:#303133;font-weight:700;font-size:18px;line-height:25px;}
.personality-detail h1:before,.personality-detail h2:before,.personality-detail h3:before,.personality-detail h4:before{position:absolute;top:10%;bottom:10%;left:0;width:4px;border-radius:2px;background:#409eff;content:"";}

/**
 * 自适应
 */
@media screen and (max-width: 768px){
.header .header-content .right .menubtn{display: inline-block;}
.header .header-content .navigation{position:absolute;top:50px;right:-10px;left:0;display:none;overflow:hidden;padding-top:10px;padding-left:10px;width:100%;border-top:1px solid #eee;background:#fff;box-shadow:2px 2px 2px rgb(0 0 0/10%);}
.header-content .navigation li{float:left;padding:0 10px 10px 0;line-height:normal;}
.header-content .navigation li>a{display:inline-block;padding:0 15px;height:30px;border-radius:6px;background:#f5f6f7;font-size:14px;line-height:30px;}
.header .header-content .logo>a>img{height: 30px;}
.index-main .index-news{margin-bottom:15px;width:100%;}
.index-main .index-news:after,.index-main .index-news:before{top:-85vw;}
.index-main .index-news .index-news-list{height:auto;}
.index-news-list ul li{width:100%;}
.index-main .index-info{float:left;width:100%;height:auto;}
.index-main .index-info .index-info-layer{display:none;}
.index-cms .index-cms-box{padding-top:0;padding-left:0;}
.index-cms .index-cms-box>li{padding-right:0;padding-bottom:0;width:100%;}
.index-cms .index-cms-box .card{border:0;border-bottom:1px solid hsla(210,8%,51%,.09);border-radius:0;}
.index-cms .index-cms-nav{overflow-x:auto;}
.index-cms .index-cms-nav::-webkit-scrollbar{height:0;background-color:transparent;}
.index-cms .index-cms-nav .cmsgoto{float:none;display:table-cell;white-space:nowrap;font-size:14px;padding-bottom: 10px;padding-top: 10px;}
.index-cms .article-cms-box .article-cms-image{padding-top: 15px;}
.article-cms-image>li{width: 50%;padding-top: 0;}
.article-cms-image .card .card-header{height: 120px;}
.article-cms-text>li{width:100%;}
.sidebar-widget{display: none;}
.article-box .article-item,.single-page .single-container{width:100%;}
.Related-box>li{width: 100%;}
.page-comment-list>.comment-list-item>.item-level{margin-left: 0px;}
.page-comment-box .page-comment-head input{width:100%;height:35px;border-right:0;border-bottom:1px solid #dcdfe6;}
.page-comment-box .page-comment-head input:last-child{border-bottom: 0;}
.advertisement a img{height: 37.5px;}
.ranking-box>li{padding: 10px;}
.ranking-box>li .num{width: 30px;line-height: 35px; height: 35px;font-size: 16px;}
.ranking-box>li .ranking-img,.ranking-box>li .hot{display: none;}
.ranking-box>li>h2 {width: calc(100% - 120px);margin: auto 5px;font-size: 14px;line-height: 35px; height: 35px;}
.ranking-box>li .ranking-go{width: 65px;margin-top: 2.5px;}
.personality-container .personality-left{margin-bottom:10px;width:100%;}
.personality-container .personality-detail{width:100%;}
.personality-left .personality-nav{padding-top:10px;}
.personality-left .personality-nav>li{padding:0 10px 10px;width:25%;}
.personality-left .personality-nav>li>a{display:inline-block;padding:0 10px;width:100%;border-radius:6px;background:#f6f6f6;text-align:center;font-size:14px;line-height:30px;}
body.night .personality-left .personality-nav>li>a{background:#303030;color:#999;}
}
@media screen and (max-width: 414px){
.personality-left .personality-nav>li>a{font-size: 12px;}
}    
/**
 * 黑夜模式
 */
body.night{background-color:#121212;color:#999;}
body.night .advertisement,body.night .header,body.night .index-main .index-news{background:#232323;}
body.night .index-news .pagination>.jp-hidden{border-top:1px solid #414243;border-bottom:1px solid #414243;background:#232323;}
body.night .article-box .article-item,body.night .index-cms,body.night .page-comment,body.night .sidebar-widget .widget-row,body.night .sidebar-widget .widget-user,body.night .single-container .single-detail{background:#232323;}
body.night .page-comment>.title{border-bottom:1px solid #414243;color:#999;}
body.night .comment-content>.user>.author>a,body.night .comment-list-item .item .comment-content .user,body.night .header .header-content .right>a>i,body.night .single-detail-content h1,body.night .single-detail-content h2,body.night .single-detail-content h3,body.night .single-detail-content h4,body.night .single-detail-header>h2,body.night .single-download .single-download-title,body.night a{color:#999;}
body.night .page-comment .page-comment-box form,body.night .single-container .single-detail .Exemption,body.night .widget-list>li .reply{background:#303030;}
body.night .single-gadget .single-gadget-tag a{border:1px solid #303030;background-color:#303030;}
body.night .comment-list-item .item .comment-content .substance{background:#303030;color:#999;}
body.night .widget-list>li .reply:before{border-bottom:6px solid #303030;}
body.night .index-cms .index-cms-title{border-bottom:1px solid #414243;}
body.night .index-news .pagination>.jp-next,body.night .index-news .pagination>.jp-previous{border:1px solid #414243;}
body.night .article-item .article-item-nav,body.night .index-main .index-news .index-news-title,body.night .sidebar-widget .widget-row .widget-title,body.night .single-container .single-detail .single-detail-header{border-bottom:1px solid #414243;}
body.night .page-comment-box .page-comment-head input{border-right:1px solid #414243;color:#999;}
body.night .index-cms .index-cms-nav,body.night .page-comment-box .page-comment-head,body.night .page-comment-list .comment-list-item{border-bottom:1px solid #414243;}
body.night .index-cms .index-cms-box .card{border:1px solid #414243;}
body.night .article-cms-text>li{border-top:1px dashed #414243;}
body.night .single-download .single-download-item{border:1px solid #414243;background:#303030;}
body.night .article-item .article-item-content .post-go{background:#303030;color:#999;}
body.night .index-cms-box .card .card-body .card-go{border:1px solid #303030;color:#999;}
body.night #popup{background:#121212;}
body.night .popup-search>form>input{border:1px solid #414243;}
body.night .popup-search>form>button{border:1px solid #414243;background:#303030;color:#999;}
body.night .ranking{background: #232323;}
body.night .ranking-box>li:nth-child(odd){background: #303030;}
body.night .ranking .ranking-box{border-top: 1px solid #414243;}
body.night .personality-container .personality-detail,body.night .personality-container .personality-left{background:#232323;}
body.night .personality-detail h1,body.night .personality-detail h2,body.night .personality-detail h3,body.night .personality-detail h4{color:#999;}
body.night .personality-left .personality-nav>li>a{color:#999;}

.plkey{position: relative;}
.verifyimg{position: absolute;top: 0px;right: 0px;height: 38px;}
.ecomment {margin:0;padding:0;}
.ecomment {margin-bottom: 12px;background: #FFFFEE;padding: 3px 8px;border-radius: 4px;}
.ecommentauthor {float:left; color:#F96; font-weight:bold;}
.ecommenttext {clear:left;margin:0;padding:0;}  

#maximg img{ max-width:100%; height:auto !important}

/*轮播图CSS开始*/
 /* 轮播图原有样式保持不变 */
  .slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 6px;
  }
  
  .slides {
    display: flex;
    transition: transform 0.5s ease;
  }
  
  .slide {
    min-width: 100%;
  }
  
  .slide img {
    width: 100%;
    display: block;
  }
  
  .slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
  }
  
  .prev { left: 15px; }
  .next { right: 15px; }
  
  .dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
  }
  
  .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: none;
    background: rgba(255,0,0);
    cursor: pointer;
  }
  
  .dot.active {
    background: white;
  }

  /* 新增响应式布局样式 */
  .slider-tabs-container {
    display: flex;
    flex-wrap: wrap;
    gap: 16.64px;
  }
  
  .slider-wrapper {
    width: 100%;
  }
  
  .tabs-wrapper {
    width: 100%;
    display: none;
  }

  /* 电脑端布局 */
  @media (min-width: 768px) {
    .slider-wrapper {
      width: calc(68% - 8.32px);
    }
    
    .slider-wrapper-right {
      width: 100%;
      margin-bottom: 15px;
    }
    
    .tabs-wrapper {
      width: calc(32% - 8.32px);
      display: block;
    }
  }

  /* 三联内容通用样式 */
  .ranking-nav a {
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    border-bottom: 2px solid transparent;
  }
  
  .ranking-nav a.active {
    border-bottom-color: #1890ff;
    color: #1890ff;
  }
  
  .san-content-container {
    padding: 10px;
  }
  
  /* 三列布局特定样式 */
  
  .san-group-img {
    max-width: 100%;
    height: auto;
  }
  
  .san-group-text {
    flex: 1;
  }
  
  .ranking-box {
    display: none;
  }
  
  .ranking-box.active {
    display: block;
  }
/*轮播图CSS结束*/


/* 手机端隐藏 - 在小于768px的屏幕上隐藏 */
.no-m {
  display: none !important;
}

/* 电脑端隐藏 - 在大于等于768px的屏幕上隐藏 */
.no-pc {
  display: block !important; /* 默认显示 */
}

@media (min-width: 768px) {
  .no-pc {
    display: none !important;
  }
  .no-m {
    display: block !important; /* 在大屏幕上恢复显示 */
  }
}

/*首页三图开始*/
.san-content-container {    
  display: flex;    
  padding: 15px; 
  height: 110px;
}  

.san-group {    
  display: flex;    
  align-items: flex-start; /* 垂直对齐 */    
  /* justify-content: space-between; /* 不需要两端对齐，因为我们只想要图片和文本并排 */  
  flex: 1; /* 占据中间空间 */    
}    
    
.san-group img {    
  margin: 0px 6px 0px 6px; /* 右侧间距 */    
  height: auto; /* 取消固定高度，让图片保持原始比例 */    
  width: 100%; /* 宽度100%，但会受max-width限制 */    
  max-width: 80px; /* 最大宽度为80px，但在小屏幕上会缩小 */    
  flex: 0 0 auto; /* 不固定占比，自动缩放 */    
}

.san-group-text {
    margin: 0px 6px 0px 6px; /* 右侧间距 */ 
}
  
/* 如果需要为图片添加悬停效果（例如改变透明度） */  
.index-info-img a:hover img {  
    opacity: 0.8; /* 悬停时降低图片的不透明度 */  
    /* 其他您可能需要的悬停样式 */  
}
/*首页三图结束*/

/*首页三图下图片广告开始*/
  /* 固定尺寸容器样式 */
  .san-ad-img {
    width: 100%;
    height: 75px;
    border-radius: 6px;
    overflow: hidden; /* 确保圆角效果生效 */
    margin-bottom: 15px;
  }
  
  /* 图片样式 - 填充整个容器 */
  .san-ad-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持比例填充容器 */
    object-position: center; /* 图片居中显示 */
    display: block; /* 移除图片底部间隙 */
  }
/*首页三图下图片广告结束*/


/* 右侧轮播图纠正CSS开始 */
  .slider-fixed-height {
    height: 150px !important;
    overflow: hidden;
  }
  .slider-fixed-height .slides {
    height: 100%;
  }
  .slider-fixed-height .slide {
    height: 100%;
  }
  .slider-fixed-height .slide a {
    display: block;
    height: 100%;
  }
  .slider-fixed-height .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
/* 右侧轮播图纠正CSS结束 */

/*软件列表CSS开始*/
.software-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
    padding: 15px;
}

.software-item {
    background-color: white;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease;
}

.software-item:hover {
    transform: translateY(-3px);
}

.item-image {
    height: 120px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #f1f3f5;
}

.item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.badge-container {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.item-badge {
    background-color: #4361ee;
    color: white;
    padding: 0.2rem 0.6rem;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 500;
    white-space: nowrap;
}

.item-content {
    padding: 0.8rem;
}

.item-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
    color: #212529;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-description {
    color: #6c757d;
    font-size: 0.8rem;
    margin-bottom: 0.8rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 2.8em;
    line-height: 1.4;
}

.item-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.item-category {
    background-color: #e9ecef;
    color: #4361ee;
    padding: 0.2rem 0.6rem;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 500;
}

/* 平板设备 (768px-1024px) */
@media (max-width: 1024px) {
    .software-list {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
}

/* 手机设备 (小于768px) */
@media (max-width: 767px) {
    .software-list {
        grid-template-columns: repeat(2, 1fr); /* 一行显示两个 */
        gap: 0.8rem;
    }
    
    .software-item {
        padding: 10px;
    }
    
    .item-image {
        height: 100px;
    }
    
    .item-content {
        padding: 0.6rem;
    }
    
    .item-title {
        font-size: 0.9rem;
    }
    
    .item-description {
        font-size: 0.75rem;
        height: 2.6em;
    }
    
    .download-btn {
        padding: 0.3rem 0.6rem;
        font-size: 0.75rem;
    }
}

/* 小屏手机 (小于480px) */
@media (max-width: 480px) {
    .software-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
        padding: 10px;
    }
    
    .software-item {
        padding: 8px;
    }
    
    .item-image {
        height: 90px;
    }
}
/*软件列表CSS结束*/

/*软件详情页面CSS开始*/
       /* ===== 英雄区域 ===== */
        .hero {
            background: linear-gradient(135deg, rgba(0, 162, 232, 0.1), rgba(0, 133, 200, 0.05));
            position: relative;
            overflow: hidden;
            margin-bottom: 20px
        }

        .hero::before {
            content: '';
            position: absolute;
            top: -20%;
            right: -10%;
            width: 40%;
            height: 140%;
            background: radial-gradient(circle, rgba(0, 162, 232, 0.1) 0%, transparent 70%);
            z-index: 0;
            transform: rotate(15deg);
        }

        .hero-content {
            display: flex;
            align-items: center;
            position: relative;
            z-index: 1;
            gap: 15px;
        }

        .app-header {
            display: flex;
            align-items: center;
            gap: 30px;
            margin: 20px;
            width: 100%;
            max-width: 800px;
        }

        .app-logo {
            width: 120px;
            height: 120px;
            border-radius: 12px;
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
            background: #FFFFFF;
            padding: 2px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .app-logo img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            border-radius: 12px;
        }

        .app-title-container {
            flex: 1;
        }

        .app-title {
            font-weight: 700;
            margin-bottom: 15px;
            line-height: 1.3;
            background: linear-gradient(90deg, #00A2E8, #0085C8);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-align: left;
            font-size: 18px;
        }

        .app-info {
            flex: 1;
            max-width: 100%;
            text-align: center;
            margin: 15px;
        }

        .app-description {
            color: #555555;
            margin-bottom: 15px;
            line-height: 1.6;
            text-align: left;
        }

        .download-area {
            display: flex;
            gap: 15px;
            justify-content: center;
            margin: 15px;
        }

        .download-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: #00A2E8;
            color: #FFFFFF;
            padding: 10px 15px;
            border-radius: 5px;
            font-weight: 600;
            text-decoration: none;
            box-shadow: 0 12px 24px rgba(0, 162, 232, 0.2);
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            border: none;
            cursor: pointer;
        }

        .download-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 16px 32px rgba(0, 162, 232, 0.3);
            background: #0085C8;
        }

        /* ===== 详情区域 ===== */
        .description {
            flex: 1;
        }

        .info-card {
            background: #FFFFFF;
            border-radius: 12px;
            padding: 15px;
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            margin-bottom: 20px;
        }

        .info-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
        }

        .info-title {

            font-weight: 600;
            margin-bottom: 15px;
            color: #00A2E8;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 18px;
        }

        /* ===== 软件截图区域 ===== */

        .screenshots-title {
            font-weight: 600;
            margin-bottom: 15px;
            color: #00A2E8;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 18px;
        }

        .screenshots-slider {
            display: flex;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            gap: 15px;
            padding-bottom: 15px;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            cursor: grab;
        }

        .screenshots-slider::-webkit-scrollbar {
            display: none;
        }

        .screenshot {
            scroll-snap-align: start;
            flex: 0 0 calc(33.333% - 10px);
            min-width: calc(33.333% - 10px);
            height: 100%;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            position: relative;
        }

        .screenshot:hover {
            transform: scale(1.02);
        }

        .screenshot img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* 滑动指示器和滑轮 */
        .slider-controls {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            margin-top: 10px;
        }

        .slider-scrollbar {
            flex: 1;
            height: 6px;
            background: #eee;
            border-radius: 3px;
            position: relative;
            cursor: pointer;
        }

        .slider-thumb {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 25%;
            background: #00A2E8;
            border-radius: 3px;
            transition: left 0.3s ease;
        }

        .slider-arrow {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #f0f0f0;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .slider-arrow:hover {
            background: #00A2E8;
            color: white;
        }

        /* ===== 响应式设计 ===== */
        @media (max-width: 1024px) {
            .hero-content {
                flex-direction: column;
                gap: 15px;
            }
            
            .app-description {
                text-align: center;
            }
            
        }

        @media (max-width: 768px) {
                    .app-title {
            font-weight: 700;
            margin-bottom: 15px;
            line-height: 1.3;
            background: linear-gradient(90deg, #00A2E8, #0085C8);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-align: center;
            font-size: 18px;
        }  
            .app-header {
                flex-direction: column;
                align-items: center;
                text-align: center;
                gap: 5px;
                margin: 0px;
            }
            
            .app-description {
               
                text-align: center;
            }
            
            .app-logo {
                width: 100px;
                height: 100px;
            }
            
        }

        @media (max-width: 480px) {

            
            .info-card {
                padding: 15px;
            }
            
            .app-logo {
                width: 80px;
                height: 80px;
            }
        }

        /* ===== 动画效果 ===== */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animate {
            animation: fadeInUp 0.6s ease-out forwards;
        }

        .delay-1 {
            animation-delay: 0.1s;
        }

        .delay-2 {
            animation-delay: 0.2s;
        }

        .delay-3 {
            animation-delay: 0.3s;
        }
/*软件详情页面CSS结束*/

/*视频详情页面CSS开始*/
        /* 视频播放器区域 */
        .video-container {
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            background-color: #FFFFFF;
            position: relative;
            padding-top: 56.25%;
            margin-bottom: 15px
        }
        
        .video-player {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* 视频信息区域 */
        .video-info {
            background-color: white;
            border-radius: 12px;
            padding: 10px 15px 15px 15px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }
        
        .video-meta {
            display: flex;
            align-items: center;
            color: #95a5a6;
            font-size: 0.9rem;
        }
        
        .video-meta span {
            margin-right: 10px;
            display: flex;
            align-items: center;
        }
        
        .video-meta i {
            margin-right: 5px;
        }
        
        .video-description {
            margin-bottom: 15px;
            line-height: 1.8;
        }
        
        /* 操作按钮 */
        .video-actions {
            display: flex;
            margin-top: 10px;
            gap: 10px;
            justify-content: center;
        }
        
        .action-btn {
            display: flex;
            align-items: center;
            padding: 10px 15px;
            border-radius: 30px;
            background-color: #ecf0f1;
            color: #2c3e50;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
            font-weight: 600;
        }
        
        .action-btn i {
            margin-right: 8px;
        }
        
        .action-btn:hover {
            background-color: #dfe6e9;
            transform: translateY(-2px);
        }
        
        .like-btn.active {
            background-color: #ff6b81;
            color: white;
        }
        
        .collect-btn.active {
            background-color: #feca57;
            color: white;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            
            .video-meta {
                flex-wrap: wrap;
            }
            
            .video-meta span {
                margin-bottom: 10px;
            }
            
            .video-actions {
                flex-wrap: wrap;
            }
        }
        
        @media (max-width: 480px) {
            .video-info {
                padding: 10px 15px 15px 15px;
            }
        }
/*视频详情页面CSS结束*/

/*视频列表CSS开始*/
        .video-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
            padding: 15px;
        }
        
        .video-item {
            background-color: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }
        
        .video-thumbnail {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 比例 */
            overflow: hidden;
        }
        
        .video-thumbnail img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .video-duration {
            position: absolute;
            bottom: 10px;
            right: 10px;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 3px 6px;
            border-radius: 4px;
            font-size: 12px;
        }
        
        .video-title {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 8px;
        }
        
        .videolist-meta {
            display: flex;
            justify-content: space-between;
            color: #666;
            font-size: 14px;
        }
/*视频列表CSS结束*/

/*图片详情页面CSS开始*/
    /* 图片网格布局 */
    .wallpaper-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    
    /* 转换后的图片项样式 */
    .wallpaper-item {
        margin: 0;
        padding: 0;
        position: relative;
        border-radius: 8px;
        overflow: hidden;
        cursor: pointer;
    }
    
    .wallpaper-item img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        transition: transform 0.3s ease;
        aspect-ratio: 260/500;
        object-fit: cover;
    }
    
    .wallpaper-item img:hover {
        transform: scale(1.02);
    }
    
    /* 大图弹出层 */
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.8);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }
    
    .overlay.active {
        opacity: 1;
        visibility: visible;
    }
    
    .enlarged-container {
        position: relative;
        max-width: 90%;
        max-height: 90%;
    }
    
    .enlarged-img {
        max-width: 100%;
        max-height: 90vh;
        object-fit: contain;
        border-radius: 8px;
    }
    
    /* 水印样式 */
    .watermark {
        position: absolute;
        right: 15px;
        bottom: 15px;
        color: rgba(255, 255, 255, 0.8);
        font-size: 16px;
        font-weight: bold;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    }
    
    /* 手机端响应式 */
    @media (max-width: 768px) {
        .wallpaper-container {
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
        }
    }
/*图片详情页面CSS结束*/

/*图片列表CSS开始*/
    .imglist-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    padding: 15px;
}

.imglist-item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    aspect-ratio: 16/9; /* 保持16:9宽高比 */
}

.imglist-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.imglist-thumbnail {
    position: relative;
    width: 100%;
    height: 100%;
}

.imglist-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.imglist-item:hover .imglist-thumbnail img {
    transform: scale(1.05);
}

/* 文字信息容器 - 覆盖在图片上方 */
.imglist-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    color: #fff;
    z-index: 1;
}

.imglist-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px 0;
    line-height: 1.4;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.imglist-meta {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    opacity: 0.9;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* 响应式调整 */
@media (max-width: 768px) {
    .imglist-list {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 15px;
    }
}

@media (max-width: 480px) {
    .imglist-list {
        grid-template-columns: 1fr;
    }
    .imglist-list-m-index {
        grid-template-columns: repeat(2, 1fr);
        text-align: center;
    }
    
    .imglist-title {
        font-size: 15px;
    }
    
    .imglist-info {
        padding: 10px;
    }
}
/*图片列表CSS结束*/

/*PC端首页三图下APP下载按键CSS开始*/
.san-app-download-btn {
    flex: 0 0 20%;
    min-width: 80px;
    padding: 10px 5px;
    background: #1890ff;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    font-size: clamp(12px, 1.6vw, 14px);
    white-space: nowrap;
    border: none;
}
        .appxz-download {
            display: flex;
            align-items: center;
            background: #fff;
            border-radius: 6px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            padding: 15px;
            width: 100%;
        }
        .appxz-logo {
            flex: 0 0 15%;  /* 固定比例宽度 */
            min-width: 60px;  /* 最小宽度 */
        }
        .appxz-logo img {
            width: 100%;
            max-width: 80px;
            height: auto;
            border-radius: 15px;
        }
        .appxz-info {
            flex: 1;
            padding: 0 15px;
            min-width: 150px;  /* 确保简介区域最小宽度 */
        }
        .appxz-name {
            font-weight: bold;
            font-size: clamp(14px, 2vw, 18px);  /* 响应式字体大小 */
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .appxz-desc {
            font-size: clamp(12px, 1.6vw, 14px);
            color: #666;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
/*PC端首页三图下APP下载按键CSS结束*/

/*工具箱页面CSS开始*/
    .toollist-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 默认手机端3列 */
        gap: 15px;
        padding: 15px;
        max-width: 1400px;
        margin: 0 auto;
    }

    .toollist-item {
        position: relative;
        border-radius: 8px;
        overflow: hidden;
        transition: all 0.3s ease;
        aspect-ratio: 16/9; /* 保持16:9宽高比 */
    }

    .toollist-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    }

    .toollist-thumbnail {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .toollist-thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .toollist-item:hover .toollist-thumbnail img {
        transform: scale(1.05);
    }

    /* 文字信息容器 - 覆盖在图片上方 */
    .toollist-info {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
        color: #fff;
        z-index: 1;
    }

    /* 新增标题容器 */
    .toollist-title-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        text-align: center;
    }

    .toollist-title {
        font-size: 25px;
        font-weight: 600;
        margin: 0;
        line-height: 1.4;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        width: 100%;
    }

    /* 响应式调整 */
    @media (min-width: 768px) {
        .toollist-list {
            grid-template-columns: repeat(4, 1fr); /* 电脑端4列 */
            gap: 20px;
            padding: 20px;
        }
    }

    @media (max-width: 480px) {
        .toollist-list {
            gap: 10px;
            padding: 10px;
        }
    }
/*工具箱页面CSS结束*/

        /*右侧列表项开始 */
        .hot-item {
            display: flex;
            align-items: center;
            padding: 12px 15px;
            border-bottom: 1px solid #f0f0f0;
        }
        
        /* 左侧图片 */
        .item-img {
            width: 40px;
            height: 40px;
            margin-right: 15px;
            flex-shrink: 0;
        }
        
        .item-img img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;
            border: 1px solid #eee;
        }
        
        /* 中间标题 */
        .item-title {
            flex: 1;
            font-size: 16px;
            color: #333;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-right: 10px;
        }
        
        .item-title a {
            color: inherit;
            text-decoration: none;
        }
        
        .item-title a:hover {
            color: #03a9f4;
        }
        /*右侧列表项结束 */
        
/*文章标题CSS开始*/
        .title-wrapper {
            display: flex;
            gap: 12px;
            margin-bottom: 10px;
            justify-content: center;
        }
        
        .article-title {
            font-size: 20px;
            font-weight: 600;
            color: #333;
            line-height: 1.4;
            margin: 0;
            text-align: center;
        }
        
        .meta-row {
            display: flex;
            flex-wrap: wrap;
            gap: 15px 30px;
            justify-content: center;
        }
        
        .meta-item {
            display: flex;
            align-items: center;
            gap: 5px;
            color: #666;
            font-size: 15px;
            white-space: nowrap;
        }
        
        .meta-icon {
            color: #00A2E8;
            width: 18px;
            text-align: center;
        }
        
        /* 电脑端 - 单行显示 */
        @media (min-width: 769px) {
            .meta-row {
                flex-wrap: nowrap;
            }
        }
        
        /* 手机端 - 两行显示 */
        @media (max-width: 768px) {
            
            .meta-row {
                gap: 5px 10px;
            }
            
            /* 强制换行 */
            .meta-row::after {
                content: "";
                width: 100%;
            }
            
            /* 前三个元素在第一行 */
            .meta-item:nth-child(-n+3) {
                order: 1;
            }
            
            /* 后两个元素在第二行 */
            .meta-item:nth-child(n+4) {
                order: 2;
            }
        }
/*文章标题CSS结束*/


/*商城页面css开始*/
    /* 商品详情卡片 */
    .product-card {
        display: flex;
        background: #ffffff;
        overflow: hidden;
        border-bottom: 1px solid #ebeef5;
    }
    
    /* 商品图片区 */
    .product-images {
        width: 50%;
        padding: 15px;
    }
    
    .main-image {
        width: 100%;
        height: 200px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
        overflow: hidden;
        position: relative;
        border: 2px solid #ebeef5;
    }
    
    .main-image img {
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s;
    }
    
    .main-image:hover img {
        transform: scale(1.05);
    }
    
    .thumbnails-container {
        position: relative;
        overflow: hidden;
    }
    
    .thumbnails {
        display: flex;
        gap: 10px;
        padding: 5px;
        scroll-behavior: smooth;
        width: 100%;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch; /* 启用iOS平滑滚动 */
        scrollbar-width: none; /* 隐藏滚动条 Firefox */
    }
    
    .thumbnails::-webkit-scrollbar {
        display: none; /* 隐藏滚动条 Chrome/Safari */
    }
    
    .thumbnail {
        max-width: 70px;
        height: 70px;
        border-radius: 6px;
        border: 2px solid #ebeef5;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.2s;
        flex-shrink: 0;
        scroll-snap-align: start;
    }
    
    .thumbnail.active, .thumbnail:hover {
        border-color: #ff4757;
    }
    
    .thumbnail img {
        width: 100px;
        height: 100%;
        object-fit: cover;
    }
    
    /* 导航按钮 */
    .thumb-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 28px;
        height: 28px;
        background: rgba(0,0,0,0.5);
        color: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 14px;
        user-select: none;
    }
    
    .thumbnails-container:hover .thumb-nav {
        opacity: 1;
    }
    
    .thumb-prev {
        left: 5px;
    }
    
    .thumb-next {
        right: 5px;
    }
    
    /* 商品信息区 */
    .product-info {
        width: 50%;
        padding: 15px;
        display: flex;
        flex-direction: column;
    }
    
    .product-title {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 10px;
        color: #2f3542;
    }
    
    .product-desc {
        font-size: 14px;
        color: #57606f;
    }
    
    .price-section {
        padding: 10px 0;
        border-top: 1px dashed #eee;
        border-bottom: 1px dashed #eee;
    }
    
    .price {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .current-price {
        font-size: 28px;
        font-weight: 700;
        color: #ff4757;
    }
    
    .original-price {
        font-size: 16px;
        color: #57606f;
        text-decoration: line-through;
    }
    
    .discount {
        background: #ff4757;
        color: white;
        padding: 4px 10px;
        border-radius: 12px;
        font-size: 12px;
        font-weight: 600;
    }
    
    .promotions {
        margin: 10px 0;
    }
    
    /* 购买按钮 */
    .buy-btn {
        width: 100%;
        height: 48px;
        background: #ff4757;
        color: white;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        margin-top: 10px;
        transition: all 0.2s;
    }
    
    .buy-btn:hover {
        background: #ff6b81;
        transform: translateY(-2px);
    }
    
    /* 响应式设计 */
    @media (max-width: 768px) {
        .product-card {
            flex-direction: column;
        }
        
        .product-images, .product-info {
            width: 100%;
        }
        
        .product-images {
            padding: 15px;
            border-bottom: 1px solid #eee;
        }
        
        .main-image {
            height: 280px;
        }
        
        .product-title {
            font-size: 20px;
        }
        
        .current-price {
            font-size: 24px;
        }
        
        .thumb-nav {
            width: 32px;
            height: 32px;
            font-size: 16px;
        }
    }
    
    @media (max-width: 480px) {
        .main-image {
            height: 180px;
        }
        
        .thumbnail {
            min-width: 60px;
            height: 60px;
        }
        
        .product-info {
            padding: 15px;
        }
        
        .buy-btn {
            height: 44px;
        }
        
        .thumb-nav {
            width: 24px;
            height: 24px;
            font-size: 12px;
        }
    }
/*商城页面css结束*/


/*文章页相关软件推荐css开始*/
        .software-card {
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px;
            border-radius: 8px;
            background: #fff;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            margin: 0px 15px 15px 15px;
            max-width: 100%;
        }
        .software-logo {
            width: 48px;
            height: 48px;
            border-radius: 8px;
            object-fit: cover;
            flex-shrink: 0;
        }
        .software-info {
            flex: 1;
        }
        .software-name {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 4px;
            color: #333;
        }
        .software-desc {
            font-size: 13px;
            color: #666;
            line-height: 1.4;
            margin: 0;
        }
/*文章页相关软件推荐css结束*/

/*pre代码美化开始*/
        pre {
            position: relative;
            background: #1e1e1e;
            border-radius: 8px;
            padding: 1em;
            overflow-x: auto;
            margin: 20px 0;
            border: 1px solid #333;
        }
        .code-actions {
            position: absolute;
            top: 10px;
            right: 10px;
            display: flex;
            gap: 8px;
        }
        .code-btn {
            background: rgba(255,255,255,0.1);
            border: none;
            color: #e0e0e0;
            width: 30px;
            height: 30px;
            border-radius: 4px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
        }
        .code-btn:hover {
            background: rgba(255,255,255,0.2);
        }
        .toast {
            position: fixed;
            top: 20px;
            right: 20px;
            background: #4CAF50;
            color: white;
            padding: 10px 20px;
            border-radius: 4px;
            z-index: 1000;
            display: none;
        }
/*pre代码美化结束*/

/*全局按键css开始*/
        .btn {
            background: #00A2E8;
            color: white;
            border: none;
            padding: 10px 15px;
            border-radius: 6px;
            font-size: 0.9rem;
            cursor: pointer;
            transition: all 0.2s ease;
            font-family: 'Noto Sans SC', sans-serif;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.3rem;
        }
        
        .btn:hover {
            background: #0078B5;
            transform: translateY(-1px);
            box-shadow: 0 3px 8px rgba(0, 162, 232, 0.3);
        }
/*全局按键css结束*/

/*商城列表开始*/
        .sclist-grid {
            display: grid;
            /* 默认移动端布局：2列 */
            grid-template-columns: repeat(1, 1fr);
            gap: 15px;
            padding: 15px;
        }
        
        /* 电脑设备(1024px以上)：4列 */
        @media (min-width: 1024px) {
            .sclist-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 25px;
            }
        }
        
        .sclist-card {
            background-color: white;
            overflow: hidden;
            border: 1px solid #ebeef5;
        }
        
        .sclist-image {
        width: 100%;
        height: 180px;
        display: flex;
        justify-content: center;
        border-bottom: 1px solid #ebeef5; 
        }
        
        .sclist-info {
            padding: 15px;
        }
        
        .sclist-title {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 8px;
            color: #333;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .sclist-description {
            font-size: 14px;
            color: #777;
            margin-bottom: 10px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .sclist-price {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 15px;
        }
/*商城列表结束*/