/*
 * 作品依赖：Z-BlogPHP
 * 作品 ID ：fui_docs
 * 前端框架：FinchUI
 * _|_|_|_|  _|_|_|  _|      _|    _|_|_|  _|    _|  _|    _|  _|_|_|  
 * _|          _|    _|_|    _|  _|        _|    _|  _|    _|    _|    
 * _|_|_|      _|    _|  _|  _|  _|        _|_|_|_|  _|    _|    _|    
 * _|          _|    _|    _|_|  _|        _|    _|  _|    _|    _|    
 * _|        _|_|_|  _|      _|    _|_|_|  _|    _|    _|_|    _|_|_|     
 * 发布时间：2022-10-30
 * 作者名称：星岚工作室
 * 作者官网：https://www.hnysnet.com
 * 作者邮箱：hnysnet@qq.com
 * 作者 QQ ：914466480
 * 官方声明：用户已购买的应用只能单一账号下使用,不得二次发布、赠送、转售、租让、盗版等,如被查实将被永久关闭用户账号。                                                              
 */
@charset "UTF-8";
html{word-wrap:break-word;word-break:break-all}
body{background: #fff; color:#333;font-size:14px;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{z-index:999;height:auto;background:#fff;transition:top .5s;height:60px;margin:0;padding:0 30px;box-shadow:0 3px 5px rgba(0,0,0,.07)} 
.header-fixed{position:fixed;top:0;right:0;left:0;}
.headerhide{top:-60px}
/* logo和标题 */
.logo{margin:20px 0;float: left;}
.logo img{height:20px;display: block;}
.name{float: left;white-space:nowrap;font-size:18px;line-height:60px;margin-left: 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:#333;}
.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:1px solid #ededed;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:1px solid #ededed;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"}
/* 搜索 */
.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:1px solid #ddd;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;}
/* 登录 */
.login{float: right; color:#999;text-align:right;line-height:30px;height:60px;padding:15px 0 ;background: #fff;}
.login a{border-left:1px solid #ebebeb}
.login a{margin-left:10px;padding-left:10px}
.login a:first-child{border:0}
.main{position: relative;padding-top:60px;}
.main-width{position:relative;margin:0 auto;max-width:1280px;}
.pl250{left: 125px;}
.docs-head{padding:50px 0;background-repeat: no-repeat;background-position: top; background-size: cover;z-index: 2;position: relative;background-image: url(images/docs-head.jpg);}
.docs-head::after {background: #0069cc;content: ""; display: block;height: 100%;position: absolute;top: 0; width: 100%; z-index: -1;-moz-opacity: .03; opacity: .03;}
.docs-name{line-height: 1;font-size: 36px;font-weight: bold;margin:0 0 20px 0;}
/* 搜索 */
.docs-search{width:100%;height:40px;}
.docs-search form{position:relative}
.docs-search input{padding:0 57px 0 10px;width:100%;height:40px;border:1px solid #f2f2f2;border-radius: 5px;  color:#666;vertical-align:bottom;line-height:40px}
.docs-search button{position:absolute;top:0;right:0;padding:0 10px 0 0;line-height:40px;cursor:pointer;}
.docs-search button::before{line-height: 1;position:relative;top:0.1rem; padding:0 5px;font-family:uicons-regular-rounded;}
.docs-search button::before{content:"\f6c6";}
.docs-search button:hover {color:#0069cc;}
/* 热门搜索 */
.hot-search{line-height: 30px;color:#666;overflow: hidden;margin:20px -10px 0 -10px;font-size: 14px;}
.hot-search span{margin:0 0 0 10px;display: inline-block;}
.hot-search a{margin:0 10px;display: inline-block;color:#666;}
.docs-head-fixed{position: fixed;top:60px;left:0;right:0;height:60px;min-height: auto;padding:10px 0;background: #fff;display: none;}
.docs-head-fixed .docs-name , .docs-head-fixed .hot-search{display: none;}
/* 目录 */
.freecatalog{position: fixed;z-index: 99; top:90px;bottom:60px; width:220px; overflow: hidden;margin-left:-250px;}
.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;border:1px solid #ededed;}
.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 10px;}
.freecatalog a:hover , .freecatalog a.current{background: #f2f2f2;color:#555; }
/* .freecatalog ul li a.cut_65{width: -webkit-calc(100% - 45px);width: -moz-calc(100% - 45px);width: calc(100% - 45px);} */
.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; background: #fff; border:1px solid #ededed; 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;box-shadow:1px 1px 5px rgba(0,0,0,.1)}
.freecatalog ul ul{width:auto;}
/* .freecatalog ul ul ul{background: #ebebeb;border:1px solid #e0e0e0;} */
/* 主体开始 */
.main-left{float:left;width: -webkit-calc(100% -340px);width: -moz-calc(100% -340px);width: calc(100% - 340px);} 
/* 主体错位 */
.section , .content{margin:30px 0;clear: both;position:relative;}
.section .h3{line-height:24px;width:100%; display: block;margin:0 0 20px 0;font-size: 0;}
.section .h3 h3{font-weight:normal;font-size:16px;padding:0 0 10px 0;display: inline-block;position: relative;}
.section .h3 h3::before{content: ""; width:50%; height:2px;border-radius: 2px;background: #0069cc;display: inline-block;position: absolute;top:32px ;left:0;transition: all .2s;}
.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:hover h3::before{width:100%; }
/* haibao */
.booth img{width:100%;display: block;}

/* 当前位置 */
.breadcrumb{font-size:14px;color:#999; line-height:150%;margin:30px 0 0 0; border-bottom:1px solid #ededed;padding:0 0 10px 0;}
.breadcrumb i{margin:0 5px;font-size: 12px;position: relative; top:-0.04rem}
.breadcrumb a {color:#999}
.breadcrumb a:hover {color:#0069cc}
/* 当前分类子分类 */
.subcategorys{border:1px solid #ddd;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; color:#ddd; font-family:uicons-regular-rounded;}
.sortlist li a.current.up-icon::before{content: "\f184";}
.sortlist li a.current.down-icon::before{content: "\f161";}

/* 文章图标列表 */
.list-docs{font-size: 0;}
.list-docs li{position:relative;display:inline-block;overflow: hidden; width:32%; margin:20px 2% 0 0;border-radius: 10px;  box-shadow:0 3px 5px rgba(0,0,0,.07);background-repeat: no-repeat;background-position: top; background-size: cover;z-index: 1;position: relative;background-image: url(images/docs-li.jpg);
}
.list-docs li::after {background: #0069cc;content: ""; display: block;height: 100%;position: absolute;top: 0; width: 100%; z-index: -1;-moz-opacity: .03; opacity: .03;
}
.list-docs li:nth-child(2n):after {background: #00b8cc;
}
.list-docs li:nth-child(3n):after {background: #00cc25;
}
.list-docs li:nth-child(3n){margin:20px 0 0 0;}
.list-docs li:first-child , .list-docs li:nth-child(2){margin:0 2% 0 0;}
.list-docs li:nth-child(3){margin:0;}
.list-docs li a{display: block;padding:20px;}
.list-docs li .pic{width:100%;height:60px;}
.list-docs li .pic img{max-width:100%;height:60%;object-fit:cover;}
.list-docs li .pic-icon{line-height: 60px;height: 60px;width:100%;display: block;}
.list-docs li .pic-icon::before{font-family:uicons-regular-rounded;font-size: 60px;color: #333; }
.list-docs li .pic-icon::after{ content:"了解详情 >";font-size: 14px;float: right;display: none; }
.list-docs li:hover .pic-icon::after{display: block;}
.list-docs li h2{ line-height: 150%;  font-size: 20px;font-weight: normal;  margin-top: 20px;color: #333;}

/* 文档列表 */
.docs-title{font-size:24px ; }
.docs-title a{text-decoration: underline;}

/* 纯标题列表 */
.list-a{font-size:0;}
.list-a li{ display:inline-block; font-size:14px;line-height:150%; width:32%; margin:15px 2% 0 0;}
.list-a li:nth-child(3n){ margin:15px 0 0 0;}
.list-a li:first-child , .list-a li:nth-child(2) {margin:0 2% 0 0;}
.list-a li:nth-child(3){margin:0;}
/* 图文列表 */
.list-it{font-size: 0;}
.list-it li{position:relative;display:inline-block;overflow: hidden; width:49%; margin:20px 2% 0 0;padding:20px 0 0 0;border-top:1px solid #ededed;}
.list-it li:nth-child(2n){margin:20px 0 0 0;}
.list-it li:first-child{margin:0 2% 0 0;padding:0;border-top:0;}
.list-it li:nth-child(2){margin:0;padding:0;border-top:0;}
.list-it li .pic{float:left;width:156px;height:117px;margin:0 15px 0 0;}
.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;}
.list-it li p{margin:15px 0;height:42px;color:#999;font-size:14px;line-height:21px;}
.list-it li .info{overflow:hidden;margin:15px 0 0 0;line-height:21px;}
.list-it li .info span{margin:0;}
/* 友情链接 */
.links{font-size: 0;margin:-15px -10px 0 -10px;} 
.links li{display: inline-block;font-size: 14px;line-height:150%; margin:15px 0 0 0;padding:0 10px; width:16.666666%;}
.links li small{position:relative;top:-1px;font-size: 12px;}

/* 合作伙伴 */
.partner{font-size: 0; } 
.partner li{display: inline-block;overflow: hidden;font-size: 14px;text-align: center; line-height:150%;padding:10px;width:10%;border:1px solid #f2f2f2;box-shadow:1px 1px 5px rgba(0,0,0,.05);}
.partner li:hover , .turn li:hover{box-shadow:1px 3px 5px rgba(0,0,0,.1);}
/* 翻页开始 */
.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:1px solid #ededed;border-radius:3px;color:#666;text-align:center;line-height:28px}
.pagebar .now-page,.pagebar .page:hover{border:1px 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; box-shadow:1px 1px 5px rgba(0,0,0,.05);}
.turn li:nth-child(2){margin:0}
.turn li span{display:block;margin-bottom:5px;color:#999;font-size:12px}
/* 单行显示省略号 */
.list-a li , .list-it li h2 ,.list-it li .info, .links li, .section h3 span.recommend_info , .function_c ul li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 2行显示省略号 */
.list-it li p {display:-webkit-box;overflow:hidden;-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.1rem;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}
/* 文章参数 */
.info{color:#999;font-size:14px;line-height:150%;margin:0 -10px;}
.info span{display:inline-block;margin:0 10px;}
.info a{color:#999}
.info a:hover{color:#0069cc}
/* 文章开始 */
.content h1{text-align:center;font-size:24px;line-height:150%;margin:20px 0;}
.content h1 .ArticleEdt{float:right;  color:#266497;font-size:14px;font-weight: normal;}
/* info */
.content .info{margin:20px -10px;text-align:center;}
.content .tags{margin:20px -10px 20px 0;line-height:175%;overflow: hidden;}
.content .tags a{display:inline-block;margin:0 10px 0 0}
/* 反馈 */
#message-feedback{background: #0069cc;}
#message-feedback:hover{background: #0077e6;color:#fff;}
#message-feedback::after{content:"\f334"; margin:0 0 0 5px;}
#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::after{position: relative; top:0;font-size: 18px;font-family:uicons-regular-rounded;}
.feedback #hide-feedback::after{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 div{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:1px solid #ddd;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:1px solid #ddd;}
.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}
/* 文章 */
.article{font-size:14px;}
.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:#ddd;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:1px solid #ddd;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:#ededed;}
.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 div.current{color:red;}
.fui-praise div.like::before , .fui-praise div.dislike::before{line-height:1;position: relative;top:0.08rem;font-family:uicons-regular-rounded;}
.fui-praise div.like::before{content: "\f4e0";}
.fui-praise div.dislike::before{content: "\f4dc";}
.fui-praise li:nth-child(2n-1) div{float:right;text-align: right;}
.fui-praise div span{position: relative;}
.fui-praise 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 {color:#666;}
/* 文章阅读权限提示 */
.ReadingTips{padding:15px 60px 15px 20px ;border:1px solid #ededed;position: relative;font-size:13px;}
.ReadingTips::before{content:"\f571";font-family:uicons-regular-rounded;position: absolute;right:15px; bottom:15px; font-size:24px;color:#ededed;} 
/* 侧栏开始 */
.main-right{float:right;width:310px;margin:0;font-size:0;}
/* 特别修改  */
.function{margin:20px 0;}
.function_t{font-size:16px;padding:0 15px; line-height:40px;border-top:1px solid #ededed;border-left:1px solid #ededed;border-right:1px solid #ededed;}
.function_t::before{content: "";width:4px;height:16px; background: #0069cc;border-radius: 2px;position: relative; top:2.5px;  margin-right: 10px;  display: inline-block;}
/* 文章列表固定 */
.article-list-fixed{position: fixed;top:90px;bottom:100px;  margin:0;width:310px;overflow: hidden;}
.article-list-fixed .function_c{width: 330px;padding: 0 30px 0 0;top: 0;bottom: 0;overflow-x: hidden;overflow-y: scroll;position: absolute; right: -20px;}
.article-list {border:1px solid #ededed;}
.article-list .function_c{border:0;}
.article-list li a.current , .list-a li a.current{color:#0069cc;}
.article-list li a::before{content:"\f5b7";font-family:uicons-regular-rounded; position: relative; top:.08rem;  margin:0 3px 0 0;color:#999;}
/* 模块文章列表预设 */
.function_c{border:1px solid #ededed;}
.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;}
/* 网站评论 */
#comments .h3 span small{position: relative;top:-1px;  margin:0 2px; border-radius: 2px; font-size: 14px ; padding:2px 5px;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:1px solid #ddd;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:1px solid #ddd;}
.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:1px solid #ededed;}
.comlist ul{ border-bottom:1px solid #ededed;border-left:1px solid #ededed; border-right:1px solid #ededed;}
.comlist ul ul.bordertop{margin-top:0;}
.comlist ul ul{margin:0 15px 15px 5%;border:1px solid #ededed;box-shadow:1px 1px 5px rgba(0,0,0,.1)}
.comlist ul p ul{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}

/* 评论翻页 */
.comlist .pagebar{margin:10px 0 0 0;}
.comlist .pagebar .page{margin:10px 3px 0 3px;}
/* 页脚 */
footer{border-top:1px solid #ddd;  padding: 30px 0;font-size: 14px;}
footer, footer a{color:#999;}
footer ul{line-height:150%;margin: 0 -10px} 
footer ul li{display:inline-block;margin:0 10px} 
footer p{margin:20px 0 0 0;line-height:150%;}
.gongan{position:relative;top:-2px;margin-right:2px;width:16px;height:16px}

/* 最大网页宽度1600px */
@media screen and (max-width:1560px){
/* 目录 */
.freecatalog{top: 60px; bottom: 0; width: 200px; left: -200px;border-right:1px solid #ddd;background: #fff; margin:0;}
.freecatalog div{width:220px;}
.freecatalog ul{width:200px;}
.freecatalog ul{border:0;}
.freecatalog ul ul{border:1px solid #ededed;}
.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:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;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;}

/* 合作伙伴&友情链接 */
.partner li , .links li{width:20%; }
.main-width{left:0;}
}
@media screen and (max-width:1280px){
/* 主体 */
.main-width{padding:0 30px;}
footer.main-width{padding:30px;}
.main-left{margin:0;width:100%;} 
.main-right{display: none;} 
.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;margin-right: -10px;}
.button-box button{padding:0 8px;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 30px}
/* 导航 */
.nav {overflow: auto;line-height:36px;max-height: calc(100vh - 60px);}
.nav li{width:100%;line-height:36px;height:auto;}
.nav li a{padding:0 30px;}
.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 5px 0 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:1px solid #ededed;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-docs li{width:100%; margin:20px 0 0 0;}
.list-docs li:nth-child(3n){margin:20px 0 0 0;}
.list-docs li:nth-child(2){margin:20px 0 0 0;}
.list-docs li:nth-child(3){margin:20px 0 0 0;}
.list-docs li:first-child{margin:0;}
/* 纯标题列表 */
.list-a li{ width:48%; margin:15px 4% 0 0;}
.list-a li:nth-child(3n){ margin:15px 4% 0 0;}
.list-a li:nth-child(2n){ margin:15px 0 0 0;}
.list-a li:first-child{margin:0 4% 0 0 ;}
.list-a li:nth-child(2) {margin:0;}
/* 图文列表 */
.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; padding:20px 0 0 0; border-top:1px solid #ededed;}
}
@media screen and (max-width:720px){
/* 合作伙伴&友情链接 */
.partner li , .links li{width:33.333333%; }
/* 聚合搜索 */
.content h1{font-size:20px}
.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;}
/* 翻页 */
.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;}

/* 友情链接 */
.links li{width:50%; }
.links li{padding:0 5px 0 15px;}
.links li:nth-child(2n){padding:0 15px 0 5px;}
/* 纯标题列表 */
.list-a li{ width:100%; margin:15px 0 0 0;}
.list-a li:first-child{margin:0 ;}
.list-a li:nth-child(2) , .list-a li:nth-child(3n){margin:15px 0 0 0;}
/* 图文列表 */
.list-it li .pic{width:112px;height:84px}
/* 反馈 */
.feedback{left:15px;margin:-200px 0 0 0; width: -webkit-calc(100% -30px);width: -moz-calc(100% - 30px);width: calc(100% - 30px); }
/* 评论 */
.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}
/* 页脚 */
footer{font-size: 12px;} 
}
/* 夜间模式 */
body.fuinight {background: #333; color:#e6e6e6; }
body.fuinight img{filter:brightness(90%);}
body.fuinight a{color:#e6e6e6;}
body.fuinight a:hover{color:#0069cc;}
body.fuinight header , body.fuinight .dayandnight , body.fuinight .login , body.fuinight .search{background: #3b3b3b; }
body.fuinight .logo img{filter: brightness(100%);} 
body.fuinight .dayandnight button{color:#e6e6e6;}
/* 登录 */
body.fuinight .login{color:#e6e6e6;}
body.fuinight .login a{border-left:1px solid #444}
body.fuinight .login a:first-child{border:0;}
/* 搜索 */
body.fuinight .search input , body.fuinight .docs-search input{border:1px solid #444;background: #333;color:#e6e6e6;}
body.fuinight .search button , body.fuinight .docs-search button{color:#e6e6e6;}
body.fuinight .search button:hover , body.fuinight .docs-search button:hover{color:#0069cc;}
/* 导航 */
body.fuinight .nav li ul{background:#333;border:1px solid #3d3d3d;}
body.fuinight .nav li .nav-show::after{color:#555;}
body.fuinight .nav li ul li{border-top:1px solid #3d3d3d;}
body.fuinight .nav li ul li:first-child {border-top:0;}
body.fuinight .nav li a:hover , body.fuinight .nav li.current-li ul li a{color:#e6e6e6;}
body.fuinight .nav li ul li:hover , body.fuinight .nav li ul li.current-li{background:#3d3d3d;}
/* 重置首页搜索 */
body.fuinight .docs-head{background: #3b3b3b;  background-image: url(images/docs-head2.jpg);
}
body.fuinight .docs-head::after {background: #3b3b3b;-moz-opacity: .9; opacity: .9;
}
/* 热门搜索 */
body.fuinight .hot-search{color:#777;}
body.fuinight .hot-search a{color:#777;}
body.fuinight .hot-search a:hover{color:#0069cc}
body.fuinight .docs-head-fixed{background: #3b3b3b;}
/* 当前位置 */
body.fuinight .breadcrumb{border-bottom:1px solid #444;color:#777;}
body.fuinight .breadcrumb a {color:#777;}
body.fuinight .breadcrumb a :hover{color:#0069cc}
/* 重置背景 */
body.fuinight .freecatalog {background: #333;}
body.fuinight .freecatalog ul , body.fuinight #divCatalog ul ul,  body.fuinight .partner li , body.fuinight .turn li {border:1px solid #3d3d3d;}
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:1px solid #3d3d3d;background: #333;}
/* 当前分类子分类 */
body.fuinight .subcategorys {border:1px solid #444;}
body.fuinight .subcategorys span{color:#777}
/* 文章图标列表 */
body.fuinight .list-docs li{background-image: url(images/docs-li2.jpg);}
body.fuinight .list-docs li::after {background: #3b3b3b;-moz-opacity: .9; opacity: .9;}
body.fuinight .list-docs li .pic-icon::before{color: #e6e6e6; }
body.fuinight .list-docs li h2{color: #e6e6e6;}
/* 图文列表 */
body.fuinight .list-it li{border-top:1px solid #3d3d3d}
body.fuinight .list-it li:first-child , body.fuinight .list-it li:nth-child(2) {border-top: 0;}
/* 文档列表 */
body.fuinight .article-list{border:1px solid #444}
body.fuinight .article-list li a::before{color:#777;}
/* 列表 */
body.fuinight .turn li ,body.fuinight .partner li{box-shadow:1px 3px 5px rgba(0,0,0,.1);}
body.fuinight .turn li:hover ,body.fuinight .partner li:hover{box-shadow:1px 3px 5px rgba(0,0,0,.2);}
/* #777 */
body.fuinight .info a , body.fuinight .info , body.fuinight .content-enlarge-narrow , .body.fuinight list-pic li .product-price .oldprice{color:#777}
body.fuinight .info a:hover{color:#0069cc}
/* more */
body.fuinight .more a{border:1px solid #3d3d3d;color: #666;}
body.fuinight .more a:hover{border:1px solid #0069cc;background:#0069cc;color:#fff}
/* 翻页 */
body.fuinight .pagebar .page{border:1px solid #3d3d3d;background:#333;}
body.fuinight .pagebar .now-page,body.fuinight .pagebar .page:hover{border:1px solid #0069cc;background:#0069cc;color:#fff}
/* 侧栏 */
body.fuinight .function_t{ border-top: 1px solid #3d3d3d;border-left: 1px solid #3d3d3d;border-right: 1px solid #3d3d3d;}

/* 文章 */
body.fuinight .columnintro::before , body.fuinight .article blockquote::before{color:#444;}
body.fuinight .product-price .price , body.fuinight .product-price .nullprice{color:#f91f1f;}
body.fuinight .article table th{border:1px solid #555;}
body.fuinight .article table td{border:1px 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 #3d3d3d; background: #2c2e30;}
/* 阅读权限 */
body.fuinight .ReadingTips{border:1px solid #3d3d3d;}
body.fuinight .ReadingTips::before{color:#3d3d3d;} 
/* 反馈 */
body.fuinight .feedback{filter: brightness(90%);}
/* 评论 */
body.fuinight .compost .com_info li input , body.fuinight .compost .com_info textarea{background: #333; border:1px solid #444;color:#e6e6e6;}
body.fuinight .compost .com_info button{color:#e6e6e6;}
/* 重置评论 */
body.fuinight .comlist ul.bordertop{border-top:1px solid #3d3d3d;}
body.fuinight .comlist ul{ border-bottom:1px solid #3d3d3d;border-left:1px solid #3d3d3d; border-right:1px solid #3d3d3d;}
body.fuinight .comlist ul ul{border:1px 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 footer{border-top:1px solid #444;}
body.fuinight footer div.footer , body.fuinight footer div.footer a{color:#777;}
/* 最大网页宽度1280px */
@media screen and (max-width:1560px){
body.fuinight .freecatalog{border-right:1px solid #444;}
body.fuinight .freecatalog-button{background: #333;color:#e6e6e6; border-top:1px solid #444;border-right:1px solid #444;border-bottom:1px solid #444;}
body.fuinight .freecatalog-button::before{color:#e6e6e6; }
}
/* 最大网页宽度980px */
@media screen and (max-width:1280px){
body.fuinight .login, body.fuinight .nav{background: #333;}
body.fuinight .nav li .nav-show::after{border:1px 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 a:hover , body.fuinight .nav li.current-li a{color:#e6e6e6;}
body.fuinight .nav li ul li:hover , body.fuinight .nav li ul li.current-li{background:#fff;}
body.fuinight .button-box button{color:#e6e6e6;}
body.fuinight .nav li ul li{border-top:0;}
/* 图文列表 */
body.fuinight .list-it li:nth-child(2){border-top:1px solid #3d3d3d}
}