/* * 作品依赖:Z-BlogPHP * 作品 ID :fui_app * 前端框架:FinchUI * _|_|_|_| _|_|_| _| _| _|_|_| _| _| _| _| _|_|_| * _| _| _|_| _| _| _| _| _| _| _| * _|_|_| _| _| _| _| _| _|_|_|_| _| _| _| * _| _| _| _|_| _| _| _| _| _| _| * _| _|_|_| _| _| _|_|_| _| _| _|_| _|_|_| * 发布时间:2022-10-30 * 作者名称:星岚工作室 * 作者官网:https://www.finchui.com * 作者邮箱:hnysnet@qq.com * 作者 QQ :914466480 * 官方声明:用户已购买的应用只能单一账号下使用,不得二次发布、赠送、转售、租让、盗版等,如被查实将被永久关闭用户账号。 */ @charset "UTF-8"; html{word-wrap:break-word;word-break:break-all;font-size:14px;} body{background: #fff; color:#333;font-family:"PingFang SC",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Source Han Sans","Noto Sans CJK Sc","Microsoft YaHei","Microsoft Jhenghei",sans-serif} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap: break-word;margin:0;padding:0;outline:0;border:0;-webkit-tap-highlight-color:transparent} a{color:#333;text-decoration:none;transition:all .15s ease 0s} a:hover{color:#0069cc;text-decoration:none} button{background:0 0} button:focus,input:focus,textarea:focus{outline:0} ol,ul{list-style-type:none} i{font-style:normal} img{height:auto;max-width:100%;border:0;vertical-align:middle;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s;-o-transition:1s ease 0s;transition:1s ease 0s;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);transform:rotateZ(0)} video{width:100%!important;height:auto!important} video::-internal-media-controls-download-button{display:none} video::-webkit-media-controls-enclosure{overflow:hidden} video::-webkit-media-controls-panel{width:calc(100%)} .clear{clear:both} .center{text-align:center} .left{float:left} .right{float:right} /* pc版隐藏 */ .button-box,.clearsearch , .freecatalog-button{display:none} /* 阴影 */ header{position:fixed;top:0;right:0;left:0;z-index:999;margin:0;padding:0 20px; height:auto;background:#fff;transition:top .5s;height:60px;border-bottom:.01rem solid #e6e6e6; } /* logo和标题 */ .logo{margin:20px 0;float: left;} .logo img{height:20px;display: block;} .name{float: left;white-space:nowrap;font-size:16px;line-height:60px;margin:0 0 0 10px;} /* 导航栏 */ .nav {line-height: 60px;height:60px;margin-left: 20px;float: left;} .nav li { float:left; line-height: 60px;position: relative;} .nav li a {display:block;padding:0 20px;} .nav li a:hover{color:#444;} .nav li .nav-show::after{position: absolute;top:0;right:0;color:#999;content:"\f131";font-family:uicons-regular-rounded;} .nav li .nav-hide::after{content:"\f12e";} .nav li::before { content: "";position: absolute;left: 50%;width: 0;bottom:0;border-bottom:2px solid #0069cc;transition: all .2s;} .nav li.current-li::before , .nav li:hover::before {left:25%;width: 50%;} /* .nav li.current-li a{color:#0069cc;} */ .nav li ul{position:absolute;top:100%;z-index:5;background:#fff;transition:top .5s;display:none; border: .01rem solid #f2f2f2;box-shadow:1px 1px 5px rgba(0,0,0,.1)} .nav li ul li{float:none;width:100%;line-height:36px;white-space:nowrap;display:block;border-top: .01rem solid #f2f2f2;margin:0;} .nav li ul li:first-child {border-top:0;} .nav li ul li::before:hover , .nav li.current-li ul li{border-bottom:0;} /* .nav li.current-li ul li a{color:#333;} */ .nav li ul li::before{border-bottom:0;} .nav li ul li:hover , .nav li ul li.current-li{background:#f2f2f2;} .nav li ul li:hover a, .nav li ul li.current-li a{color:#555;} /* 白天和夜间模式按钮 */ .dayandnight{float:right; height:60px; padding-left:20px; background: #fff; text-align:right;} .dayandnight button{ padding:0 10px;color:#333;line-height:60px;font-size:14px;cursor:pointer;} .dayandnight button#day::before , .dayandnight button#night::before{font-family:uicons-regular-rounded;} .dayandnight button#day::before{content:"\f768"} .dayandnight button#night::before{content:"\f5cc"} /* 登录 */ .login{float: right; color:#999;text-align:right;line-height:30px;height:60px;padding:15px 0 ;background: #fff;} .login a{border-left: .01rem solid #ebebeb} .login a{margin-left:10px;padding-left:10px} .login a:first-child{border:0} /* 搜索 */ .search{float: right;width:310px;padding:12px 0;height:60px;background: #fff;} .search form{position:relative} .search input{padding:0 57px 0 10px;width:100%;height:36px;border: .01rem solid #e6e6e6;color:#666;vertical-align:bottom;line-height:36px} .clearsearch{position:absolute;top:0;right:33px;line-height:36px;cursor:pointer;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s;-o-transition:1s ease 0s;transition:1s ease 0s;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);transform:rotateZ(0)} .search button{position:absolute;top:0;right:0;padding:0 10px 0 0;line-height:36px;cursor:pointer;} .clearsearch::before , .search button::before{line-height: 1;position:relative;top:0.1rem; padding:0 5px;font-family:uicons-regular-rounded;} .clearsearch::before{content:"\f36a";} .search button::before{content:"\f6c6";} .search button:hover , .clearsearch:hover{color:#0069cc;} .dayandnight ,.login, .search {border-bottom:.01rem solid #e6e6e6; } /* 主体 */ .main{position: relative;padding-top:60px;} .main-width{position:relative;margin:0 auto;max-width:1536px;} /* 主体开始 */ .main-left-220{margin-left:220px;} .main-left{float:left;width: -webkit-calc(100% -330px);width: -moz-calc(100% - 330px);width: calc(100% - 330px);} /* 目录 */ .freecatalog{position: fixed;z-index: 99; top:60px;bottom:0; width:220px; background: #fff;border-right: .01rem solid #e6e6e6; overflow: hidden;} .freecatalog div{width:240px;padding: 0 20px 0 0; top:0; bottom:0;overflow-x: hidden;overflow-y: scroll;position: absolute; right:-20px;} .freecatalog ul{width:220px;} .freecatalog ul li{width:100%; line-height:26px;position: relative;} .freecatalog ul li:first-child{border-top: 0;} .freecatalog ul li a{display: block;padding:5px 20px;} .freecatalog a:hover , .freecatalog a.current{background: #f2f2f2;color:#555; } .freecatalog ul li .sub-show {position:absolute;padding:5px;right:0;top:0; cursor: pointer;color:#999;margin:0;z-index: 5;font-size: 12px;} .freecatalog ul li .sub-show::after{content:"\f64e";padding:0 6px; line-height: 26px; height: 26px; border: .01rem solid #f2f2f2;background:#fff; box-sizing: border-box; display: block;font-family:uicons-regular-rounded; } .freecatalog ul li .sub-hide::after{content:"\f5b7";} .freecatalog ul li.current-li ul{display: block;} .freecatalog ul li.current-li ul ul{display: none;} .freecatalog ul li.current-li ul li.current-li ul{display: block;} .freecatalog ul li.current-li ul li.current-li ul ul{display: none;} .freecatalog ul li.current-li ul li.current-li ul li.current-li ul{display: block;} .freecatalog ul ul{display: none;transition:top .5s;margin:10px;width:auto;border: .01rem solid #f2f2f2;} /* 主体错位 */ .section , .content{margin:20px 0;background:#fff;clear: both;} .section .h3{line-height:24px;width:100%;display: block;margin:0 0 20px 0;} .section .h3 h3{font-weight:normal;font-size:16px;display: inline-block;position: relative;} .section .h3 h3::before{content: ""; width:100%; height:2px;border-radius: 2px;background: #0069cc;display: inline-block;position: absolute;top:28px ;left:0;} .section .h3 span{float:right;color:#999;font-size:12px} .section .h3 span.section_intro{float:none;margin-left:15px} .section .h3 span a{color:#999} .section .h3 span a:hover{color:#555} .section .h3 .ranking-tab{float: right;font-size: 12px;} .section .h3 .ranking-tab li{display: inline-block;padding:0 15px;cursor: pointer;color:#999;border: .01rem solid #f2f2f2;box-shadow: 1px 1px 3px rgba(0,0,0,.05);} .section .h3 .ranking-tab li.act_active{color:#333;background: #f4f7fb;} .section ul.ranking-content{display: none;} .section ul.ranking-content:nth-child(2){display: block;} /* 首页栏目切换 */ .tab-li {width:100%;margin:0 0 20px 0;overflow-x: scroll;overflow-y: hidden;scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE and Edge */ } .tab-li::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */} .tab-li ul{font-size: 0;line-height:24px; } .tab-li li{font-weight: normal;font-size: 16px; padding:0 0 10px 0; display: inline-block; margin:0 40px 0 0 ; position: relative;cursor: pointer;} .tab-li li:last-child{margin:0;} .tab-li li::before{content: "";left:50%; width:0; height:2px;border-radius: 2px;background: #0069cc;display: inline-block;position: absolute;top:32px ;transition: all .2s;} .tab-li li.act_active::before , .tab-li li:hover::before{left:0; width:100%;} .content .tab-content{display: none;} .content .tab-content:nth-child(2){display: block;} /* 营销海报 */ .booth:first-child{margin:20px 0 0 0;} .booth img{width:100%;display: block;} /* 轮播图 */ .slidesbox{position:relative;margin:20px 0;width:100%} /* 翻页 */ .slidesbox .prev{left:0} .slidesbox .next{right:0} .slidesbox .prev span::before , .slidesbox .next span::before{font-family:uicons-regular-rounded;} .slidesbox .prev span::before{content: "\f12c";} .slidesbox .next span::before{content: "\f12d";} .slidesbox .next,.slidesbox .prev{display:none} .slidesbox:hover .next,.slidesbox:hover .prev{display:block} .slides_nav{position:absolute;top:50%;z-index:9;margin-top:-25px;width:30px;height:50px;background:rgba(0,0,0,.1);text-align:center;font-size:20px;line-height:50px;cursor:pointer} .slides_nav span{display:block;margin:0;color:rgba(255,255,255,.8)} /* 图片 */ .slides{position:relative;overflow:hidden;margin:0;padding:0;width:100%;list-style:none} .slides li{position:absolute;top:0;left:0;display:none;width:100%} .slides li:first-child{position:relative;float:left;display:block} .slides img{float:left;display:block;width:100%;height:auto;border:0} .slides p{position:absolute;bottom:0;left:0;z-index:9;margin:0;padding:40px 20px 16px 20px;width:100%;background:var(--theme-black-color);background:-o-linear-gradient(top,transparent,rgba(0,0,0,.6));background:linear-gradient(180deg,transparent,rgba(0,0,0,.6));color:#fff;text-shadow:none;font-size:16px;line-height:24px} .slides p a{display:-webkit-box;overflow:hidden;width:80%;color:#fff;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2} /* 需要 */ .slides_tabs{position:absolute;right:20px;bottom:24px;left:0;z-index:9;text-align:right;font-size:0} .slides_tabs li{display:inline-block;margin:0 5px} .slides_tabs li.slides_here a{padding:0 8px;background:rgba(0,105,204,.8)} .slides_tabs li a{display:inline-block;padding:0 4px;border-radius:5px;background:rgba(255,255,255,.8);font-size:0;line-height:6px} /* 当前位置 */ .breadcrumb{font-size:14px;color:#999; line-height:150%;margin:20px 0 0 0; border-bottom: .01rem solid #ededed;padding:0 0 10px 0;} .breadcrumb i{margin:0 5px;font-size: 12px;} .breadcrumb a {color:#999} .breadcrumb a:hover {color:#0069cc} /* 当前分类子分类 */ .subcategorys{border: .01rem solid #e6e6e6;padding: 0 0 15px 0;} .subcategorys ul{padding:15px 0 0 50px; position: relative;font-size: 0;} .subcategorys ul span{position:absolute;left:0;top:15px;} .subcategorys span , .subcategorys li{display: inline-block;margin:0 15px;line-height:175%;font-size: 14px;} .subcategorys span{color:#999; } .subcategorys li a{display: block;} .subcategorys li a.current , .subcategorys li:hover a , .subcategorys li a.current::before , .subcategorys li:hover a::before{color:#0069cc;} /* 排序 */ .sortlist li a::before{line-height:1;position: relative; top:0.04rem; margin:0 3px 0 0;font-size: 12px;font-family:uicons-regular-rounded;} .sortlist li a.current.up-icon::before{content: "\f184";} .sortlist li a.current.down-icon::before{content: "\f161";} /* 两栏列表 */ .twocolumn{font-size: 0;margin:20px 0 ;} .twocolumn div.section{display: inline-block;width:49%;margin:20px 2% 0 0;vertical-align: top;} .twocolumn div.section:nth-child(2n) {margin:20px 0 0 0;} .twocolumn div.section:first-child{margin:0 2% 0 0;} .twocolumn div.section:nth-child(2){margin:0;} /* 三栏列表 */ .threecolumn{font-size: 0;margin:20px 0;} .threecolumn div.section{display: inline-block;width:32%;margin:20px 2% 0 0;vertical-align: top;} .threecolumn div.section:nth-child(3n) {margin:20px 0 0 0;} .threecolumn div.section:first-child , .threecolumn div:nth-child(2){margin:0 2% 0 0;} .threecolumn div.section:nth-child(3){margin:0;} /* 纯标题列表 */ .list-a{padding:0 0 15px 0;} .list-a li{display:list-item; overflow: hidden; margin-top:15px;padding:0 15px;font-size:14px;line-height:150%} .list-a li span{float:right;font-size: 12px;color:#999;} /* 图文列表 */ .list-it{font-size: 0;} .list-it li{width:49%; margin:20px 2% 0 0; padding:0 15px 0 0;} .list-it li:nth-child(2n){margin:20px 0 0 0;} .list-it li:first-child{margin:0 2% 0 0;} .list-it li:nth-child(2){margin:0;} .list-it li .pic{float:left;width:192px;height:147px} .list-it li .pic img{width:100%;height:100%;object-fit:cover;} .list-it li h2{font-weight:normal;font-size:16px; line-height:24px;margin:15px 0 0 0;padding:0 0 0 15px;} .list-it li p{margin:15px 0 0 0;height:42px;color:#999;font-size:14px;line-height:21px;padding:0 0 0 15px;} .list-it li .info{overflow:hidden;margin:15px 0;text-align:right;line-height:21px;padding:0 0 0 15px;} .list-it li .info span{display:inline-block;} .list-it-one li{width:100%;margin:20px 0 0 0;} .list-it-one li:first-child{margin:0;} .list-it-one li:nth-child(2){margin:20px 0 0 0;} /* 图片列表 */ .list-pic{font-size: 0;} .list-pic li{width:23.5%; margin:20px 2% 0 0; padding:0 0 15px 0;} .list-pic li:first-child,.list-pic li:nth-child(2),.list-pic li:nth-child(3){margin:0 2% 0 0;} .list-pic li:nth-child(4n){margin:20px 0 0 0;} .list-pic li:nth-child(4){margin:0;} .list-pic li .pic{position:relative;width:100%;padding-top:75%;} .list-pic li .pic img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;} .list-pic li h2{margin:15px 0 0 0;height:48px;font-weight:normal;font-size:16px;line-height:24px;padding:0 15px;} .list-pic li .info{margin:15px 0 0 0;padding:0 15px;text-align:right;line-height:21px} /* 软件列表 */ .list-app {font-size: 0;margin:0 -1%;} .list-app li{ width:23%; margin:20px 1% 0 1%; } .list-app li:first-child ,.list-app li:nth-child(2),.list-app li:nth-child(3),.list-app li:nth-child(4), .list-pic li:first-child ,.list-pic li:nth-child(2),.list-pic li:nth-child(3),.list-pic li:nth-child(4){margin:0 1%;} .list-app li a{padding:15px;display: block;} .list-app li .pic{position:relative;float:left;margin-right:15px;} .list-app li .pic img{width:72px;height:72px;border-radius:2px} .list-app li h2{font-size:16px;line-height:150%;font-weight: normal;} .list-app li p{font-size:12px;line-height:150%;color:#999;margin:5px 0 0 0;} .list-app li .platform{position:absolute;bottom:15px;right:15px;} .list-app li .platform img{width:auto; height:12px;opacity:.2;-moz-opacity:.2} .list-app li:hover .platform img{opacity:1;-moz-opacity:1} .list-app li .info{margin:5px 0 0 0;color:#999;line-height:18px;font-size: 12px;} .list-app li .info .average::before{content:"\f4e0";font-family:uicons-regular-rounded;color: #f5ca0a;position: relative;top:0.08rem;margin:0 5px 0 0;} /* 软件列表——简单 */ .list-topapp li{ width:10.5%; margin:20px 1% 0 1%;} .list-topapp li:nth-child(5),.list-topapp li:nth-child(6),.list-topapp li:nth-child(7), .list-topapp li:nth-child(8){margin:0 1%;} .list-topapp li .pic{margin:0;text-align: center;width:100%;display: block;float: none;} .list-topapp li h2 {margin:10px 0 0 0;} .list-topapp li h2 , .list-topapp li .info{text-align: center;} /* 下载地址 */ .list-down{font-size: 0;} .list-down .list-down-li{margin:20px 0 0 0; width:100%;padding:0 15px 10px 15px;} .list-down .list-down-li:first-child{margin:0;} .down-name{font-size: 20px;line-height: 24px;display: block;margin:20px 0;position: relative;} .down-name img{height:24px;position: absolute; top:0;right:5px;opacity:.2;-moz-opacity:.2} .down-name span{display: inline-block;width:55%;} .list-down .list-down-li:hover .down-name img{opacity:1;-moz-opacity:1} .down-size{font-size: 14px; color:#999; position: absolute;right:15px;bottom:20px;} .list-down-url{font-size: 0;margin: 0 -10px;} .list-down-url li{display: inline-block; overflow: hidden; font-size: 14px;line-height:36px;margin:0 10px 10px 10px ; } .list-down-url li a{ padding:0 20px;display: block;border-radius: 5px;border: .01rem solid #e6e6e6;} .list-down-url li a:hover{ background: #f2f2f2;} .list-down-url li a.HarmonyOSdown:hover , .list-down-url li a.HarmonyOSdown i{color: #1050ff; } .list-down-url li a.Windowsdown:hover , .list-down-url li a.Windowsdown i {color: #f45226; } .list-down-url li a.linuxdown:hover , .list-down-url li a.linuxdown i{color: #f5bd0c;} .list-down-url li a.appledown:hover , .list-down-url li a.appledown i{color: #426fe2; } .list-down-url li a.androiddown:hover , .list-down-url li a.androiddown i{color: #10a650; } /* 合作伙伴 */ .partner{font-size: 0; } .partner li{display: inline-block; overflow: hidden; font-size: 14px;line-height:150%;width:10%;text-align: center; padding:10px;} /* 友情链接 */ .links{font-size: 0;margin:-15px -10px 0 -10px} .links li{display: inline-block; overflow: hidden; font-size: 14px;line-height:150%;width:10%;margin:15px 0 0 0;padding:0 10px; } /* 翻页开始 */ .pagebar{padding:0 10px;margin:0 0 10px 0;text-align:center} .pagebar .page{display:inline-block;margin:0 3px 10px 3px;width:30px;border-radius:3px;background:#fff;color:#666;text-align:center;line-height:28px} .pagebar .now-page,.pagebar .page:hover{border: .01rem solid #0069cc;background:#0069cc;color:#fff} /* 翻篇 */ .turn{font-size: 0;} .turn li{display: inline-block;font-size: 14px;line-height:150%;padding:15px;width:49%;margin: 0 2% 0 0;} .turn li:nth-child(2){margin:0} .turn li span{display:block;margin-bottom:5px;color:#999;font-size:12px} /* 列表容器 */ .list-it li , .list-pic li , .list-app li , .list-down .list-down-li{display: inline-block; overflow: hidden; position:relative; } /* 边框颜色 */ .list-a , .list-it li , .list-pic li , .list-app li , .list-down .list-down-li , .partner li , .pagebar .page , .turn li {border: .01rem solid #f2f2f2;} /* 触发列表 */ .list-pic li:hover , .list-it li:hover , .list-app li:hover , .partner li:hover , .turn li:hover{box-shadow: 0 3px 5px rgba(0,0,0,.1);} /* 单行显示省略号 */ .list-a li , .links li, .list-it li h2 ,.list-app li h2, .list-app li p ,.list-app li .info ,.list-it li .info, .list-pic li .info ,.function_c ul li , .section h3 span.recommend_info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* 2行显示省略号 */ .list-it li p , .list-pic li h2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} /* 图标 */ .IsTop::before,.authoricon::before,.commicon::before,.tagicon::before,.timeicon::before,.viewicon::before,#enlarge::before,#narrow::before{line-height:1; position:relative;top:0.08rem;margin:0 3px 0 0;font-weight:normal;font-family:uicons-regular-rounded;} .IsTop::before{content:"\f7a7";color:red;} .tagicon::before{content:"\f787"} .viewicon::before{content:"\f3e6"} .timeicon::before{content:"\f263"} .commicon::before{content:"\f334"} .authoricon::before{content:"\f80b"} #enlarge::before{content:"\f10b\f64e"} #narrow::before{content:"\f10b\f5b7"} #enlarge,#narrow{cursor:pointer} /* 文章开始 */ .content h1{text-align:center;font-size:24px;line-height:150%;margin:20px 0;} .content h1 .ArticleEdt{color:#266497;font-size:14px;font-weight: normal;} .content .info{margin:20px 0;text-align:center;} .content .info span{display:inline-block;margin:0 10px;} .content .tags{margin:20px -10px 20px 0;line-height:175%;overflow: hidden;} .content .tags a{display:inline-block;margin:0 10px 0 0} /* 应用介绍 */ .article-extend h1 {margin:0;} .article-extend h1 , .article-extend .info{text-align:left} .article-extend .info{margin:20px -10px;} .article-extend .info span{margin:0 10px;} /* 文章参数 */ .info{color:#999;font-size:14px;line-height:150%;} .info a{color:#999} .info a:hover{color:#0069cc} /* 文章扩展 */ .article-extend{position:relative;font-size: 0;} .article-extend .favicon{display: inline-block;position: relative; vertical-align: top;width:72px;} .article-extend .favicon img{vertical-align: bottom;} .article-extend-app {display: inline-block; font-size: 14px;padding:0 0 0 20px;vertical-align: top;position: relative;width: -webkit-calc(100% -72px);width: -moz-calc(100% - 72px);width: calc(100% - 72px);} .article-extend-app p{color:#999;line-height:150%; margin:10px 0 0 0;} .article-extend-info {display: inline-block; font-size: 14px;vertical-align: top;position: relative;width:100%;} /* canshu */ .app-info{margin:20px 0;font-size: 0;border: .01rem solid #e6e6e6;padding:10px 0 10px 15px;} .app-info div{display: inline-block;width: 50%;font-size: 14px;line-height: 175%;padding:5px 15px 5px 0;vertical-align: top;} .app-info div img{height:16px;position: relative; top:-0.1rem;margin:0 5px 0 0;} .app-info div span{margin:0 0 0 10px;} .app-info div span:first-child{margin:0 ;} .app-info div div{width:auto;padding:0;line-height: 1;} /* 应用属性 */ .appattr{width:100%; margin-left:-5px;margin-right: -5px;} .appattr span{display:inline-block;margin:5px 5px 0 5px ;padding:0 5px;line-height: 18px; border: .01rem solid #39ac43;border-radius:5px;color:#39ac43;font-size:12px} /* 按钮 */ .article-extend-button{line-height:36px;margin:20px -10px 0 -10px;font-size: 0;} .article-extend-button a{display:inline-block;margin:0 10px;font-size: 14px; padding: 0 20px;color:#fff;border-radius: 5px;vertical-align: bottom;} .article-extend-button a.app{background: #0069cc;} .article-extend-button a.app:hover{background: #0077e6;color:#fff;} .article-extend-button a.app-site{background: #f2b90d;} .article-extend-button a.app-site:hover{background: #f5c73d;color:#fff;} .article-extend-button a#app-qrcode{background: #cacaca;} .article-extend-button a#app-qrcode:hover{background: #bdbdbd;color:#fff;} .article-extend-button a.app::after , .article-extend-button a.app-site::after , .article-extend-button a#app-qrcode::after{line-height:1;position: relative; top:0.1rem; margin:0 0 0 3px;font-family:uicons-regular-rounded;} .article-extend-button a.app::after{content:"\f130";} .article-extend-button a.app-site::after{content:"\f607";} .article-extend-button a#app-qrcode::after{content:"\f5b9";} /* 二维码 */ .article-extend-qrcode{position: absolute;right:0;top:10px;} #app-qrcode{position:relative;} #app-qrcode #app-qrcode-content{position: absolute;right:50%; margin-right:-60px; top:20px;height:120px; background: #fff;padding:10px;z-index: 5;box-shadow:0 3px 5px rgba(0,0,0,.07);display: none;} #app-qrcode:hover #app-qrcode-content{display: block;} /* 反馈 */ #app-feedback{background: #f44444;padding:0 11px;height:36px;} #app-feedback:hover{background: #f32b2b;color:#fff;} #app-feedback::before , .feedback #hide-feedback::before{position: relative; top:0;font-size: 18px;font-family:uicons-regular-rounded;} #app-feedback::before{content:"\f6d4";} #feedback-box{position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 999; width: 100%; height: 100%;display:none;} .feedback{position: fixed;top:50%;left:50%;margin:-215px 0 0 -240px; width:100%;max-width: 480px; height:auto; padding:10px 20px 20px 20px;font-size: 14px;background: #fff;color:#333;box-shadow:0 3px 5px rgba(0,0,0,.05);} .feedback #hide-feedback{position: absolute; top:0;right:0;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s;-o-transition:1s ease 0s;transition:1s ease 0s;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);transform:rotateZ(0)} .feedback #hide-feedback::before{top:0; width:40px;line-height: 40px;text-align: center;display: inline-block;cursor:pointer;content: "\f36a";} .feedback #hide-feedback:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);transform:rotateZ(360deg)} .feedback h4{line-height: 150%;} .feedback p{margin:20px 0 0 0;line-height: 150%;padding:15px; background:#eff9eb;color:#666; border-radius: 5px;} .feedback ul li{width:100%;font-size:0;} .feedback ul li input[type="text"]{padding:0 10px;font-size: 14px;margin:20px 0 0 0;width:100%;border: .01rem solid #e6e6e6;line-height:36px;height:36px;} .feedback ul li label{width:50%;margin:20px 0 0 0;font-size: 14px;display: inline-block;vertical-align:top;cursor:pointer;} .feedback textarea{display:block;margin:20px 0 0 0;height:80px; padding:10px;width:100%;border: .01rem solid #e6e6e6;} .feedback input.btn{display:inline-block;text-align: center;margin:20px 0 0 0;padding:0 20px;background:#0069cc;color:#fff;line-height:36px; border-radius: 5px; cursor:pointer} .feedback button.btn:hover {background:#0077e6} /* 切换 */ .content-tab {line-height:40px;width:100%;display: block; margin:0 0 20px 0;border-bottom: .01rem solid #e6e6e6;} .content-tab li{font-weight: normal;font-size: 14px; display: inline-block;padding:0 0 10px 0;margin:0 20px; position: relative;cursor: pointer;} .content-tab li:first-child{margin:0 20px 0 0;} .content-tab li:last-child{margin:0 0 0 20px;} .content-tab li::before{content: "";left:50%; width:0; height:2px;border-radius: 2px;background: #0069cc;display: inline-block;position: absolute;bottom:-1px;transition: all .2s;} .content-tab li.act_active::before{left:25%; width:50%;} .content-tab-fixed{background: #fff;position: fixed;top:60px;z-index: 9;} .content-tab-fixed li{padding:10px 0;} /* 文章 */ .article{font-size:14px;overflow: hidden;} .article div,.article p{margin:20px 0;line-height:175%} .article h2,.article h3,.article h4,.article h5,.article h6{margin:20px 0;line-height:175%} .article h2::before,.article h3::before,.article h4::before,.article h5::before,.article h6::before{line-height:1;position: relative; top:0.1rem;margin-right:5px;color:red;content:"\f28a";font-family:uicons-regular-rounded;} .article sup , .article sub{position:relative;margin:0 2px 0 5px;} .article sup{top:-2px;} .article sub{top:2px;} .article sup::before , .article sub::before{line-height:1;position: relative; top:0.1rem; margin-right:2px;font-size:12px;font-family:uicons-regular-rounded;} .article sup::before{content:"\f3df";} .article sub::before{content:"\f3df";} .article blockquote div,.article blockquote p{font-size:14px} /* 文章和栏目中使用的引用 */ .article blockquote , .columnintro{position:relative;padding:4px 0 0 50px;line-height:175%;margin:20px 0;} .article blockquote::before , .columnintro::before{line-height:1;position:absolute;top:0;left:15px;font-size:24px;color:#e6e6e6;transform: rotate(180deg);content:"\f66f";font-family:uicons-regular-rounded;} .article blockquote div:first-child , .article blockquote p:first-child{margin:0 0 20px 0;} .article img{max-width: 100%!important;height: auto!important;} .article section{max-width:100%!important} .article table{overflow:hidden;margin:20px 0;max-width:100%!important;border-collapse:collapse;border-spacing:0} .article table td,.article table th{padding:10px 15px;border: .01rem solid #e6e6e6;word-break:break-word} .article table td p,.article table th p , .article table td div,.article table th div{margin:0} .article table tr:nth-child(2n){background:#f2f2f2;} .article table>thead>tr{background:#ebebeb;} .article table>thead>tr>th{position:relative;vertical-align:middle;white-space:nowrap} .article table caption{padding:5px 15px;line-height:175%} .article ol{padding:0 0 0 32px} .article ul{padding:0 0 0 35px} .article ol,.article ul{list-style-type:decimal} .article pre{margin:20px 0!important;line-height:175%!important} .article pre code{display:inline;overflow:visible;margin:0;padding:2px 0 0 0;max-width:inherit;border:0;background:0 0;word-wrap:normal;line-height:175%} .article pre code::after,.content pre code::before{content:normal} /* 点赞 */ .fui-praise{position:relative;font-size: 0;margin:20px 0;padding: 0 !important;;} .fui-praise li{position: relative;width:50%;display: inline-block;vertical-align:top;line-height: 200%;font-size: 14px;padding:0 20px;} .fui-praise li div{width:150px;margin: 0 !important;;display: inline-block;cursor: pointer;position: relative;} .fui-praise li div.current{color:red;} .fui-praise li div.like::before , .fui-praise li div.dislike::before{line-height:1;position: relative;top:0.08rem;font-family:uicons-regular-rounded;} .fui-praise li div.like::before{content: "\f4e0";} .fui-praise li div.dislike::before{content: "\f4dc";} .fui-praise li:nth-child(2n-1) div{float:right;text-align: right;} .fui-praise li div span{position: relative;} .fui-praise li div span.add1::before{content: "+1";display: inline-block;width:50px;line-height:20px;height:20px;position: absolute;top:-20px;right:0;z-index: 9;color:red;transition:all .3s ease} /* 版权声明 */ .articlecopyright{font-size: 12px;color: #999;padding:20px;border-left:3px solid #85b4e0; background: #f4f7fb;} .articlecopyright a , .app-declare a{color:#666;} /* 声明 */ .app-declare{text-align: center;} .app-declare div{font-size: 14px;font-weight: normal;} .app-declare div::before{content: '————';margin-right: 5px;} .app-declare div::after{content: '————';margin-left: 5px;} .app-declare p{font-size: 12px;color: #999;} .app-declare a{color: #999;} /* 提交收录 */ .writing {font-size:14px} .writing h4{display:block;margin:0 0 10px 0;font-weight:bold;} .writing h4::before{content: "";margin:0;} .writing h4 span{font-weight:normal;font-size: 12px;margin-left: 10px;color:#999;} .writing input,.writing select{padding:0 10px;height:36px;line-height:36px;border: .01rem solid #e6e6e6;} .writing input{width:100%} .writing input[type="radio"] , .writing input[type="checkbox"]{width:16px;height:16px;position:relative;top:2px; margin:0 5px 0 0;} .writing label{margin-right: 30px;cursor: pointer;} .writing .download-url dl , .writing .screenshot-img dl{position: relative;margin:10px 0 0 0;} .writing .download-url dl:first-child , .writing .screenshot-img dl:first-child{margin:0;} .writing .download-url dl .deldownload , .writing .screenshot-img dl .delscreenshot{position: absolute;right:1px;top:1px;width:34px;height:34px;line-height:34px;text-align:center;background: #fff; color:#999;cursor:pointer;} .writing .download-url dl .deldownload::before , .writing .screenshot-img dl .delscreenshot::before{content:"\f7d7";font-family:uicons-regular-rounded;} .writing .download-url #adddownload , .writing .screenshot-img #addscreenshot{border: .01rem solid #d4d4d4;display: inline-block; line-height: 24px; padding:0 5px;border-radius: 3px;margin:10px 0 0 0; cursor:pointer;} .writing .screenshot-img dl .delscreenshot{right:80px;} .writing .inpVerify{width:50%;} .writing .inpVerify img{position:absolute;bottom:0;left:100%;width:108px;height:36px;cursor:pointer;} .writing pre{margin: 0!important;} /* 插入图片 */ .upload-img , .appmeta , .writing .inpVerify{position: relative;} .upload-img form , .upload-img div{margin:0;padding:0;} .upload-img input.read{padding:0 90px 0 10px;} .writing .btnbox{position:absolute;right:0;bottom:0;width:80px;line-height:36px;background:#cacaca;color:#fff;text-align:center;} .writing .btnbox:hover{background:#bdbdbd;} /* 重叠 */ .upload-img .btn{position:absolute;right:0;bottom:0;z-index:9;margin:0;padding:0;height:36px;width:90px;border:0;background:0 0;opacity:0;cursor:pointer;} /* 获取网站meta */ .appmeta #metabtn{position:absolute;right:0;bottom:0;border:0; z-index: 9; background:#cacaca;color:#fff;width:80px;height:36px;cursor: pointer;} .appmeta #metabtn:hover{background:#bdbdbd;} /* 重置编辑器 */ .writing .edui-default .edui-editor{z-index:9!important} .writing .edui-default,.writing .edui-default div{margin:0;line-height:20px;} .writing .edui-default table{margin:0;border-radius:0 0 1px 1px} .writing .edui-default table td{padding:10px 15px 7px 15px;border-right:0;border-bottom:0;border-left:0} /* 侧栏开始 */ .main-right{float:right;width:310px;margin:0;font-size:0;} .function{margin:20px 0;background:#fff;} .function_t{font-size:16px;padding:0 15px; line-height:40px;border-top: .01rem solid #f2f2f2;border-left: .01rem solid #f2f2f2;border-right:.01rem solid #f2f2f2;} .function_t::before{content: "";width:4px;height:16px; background: #0069cc;border-radius: 2px;position: relative; top:2.5px; margin-right: 10px; display: inline-block;} /* 模块文章列表预设 */ .function_c{border: .01rem solid #f2f2f2;} .function_c div{font-size: 14px;padding:15px;} .function_c ul{padding:0 0 15px 0;} .function_c ul li{margin-top:15px;line-height:150%;font-size: 14px;} .function_c ul li a{padding:0 15px;} .function_c ul li img.favicon{width:18px;height:18px;margin-right: 8px;border-radius:2px ;position:relative;top:-1px;} /* 热门文章 */ .function_c ul li small , .list-a li small{position:relative;top:-1px;display:inline-block;margin-right:10px;width:18px;background:#cacaca;color:#fff;text-align:center;font-size:12px;line-height:18px} /* 热门应用 */ #newestapp ul , #hotapp ul , #appfirst ul , #randapp ul , #hotreviewapp ul{font-size: 0;padding:0 0 15px 0} .function_c ul li.li-app{position:relative;display: inline-block;width:100%; overflow: hidden;} .function_c ul li.li-app a{display: block;} .function_c ul li.li-app div{padding:0;} .function_c ul li.li-app .pic{position:relative;float:left;margin-right:15px;} .function_c ul li.li-app .pic img{width:68px;height:68px;border-radius:2px} .function_c ul li.li-app h2{font-size:14px;line-height:150%;font-weight: normal;} .function_c ul li.li-app p{font-size:12px;line-height:150%;color:#999;margin:5px 0 0 0;} .function_c ul li.li-app h2 , .function_c ul li.li-app p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .function_c ul li.li-app .platform{position:absolute;bottom:0;right:15px;} .function_c ul li.li-app .platform img{width:auto; height:12px;opacity:.2;-moz-opacity:.2} .function_c ul li.li-app:hover .platform img{opacity:1;-moz-opacity:1} .function_c ul li.li-app .info{margin:5px 0 0 0;color:#999;line-height:18px;font-size: 12px;} .function_c ul li.li-app .info .average::before{content:"\f4e0";font-family:uicons-regular-rounded;color: #f5ca0a;position: relative;top:0.08rem;margin:0 5px 0 0;} .function_c ul li.li-app .pic , .function_c ul li.li-app p , .function_c ul li.li-app .platform , .function_c ul li.li-app .info{display: none;} .function_c ul li.li-app-hover .pic , .function_c ul li.li-app-hover p , .function_c ul li.li-app-hover .platform , .function_c ul li.li-app-hover .info{display: block;} /* 分类模块 */ #divCatalog ul{padding:0;} #divCatalog ul li{width:100%; line-height:36px;margin-top:0; position: relative;} #divCatalog ul li:first-child{border-top: 0;} #divCatalog ul li a{display: block;} #divCatalog a:hover , #divCatalog a.current{background: #f2f2f2;color:#555; } #divCatalog ul li .sub-show {position:absolute;padding:5px;right:0;top:0; cursor: pointer;color:#999;margin:0;z-index: 5;font-size: 12px;} #divCatalog ul li .sub-show::after{padding:0 6px; line-height: 26px; height: 26px; border: .01rem solid #f2f2f2;background:#fff; box-sizing: border-box; display: block;content:"\f64e";font-family:uicons-regular-rounded;} #divCatalog ul li .sub-hide::after{content:"\f5b7";} #divCatalog ul li.current-li ul{display: block;} #divCatalog ul li.current-li ul ul{display: none;} #divCatalog ul li.current-li ul li.current-li ul{display: block;} #divCatalog ul li.current-li ul li.current-li ul ul{display: none;} #divCatalog ul li.current-li ul li.current-li ul li.current-li ul{display: block;} #divCatalog ul ul{display: none;transition:top .5s;margin:10px;border: .01rem solid #f2f2f2;box-shadow:1px 1px 5px rgba(0,0,0,.1)} /* 作者模块 */ #author div{text-align: center;} #author .authorbg{position:relative;margin:0 0 50px 0;padding:0;} #author .authorbg img{width:100%;height:auto;display: block;} #author .authorbg .avatar{position:absolute;bottom:-40px;left:50%;z-index:9;margin-left:-40px;padding:5px;width:80px;height:80px;border-radius:50%;background:#fff} #author .authorbg .avatar img{width:70px;height:70px;border-radius:50%} #author h2 , #author p{font-size: 14px;padding:0 15px;text-align: center;} #author p{line-height: 150%;margin:15px 0;} #author .authorcount{padding:0;font-size: 0;border-top: .01rem solid #f2f2f2;} .authorcount div{ padding:10px 0;display: inline-block;color: #999; line-height:150%;width:25%;font-size: 12px;border-right:.01rem solid #f2f2f2;} .authorcount div:nth-child(4) {border-right:0;} .authorcount small{display:block;font-size: 16px;margin-bottom:5px;} /* 关注我们 */ #follow div{text-align:center} #follow div img{width:50%;height:auto;border: .01rem solid #ebebeb} #follow div p{margin-top:15px;text-align:center;line-height:150%} /* 广告模块 */ #sidebardiy .function_t{display:none} #sidebardiy .function_c{border:0;} #sidebardiy div{padding:0;} #sidebardiy div img{width:100%;display: block;} /* 图标汇集 */ #divMisc ul li{display: inline-block;width:33.33333333%} #divMisc ul li img{border: .01rem solid #f2f2f2;width:100%;height:auto} /* 网站标签和热门标签 */ #divTags ul,#hottag ul,#randtag ul{padding:5px 10px 15px 10px} #divTags ul li,#hottag ul li,#randtag ul li{display: inline-block;margin:10px 5px 0 5px;padding:0 5px;} #divTags ul li a,#hottag ul li a,#randtag ul li a{ padding:0;} #divTags ul li span,#hottag ul li span,#randtag ul li span{ font-size: 12px;color:#999;position: relative;top:-2px;} /* 链接 */ #divArchives ul,#divAuthors ul,#divFavorites ul,#divLinkage ul,#divStatistics ul{font-size: 0;padding:0 0 15px 15px} #divArchives ul li,#divAuthors ul li,#divFavorites ul li,#divLinkage ul li,#divStatistics ul li{width:50%;display: inline-block;} #divArchives ul li a,#divAuthors ul li a,#divFavorites ul li a,#divLinkage ul li a,#divStatistics ul li a{padding:0 15px 0 0;} #divCalendar caption{font-size:16px;line-height:40px} #divCalendar table{width:100%;border-collapse:collapse;text-align:center} #divCalendar div{margin:0 -1px -1px -1px;padding:0;} #divCalendar thead tr{background:#87a9c5!important;color:#fff} #divCalendar table td,#divCalendar table th{padding:8px 0;vertical-align:middle;text-align:center} #divCalendar table th{border: .01rem solid #ebebeb} #divCalendar table td{border: .01rem solid #f2f2f2;color:#999} /* 搜索 */ #divSearchPanel form{position:relative;width:100%} #divSearchPanel input[type=text]{display:block;padding:1px 55px 0 5px;width:100%;height:36px;border: .01rem solid #ebebeb;line-height:36px} #divSearchPanel input[type=submit]{position:absolute;top:0;right:0;width:50px;border:0;background:#0069cc;color:#fff;line-height:36px;cursor:pointer} #divSearchPanel input[type=submit]:hover{background:#0077e6} /* 控制面板 */ #divContorPanel div{text-align:center;} #divContorPanel div a{display:inline-block;margin-top:10px;padding:0 15px;border: .01rem solid #f2f2f2;border-radius:10px;background:#f7f7f7;line-height:30px} #divContorPanel div a:hover{background:#f2f2f2;} /* 网站评论 */ #comments .h3 span small{position: relative;top:-1px; margin:0 2px; border-radius: 2px; font-size: 14px ; padding:2px;background:#4baa4e;color:#fff} .compost{margin:0 0 20px 0;} .compost .com_name span{display:inline-block;margin:0 20px 10px 0;line-height:21px;} .compost .com_info{overflow:hidden;font-size: 0;position: relative;} .compost .com_info li{position:relative; display: inline-block;font-size:14px;width:32%; margin:0 2% 20px 0 } .compost .com_info li:nth-child(3){margin:0 0 20px 0;} .compost .com_info li input{padding:0 10px;width:100%;border: .01rem solid #e6e6e6;line-height:36px;height:36px;} .compost .com_info li img{position:absolute;top:0;left:100%;width:108px;height:36px;cursor:pointer;} .compost .com_info textarea{display:block;margin-bottom:20px;font-size:14px;padding:10px;width:100%;border: .01rem solid #e6e6e6;} .compost .com_info button,.writing button{display:inline-block;padding:0 20px;background:#0069cc;color:#fff;line-height:36px; border-radius: 5px; cursor:pointer} .compost .com_info button:hover , .writing button:hover{background:#0077e6} .compost .com_info button::after , .writing button::after{line-height:1;position: relative; top:0.1rem;margin: 0 0 0 3px;content: "\f130";font-family:uicons-regular-rounded;} .comlist ul:nth-child(3){border-top: .01rem solid #f2f2f2;} .comlist ul{ border-bottom: .01rem solid #f2f2f2;border-left: .01rem solid #f2f2f2; border-right:.01rem solid #f2f2f2;} .comlist ul ul.bordertop{margin-top:0;} .comlist ul ul{margin:0 15px 15px 5%;border: .01rem solid #f2f2f2;box-shadow:1px 1px 5px rgba(0,0,0,.1)} .comlist ul p ul.bordertop{margin:15px 0 0 0;} .comlist li{display:block;overflow:hidden;padding:15px} .comlist li:hover{background:#f4f7fb;} .comlist .reply:hover{background: #fff;} .comlist .reply li:hover{background:#f4f7fb;} .comlist li.reply:hover{background: #fff;} .comlist li img{float:left;width:39px;height:39px;border-radius:50%} .comlist li:hover img {-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);transform:rotateZ(360deg)} .comlist .reply:hover img , .comlist .reply .reply:hover img {-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg)} .comlist .reply li:hover img , .comlist .reply .reply li:hover img {-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);transform:rotateZ(360deg)} .comlist li .clbody{margin-left:50px} .comlist li.reply{padding:0!important} .clbody .cinfo{overflow:hidden} .clbody .cinfo h5{float:left;font-weight:normal;font-size:14px;line-height:21px} .clbody .cinfo span{float:right} .clbody em{display:block;margin-bottom:10px;color:#999;font-style:normal;font-size:12px;line-height:18px} .clbody p{line-height:150%} .clbody .cinfo h5,.clbody .cinfo span a,.clbody p a,.compost .com_name a{color:#7494b4} /* 评论打分 */ .comment-rating{display: inline-block;position: absolute; left:128px;bottom:2px;} .comment-rating label{font-size: 24px; line-height: 1; padding:0 2px;color:#f5ca0a; cursor: pointer; } .comment-rating input{display: none;} .comment-rating label::before{content: "\f4e0";font-family:uicons-regular-rounded;} /* 点击添加类active */ .comment-rating label:hover ~ label , .comment-rating label.active ~ label{color:#e6e6e6;} .comment-rating label.active-all{color: #f5ca0a !important;} /* 评论翻页 */ .comlist .pagebar{margin:10px 0 0 0;} .comlist .pagebar .page{margin:10px 3px 0 3px;} /* 页脚 */ footer{ position: relative;} footer div.section:first-child{margin: 0 0 20px 0;} footer div.section:last-child{margin: 0;} .footer{border-top: .01rem solid #e6e6e6;padding:5px 0 20px 0;font-size: 14px;color:#999;} .footer a{color:#999;} .footer ul{line-height:150%;margin:15px 0 0 0;} .footer ul li{display:inline-block;margin-right:15px} .footer p{margin:15px 0 0 0;line-height:150%;} .gongan{position:relative;top:-2px;margin-right:2px;width:16px;height:16px} @media screen and (max-width:1816px){ .main-width{padding:0 20px;} } /* 最大网页宽度1280px */ @media screen and (max-width:1536px){ /* 目录 */ .freecatalog{top: 60px; bottom: 0; width: 200px; left: -200px;border-right:.01rem solid #e6e6e6;} .freecatalog div{width:220px;} .freecatalog ul{width:200px;} .freecatalog ul{border:0;} .freecatalog ul li a{font-size: 14px;} /* 目录——按钮 */ .freecatalog-button{position: fixed; z-index: 99; top:120px;left:0; background: #fff;padding:10px 5px 3px 3px; border-top: .01rem solid #e6e6e6;border-right:.01rem solid #e6e6e6;border-bottom: .01rem solid #e6e6e6;letter-spacing:2px; height:auto; writing-mode: tb-rl;display: block;font-size: 14px;letter-spacing:5px;} .freecatalog-button::before{position: relative; left:0.05rem; margin-bottom:2px;font-size: 12px;content:"\f134";font-family: uicons-regular-rounded;} .f-hide-icon::before{content:"\f133";} .freecatalog-button span{display: block; position:absolute;left:0;top:0;right:0;bottom:0;} .freecatalog-button span::before{content: " ";} .freecatalog-button .f-hide{display: none;} /* 主体 */ .main-left-220{ margin-left: 0px;} /* 图文列表 */ .list-it li{width:100%;} /* 页脚 */ } @media screen and (max-width:1260px){ .pc{display:none!important} /* 移动端隐藏 */ .login,.nav,.nav li:hover ul,.search{display:none} .login,.nav,.search{box-shadow:1px 1px 5px rgba(0,0,0,.1)} /* 移动端按钮 */ .button-box{display:block;height:60px;text-align:right;float: right;} .button-box button{padding:0 10px;line-height:60px;font-size:14px;cursor:pointer;} .button-box button::before{display:block;font-family:uicons-regular-rounded;} .button-box button#mnav::before{content:"\f59d"} .button-box button#msearch::before{content:"\f6c6"} .button-box button#muser::before{content:"\f80b"} .button-box button:hover{color:#0069cc} .login,.nav,.search{position:absolute;height:auto;top:60px;right:0;left:0;z-index:5;margin:0;width:100%;background:#fff;transition:top .5s} .login , .search{padding:20px} /* 导航 */ .nav {overflow: auto;line-height:36px;max-height: calc(100vh - 60px);} .nav li{width:100%;line-height:36px;height:auto;} .nav li a:hover , .nav li.current-li a{color:#333;} .nav li .nav-show {position:absolute;right:0;top:0;padding:5px; cursor: pointer;margin:0;z-index: 5;font-size: 12px;} .nav li .nav-show::after{ position: static; content:"\f64e";padding:0 6px; line-height: 26px; height: 26px; border: .01rem solid #f2f2f2;background:#fff; box-sizing: border-box; display: block;} .nav li .nav-hide::after{content:"\f5b7";} .nav li::before{border-bottom:0;} .nav li a:hover , .nav li a.current , .nav li ul li.current-li a{background:#f2f2f2;} .nav li.current-li ul{display: block;} .nav li ul{position: static;top:0;margin:10px;} .nav li ul li:hover , .nav li ul li.current-li{background:#fff;} .nav li ul li{border-top:0;} .dayandnight{padding:0;} /* 应用列表 */ .list-app {margin:0 -2%;} .list-app li{ width:46%; margin:20px 2% 0 2%; } .list-app li:first-child ,.list-app li:nth-child(2){margin:0 2%;} .list-app li:nth-child(3),.list-app li:nth-child(4){margin:20px 2% 0 2%;} /* 软件列表——简单 */ .list-topapp li{ width:21%; margin:20px 2% 0 2%;} .list-topapp li:nth-child(3),.list-topapp li:nth-child(4){margin:0 2%;} .list-topapp li:nth-child(5),.list-topapp li:nth-child(6),.list-topapp li:nth-child(7), .list-topapp li:nth-child(8){ margin:20px 2% 0 2%;} /* 图文列表 */ .list-it li{width:100%;margin:20px 0 0 0;} .list-it li:first-child{margin:0;} .list-it li:nth-child(2){margin:20px 0 0 0;} /* 两栏列表 */ .twocolumn div.section , .twocolumn div.section:nth-child(2){width:100%;margin:20px 0 0 0;} .twocolumn div.section:first-child{margin:0} /* 合作伙伴&友情链接 */ .partner li , .links li{width:20%; } } /* 最大网页宽度980px */ @media screen and (max-width:980px){ .main-left , .main-left-220 , .main-right{margin:0;width:100%;} .main-right{margin:-20px 0 0 0 ;} /* 三栏文章列表 */ .threecolumn div.section{width:49%;} .threecolumn div.section:nth-child(3n) {margin:0;} .threecolumn div.section:nth-child(2n-1) {margin:20px 2% 0 0;} .threecolumn div.section:nth-child(2n) {margin:20px 0 0 0;} .threecolumn div.section.section:first-child{margin:0 2% 0 0;} .threecolumn div.section.section:nth-child(2){margin:0;} /* 重置编辑器——多图上传 */ #edui_fixedlayer .edui-dialog-body{padding:2px 1px 0 1px!important;} #edui_fixedlayer .edui-dialog-titlebar , #edui_fixedlayer .edui-dialog-foot{background: transparent!important;} #edui_fixedlayer .edui-dialog-content{max-height:400px!important;max-width:350px!important;position: relative;} #edui_fixedlayer .edui-dialog-content::before{ content: ""; position: absolute;left:7px;top:0; width:125px;height:38px; border-bottom: .01rem solid #cccccc; display: block; background: #fff;z-index: 99;} /* 热门应用 */ } @media screen and (max-width:720px){ /* 图文列表 */ .list-it li h2{height:48px; white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .list-it li .pic{width:152px;height:114px} .list-it li p{display: none;} /* 应用列表 */ .list-app li a{padding:10px;} .list-app li .pic{margin:0;text-align: center;width:100%;display: block;float: none;} .list-app li h2 {margin:10px 0 0 0;font-size: 14px;} .list-app li h2 , .list-app li .info{text-align: center;} .list-app li .platform , .list-app li p{display: none;} /* 图片列表 */ .list-pic li{width:49%; margin:20px 2% 0 0; } .list-pic li:nth-child(3){margin:20px 2% 0 0;} .list-pic li:nth-child(2n) , .list-pic li:nth-child(4){margin:20px 0 0 0;} .list-pic li:nth-child(2){margin:0} /* 三栏文章列表 */ .threecolumn div.section{width:100%;margin:20px 0 0 0;} .threecolumn div.section:nth-child(3n),.threecolumn div.section:nth-child(2n-1),.threecolumn div.section:nth-child(2n) ,.threecolumn div.section.section:nth-child(2){margin:20px 0 0 0;} .threecolumn div.section:first-child{margin:0} /* 合作伙伴&友情链接 */ .partner li , .links li{width:33.33333333%; } /* 文章扩展 */ .article-extend .info , .article-extend .tags , .article-extend .article-extend-button{text-align:center;} /* 翻篇 */ .turn li{width:100%} .turn li:nth-child(2){margin:20px 0 0 0;} /* 热门应用 */ } @media screen and (max-width:480px){ /* 当前分类子分类 */ .subcategorys{padding: 0 5px 15px 5px;} .subcategorys ul{padding:15px 0 0 40px;} .subcategorys span , .subcategorys li{margin:0 10px;font-size: 14px;} /* 软件列表——简单 */ .list-topapp li{ width:46%;} .list-topapp li:nth-child(3),.list-topapp li:nth-child(4){ margin:20px 2% 0 2%;} /* 图文列表 */ .list-it li .pic{width:148px;height:111px} .list-it li h2 {height:45px;font-size: 15px;line-height: 22.5px;} .list-it li .info span.left{display: none;} /* 图片列表 */ .list-pic li h2{height:45px;font-size: 15px;line-height: 22.5px;} .list-pic li .info .timeicon {display: none;} /* 轮播图 */ .slides p{padding:20px 10px 10px 10px} .slides p a{width:70%} .slides_tabs{right:10px;bottom:19px} /* 纯标题列表 */ .list-a li{white-space:normal} /* info */ .info{font-size: 12px;} .app-info div{width: 100%;} /* 反馈 */ .feedback{left:15px;margin:-200px 0 0 0; width: -webkit-calc(100% -30px);width: -moz-calc(100% - 30px);width: calc(100% - 30px); } /* 切换 */ .content-tab li{margin:0 10px; } .content-tab li:first-child{margin:0 10px 0 0;} .content-tab li:last-child{margin:0 0 0 10px;} /* 评论 */ .compost .com_info li{width:100%; margin:0 0 20px 0 } .compost .com_info li.inpVerify{width:50%;} .comlist ul ul{margin:0 10px 10px 5%;} .comlist ul p ul.bordertop{margin:10px 0 0 0;} .comlist li{padding:10px} /* 评论打分 */ .comment-rating{position:initial;width:100%;margin:0 0 15px 0;} .comment-rating label{font-size: 20px; } /* 页脚 */ .footer{font-size: 12px;} } /* 夜间模式 */ body.fuinight {background: #333; color:#d9d9d9; } body.fuinight img{filter:brightness(80%);} body.fuinight a{color:#d9d9d9;} body.fuinight a:hover{color:#0069cc;} body.fuinight header , body.fuinight .dayandnight , body.fuinight .login , body.fuinight .search{background: #3b3b3b; border-bottom:.01rem solid #444;} /* logo */ body.fuinight .logo img{filter: brightness(100%);} body.fuinight .dayandnight button{color:#d9d9d9;} /* 登录 */ body.fuinight .login{color:#d9d9d9;} body.fuinight .login a{border-left: .01rem solid #444} body.fuinight .login a:first-child{border:0;} /* 搜索 */ body.fuinight .search input{border: .01rem solid #444;background: #333; color:#d9d9d9;} body.fuinight .search button{color:#d9d9d9;} /* 菜单 */ body.fuinight .nav li ul{background:#333;border: .01rem solid #3d3d3d;} body.fuinight .nav li .nav-show::after{color:#555;} body.fuinight .nav li ul li{border-top: .01rem solid #3d3d3d;} body.fuinight .nav li ul li:first-child {border-top:0;} body.fuinight .nav li.current-li ul li a{color:#d9d9d9;} body.fuinight .nav li ul li:hover , body.fuinight .nav li ul li.current-li{background:#3d3d3d;} /* 重置背景 */ body.fuinight .freecatalog {border-right:.01rem solid #444;} body.fuinight .freecatalog ul ul{border: .01rem solid #3d3d3d;} body.fuinight .freecatalog , body.fuinight .section , body.fuinight .content, body.fuinight .function{background: #333;} body.fuinight .list-a , body.fuinight #divCatalog ul ul, body.fuinight .function_c {border: .01rem solid #3d3d3d;} /* 排行榜 */ body.fuinight .section .h3 span , body.fuinight .section .h3 span a{color:#777;} body.fuinight .section .h3 .ranking-tab li{border: .01rem solid #3d3d3d;} body.fuinight .section .h3 .ranking-tab li.act_active{background:#444;color:#d9d9d9;} /* 当前分类子分类 */ body.fuinight .subcategorys , body.fuinight .app-info{border: .01rem solid #444} body.fuinight .content-tab{border-bottom: .01rem solid #444;background: #333;} /* 纯标题列表 */ body.fuinight .list-a li span{color:#777;} /* 图文列表 */ body.fuinight .list-it li , body.fuinight .list-pic li , body.fuinight .list-app li , body.fuinight .partner li , body.fuinight .turn li{border: .01rem solid #3d3d3d;} body.fuinight .list-it li p , body.fuinight .list-app li .intro , body.fuinight .list-app li p{color:#777;} body.fuinight .list-it li:hover , body.fuinight .list-pic li:hover , body.fuinight .list-app li:hover , body.fuinight .partner li:hover , body.fuinight .turn li:hover{box-shadow:0 3px 5px rgba(0,0,0,.2);} /* */ body.fuinight .freecatalog a:hover , body.fuinight .freecatalog a.current , body.fuinight #divCatalog a:hover , body.fuinight #divCatalog a.current{background: #3d3d3d;color:#cccccc; } body.fuinight .freecatalog ul li .sub-show::after ,body.fuinight #divCatalog ul li .sub-show::after{border: .01rem solid #3d3d3d;background:#333; } /* 当前位置 */ body.fuinight .breadcrumb{border-bottom: .01rem solid #444;color:#777;} body.fuinight .breadcrumb a{color:#777} body.fuinight .breadcrumb a:hover{color:#0069cc} /* 文章属性 */ body.fuinight .info , body.fuinight .info a , body.fuinight .article-extend-app p{color:#777} body.fuinight .info a:hover{color:#0069cc} /* 下载地址 */ body.fuinight .list-down .list-down-li{border: .01rem solid #3d3d3d} body.fuinight .list-down-url li a{border: .01rem solid #444;} body.fuinight .list-down-url li a:hover{background: #3d3d3d;} /* */ body.fuinight .pagebar .page{border: .01rem solid #3d3d3d;background:#333;} body.fuinight .pagebar .now-page,body.fuinight .pagebar .page:hover{border: .01rem solid #0069cc;background:#0069cc;color:#d9d9d9} body.fuinight #divCalendar thead tr{background:#3d3d3d!important;color:#d9d9d9} body.fuinight #divCalendar table th{border: .01rem solid #444} body.fuinight #divCalendar table td{border: .01rem solid #3d3d3d;} body.fuinight #divSearchPanel input[type=text]{border: .01rem solid #444;background: #333;} body.fuinight #divSearchPanel input[type=submit]{color:#d9d9d9;} /* 排行榜 */ body.fuinight .function_c ul li small , body.fuinight .list-a li small{color:#d9d9d9;background: #444;} .function_c ul li:nth-child(1) small , .list-a li:nth-child(1) small{background: #f44444!important;} .function_c ul li:nth-child(2) small , .list-a li:nth-child(2) small{background:#ff8a40!important;} .function_c ul li:nth-child(3) small , .list-a li:nth-child(3) small{background:#7cca4d!important;} /* 标签 */ body.fuinight #divTags ul li span, body.fuinight #hottag ul li span, body.fuinight #randtag ul li span{color:#777;} /* 作者信息 */ body.fuinight #author .authorcount{border-top: .01rem solid #3d3d3d;} body.fuinight .authorcount div{border-right: .01rem solid #3d3d3d;} body.fuinight #author .authorbg .avatar{background: #333;} body.fuinight #author .authorbg img{filter:brightness(80%);} body.fuinight #author .authorbg .avatar img{filter:brightness(80%);} /* 文章扩展 */ body.fuinight .function_t{ border-top: .01rem solid #3d3d3d;border-left: .01rem solid #3d3d3d;border-right: .01rem solid #3d3d3d;} body.fuinight .columnintro::before , body.fuinight .article blockquote::before{color:#444;} /* table */ body.fuinight .article table th{border: .01rem solid #555;} body.fuinight .article table td{border: .01rem solid #444;} body.fuinight .article table tr:nth-child(2n){background:#3d3d3d;} body.fuinight .article table>thead>tr{background:#444;} /* 版权声明 */ body.fuinight .articlecopyright{border-left:3px solid #444; background: #3b3b3b;} body.fuinight .articlecopyright, body.fuinight .articlecopyright a , body.fuinight .app-declare p , body.fuinight .app-declare a{color: #777;} /* 反馈 */ body.fuinight .feedback{filter: brightness(90%);} /* 重置编辑器 */ body.fuinight .edui-default .edui-editor-bottomContainer td{border-top: .01rem solid #444;border-left: 0;border-right: 0;border-bottom: 0;} body.fuinight .edui-default .edui-editor-toolbarboxouter{background: #333;border-bottom: .01rem solid #444;} body.fuinight .edui-box{background: #fff;border-radius: 2px;color:#333;} body.fuinight .edui-default .edui-popup{color:#333;} body.fuinight .edui-default .edui-toolbar .edui-separator{width:0;margin:0!important} .edui-default .edui-editor-toolbarbox{box-shadow: none!important;} body.fuinight .edui-default .edui-editor{border: .01rem solid #444;background: #333;color:#d9d9d9} body.fuinight .edui-default .edui-toolbar .edui-button, body.fuinight .edui-default .edui-toolbar .edui-splitbutton, body.fuinight .edui-default .edui-toolbar .edui-menubutton, body.fuinight .edui-default .edui-toolbar .edui-combox {margin: 2px;} body.fuinight .edui-editor-iframeholder{background: #ccc;} body.fuinight .edui-default .edui-editor-breadcrumb span{color: #e0a552;} body.fuinight .writing input,body.fuinight .writing select{border: .01rem solid #444;background: #333;color:#d9d9d9;} body.fuinight .writing .btnbox , body.fuinight .appmeta #metabtn{ background:#3d3d3d;color:#d9d9d9} body.fuinight .writing .btnbox:hover , body.fuinight .appmeta #metabtn:hover{background:#444;} body.fuinight .compost .com_info li input , body.fuinight .compost .com_info textarea{background: #333; border: .01rem solid #444;color:#d9d9d9;} body.fuinight .compost .com_info button,body.fuinight .writing button{color:#d9d9d9;} /* 重置评论 */ body.fuinight .comlist ul.bordertop{border-top: .01rem solid #3d3d3d;} body.fuinight .comlist ul{ border-bottom: .01rem solid #3d3d3d;border-left: .01rem solid #3d3d3d; border-right:.01rem solid #3d3d3d;} body.fuinight .comlist ul ul{border: .01rem solid #3d3d3d;} body.fuinight .comlist li:hover{background:#2c2e30;} body.fuinight .comlist .reply:hover{background: #333;} body.fuinight .comlist .reply li:hover{background:#2c2e30;} body.fuinight .comlist li.reply:hover{background: #333;} body.fuinight #comments a:hover{color:#7494b4} /* 评论打分 */ body.fuinight .comment-rating label:hover ~ label, body.fuinight .comment-rating label.active ~ label{color:#444;} /* 重置页脚 */ body.fuinight footer div.footer{border-top: .01rem solid #444;} body.fuinight footer div.footer , body.fuinight footer div.footer a{color:#777;} /* 夜间模式,最大网页宽度1280 */ @media screen and (max-width:1536px){ /* 目录 */ body.fuinight .freecatalog-button{background: #333;color: #d9d9d9; border-top: .01rem solid #444;border-right:.01rem solid #444;border-bottom: .01rem solid #444;} body.fuinight .freecatalog-button::before{color: #d9d9d9; } } /* 夜间模式,最大网页宽度980px */ @media screen and (max-width:1260px){ body.fuinight .button-box button{color:#d9d9d9;} body.fuinight .login, body.fuinight .nav, body.fuinight .search{background: #333;} body.fuinight .nav li a:hover , body.fuinight .nav li.current-li a{color:#d9d9d9;} body.fuinight .nav li .nav-show::after{border: .01rem solid #3d3d3d;background:#333;color:#999;} body.fuinight .nav li a:hover , body.fuinight .nav li a.current , body.fuinight .nav li ul li.current-li a{background:#3d3d3d;} body.fuinight .nav li ul li:hover , body.fuinight .nav li ul li.current-li{background:#fff;} body.fuinight .nav li ul li{border-top:0;} }