/*
 * 作品依赖：Z-BlogPHP
 * 作品 ID ：fui_user
 * 前端框架：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 , em{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版隐藏 */
.head-button,.clearsearch , .allcategory-button{display:none}
/* 阴影 */
header{position:fixed;top:0;right:0;left:0;z-index:999;height:auto;background:#fff;transition:top .5s;height:60px;margin:0;padding:0 20px; 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:18px;line-height:60px;margin:0 0 0 10px;}
/* head-menu */
.head-menu {margin:0 -10px 0 0;float: right;}
.head-menu div{ display: inline-block; position: relative;margin:0 5px;line-height: 60px;height:60px;vertical-align:top;}
.head-menu div a{display:flex;padding:0 5px}
.head-menu div a::before{font-family:uicons-regular-rounded;margin:0 5px 0 0;}
.menu-notice a::before{content:"\f826";}
.menu-cart a::before{content:"\f6e4"}
.menu-user{position: relative;}
.head-menu div.menu-user{margin:0 10px;}
.head-menu div.menu-user a{padding:0;}
.menu-user span.menu-user-show::after{font-family:uicons-regular-rounded;margin:0 0 0 2px;content:"\f287"}
.menu-user img{margin:10px 0 0 10px;height:40px;width:40px;vertical-align:top;}
.menu-user-menu{position:absolute;top:60px;right:0;width:100%;min-width: 125px;  padding:10px; display: none; background:#fff;transition:top .5s;border:.01rem solid #f2f2f2;box-shadow:1px 1px 5px rgba(0,0,0,.1)}
.menu-user-menu li{line-height: 36px;text-align: left;}
.menu-user-menu li i{margin: 0 5px 0 0;}
.menu-user-menu li a span{line-height: 36px;}
.menu-user-menu li:last-child{margin:5px 0 0 0;padding:5px 0 0 0;  border-top:1px solid #f2f2f2;}
/* 白天和夜间模式按钮 */
.dayandnight{float:right; height:60px; padding-left:20px; background: #fff; text-align:right;}
.dayandnight button{color:#333;line-height:60px;height:60px; border:0;font-size:14px;cursor:pointer;}
.dayandnight button::before{font-family:uicons-regular-rounded;display: block; padding:0 10px;}
.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:1px 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-width-login{position:relative;margin:0 auto;max-width:720px;}
/* 目录 */
.allcategory{position: fixed;z-index: 4; top:60px;bottom:0; width:220px; background: #fff;border-right: .01rem solid #e6e6e6; overflow: hidden;}
.allcategory div{width:240px;padding: 0 20px 0 0; top:0; bottom:0;overflow-x: hidden;overflow-y: scroll;position: absolute; right:-20px;}
.allcategory ul{width:220px;}
.allcategory ul li{width:100%; line-height:26px;position: relative;}
.allcategory ul li:first-child{border-top: 0;}
.allcategory ul li a{display: block;padding:5px 20px;}
.allcategory ul li a i{margin:0 5px 0 0;}
.allcategory a:hover , .allcategory a.current{background: #f2f2f2;color:#555;}
.allcategory ul li .sub-show {position:absolute;padding:5px;right:0;top:0; cursor: pointer;color:#999;margin:0;z-index: 5;font-size: 12px;}    
.allcategory 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; }
.allcategory ul li .sub-hide::after{content:"\f5b7";}
.allcategory ul li.current-li ul{display: block;}
.allcategory ul li.current-li ul ul{display: none;}
.allcategory ul li.current-li ul li.current-li ul{display: block;}
.allcategory ul li.current-li ul li.current-li ul ul{display: none;}
.allcategory ul li.current-li ul li.current-li ul li.current-li ul{display: block;}
.allcategory ul ul{display: none;transition:top .5s;margin:10px;border:.01rem solid #f2f2f2; }
.allcategory ul ul{width:auto;}
/* 主体开始 */
.main-left-220{margin-left:220px;}
.main-left{float:left;width: -webkit-calc(100% -330px);width: -moz-calc(100% - 330px);width: calc(100% - 330px);} 
/* 主体错位 */
.section , .content{background:#fff;clear: both;}
.section{margin:20px 0;}
.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;}

/* 当前位置 */
.breadcrumb{font-size:0px; line-height:150%;margin:20px 0 0 0; border-bottom:1px solid #ededed;padding:0 0 20px 0; position:relative;}
.breadcrumb h1{font-size: 24px;line-height: 150%;margin:20px 0 0 0;font-weight: normal;}
.breadcrumb .description{font-size: 14px;line-height:  150%;margin:10px 0 0 0;color:#999;}
.breadcrumb .description span{margin:0 20px 0 0;}
.breadcrumb a{position:absolute;right:0;top:2px;font-size: 14px;border:.01rem solid #f2f2f2;padding:0 10px;border-radius: 3px;line-height: 32px;display: block;}
/* 表单 */
.fui-form{font-size: 0;position:relative;display: inline-block;overflow: hidden;width:100%;}
.fui-form li{position:relative; display: inline-block;overflow: hidden;  font-size:14px;width:49%; margin:20px 2% 0 0;vertical-align:top;}
.fui-form li:nth-child(2n){margin:20px 0 0 0;}
.fui-form li:first-child{margin:0 2% 0 0;}
.fui-form li:nth-child(2){margin:0;}
.fui-form  label{font-weight: bold;margin:0 0 10px 0;display: block;line-height: 150%;}
.fui-form input[type="text"] , .fui-form input[type="password"]{padding:0 10px;width:100%;border:.01rem solid #e6e6e6;line-height:36px;height:36px;}
.fui-form  select{padding:0 10px;height:36px;line-height:36px;border:.01rem solid #e6e6e6;}
.fui-form .fui_user_verifycode input{width: calc(100% - 108px);}
.fui-form .fui_user_verifycode img{position:absolute;bottom:0;right:0;width:108px;height:36px;cursor:pointer;}
.fui-form textarea , .buy-form textarea{display:block;font-size:14px;padding:10px;width:100%;border:.01rem solid #e6e6e6;}
/* 提示信息 */
.fui-form p{font-size: 14px;line-height: 150%;margin:20px 0 0 0;}
/* 购买 */
.buy-form , .buy-form .list-add{font-size: 0;position:relative;display: inline-block;overflow: hidden;width:100%;}
.buy-form label{font-weight: bold;margin:0 0 10px 0;display: block;line-height: 150%;}
.buy-form div , .buy-form .list-add li{position:relative; display: inline-block;overflow: hidden;  font-size:14px;width:100%; margin:20px 0 0 0;vertical-align:top;}
.buy-form div:first-child{margin:0 ;}
.buy-form .list-add{font-size: 0;position:relative;display: inline-block;overflow: hidden;width:100%;}
.buy-form .list-add li{width:49%;margin:20px 2% 0 0;}
.buy-form .list-add li label{font-weight: normal;margin:0;}
.buy-form .list-add li:nth-child(2n){margin:20px 0 0 0;}
.buy-form .list-add li:first-child{margin:0 2% 0 0;}
.buy-form .list-add li:nth-child(2){margin:0;}
/* 按钮 */
.fui-form-button{margin:0 -10px;font-size: 0;}
.content .fui-form-button{margin:0 -10px!important;}
.fui-form-button button , .fui-form-button .btn{display:inline-block;margin:20px 10px 0 10px;padding:0 20px;background:#0069cc;color:#fff;line-height:36px;font-size: 14px;border-radius: 5px;  cursor:pointer}
.content .fui-form-button button , .content .fui-form-button .btn{margin:0 10px 20px 10px!important;}
.fui-form-button-100 {margin: 0;}
.fui-form-button-100 button , .fui-form-button-100 .btn{width:100%;display:block;margin:20px 0 0 0; text-align: center;}
.fui-form-button-right{text-align: right;}
.fui-form-button button[type="reset"] , .fui-form-button .btn{background:#f2f2f2;color:#333;border:.01rem solid #e6e6e6;}
.fui-form-button button:hover {background:#0077e6}
.fui-form-button button[type="reset"]:hover , .fui-form-button .btn:hover{background:#ebebeb;}
.fui-form-button button::after, .fui-form-button button::before, .fui-form-button .btn::after{line-height:1;position: relative; top:0.1rem;font-family:uicons-regular-rounded;}
.fui-form-button button::after , .fui-form-button .btn::after{margin: 0 0 0 3px;content: "\f130";}
/* 表单 */
.fui-form-edit{font-size: 0;position:relative;display: inline-block;overflow: hidden;width:100%;}
.fui-form-edit li{position:relative; display: inline-block;overflow: hidden;  font-size:14px;width:100%; margin:20px 0 0 0;vertical-align:top;}
.fui-form-edit li:first-child{margin:0;}
.fui-form-edit li label{font-weight: bold;margin:0 0 10px 0;display: block;line-height: 150%;}
.fui-form-edit li label span{font-weight: normal;}
.fui-form-edit li input{padding:0 10px;width:100%;border:.01rem solid #e6e6e6;line-height:36px;height:36px;}
.fui-form-edit li select{padding:0 10px;width:100%;height:36px;line-height:36px;border:.01rem solid #e6e6e6;}
.fui-form-edit textarea{display:block;font-size:14px;padding:10px;width:100%;border:.01rem solid #e6e6e6;}
.fui-form-edit button {display:block;margin:20px 0 0 0;width:100%;text-align: center;  background:#0069cc;color:#fff;line-height:36px;font-size: 14px;border-radius: 5px;  cursor:pointer}
.fui-form-edit button:hover {background:#0077e6}
.fui-form-edit button::after{line-height:1;position: relative; top:0.1rem;font-family:uicons-regular-rounded;}
.fui-form-edit button::after{margin: 0 0 0 3px;content: "\f130";}
.fui-form-edit p{line-height: 150%;margin:10px 0 0 0; } 
#ajaxtags {border:.01rem solid #f2f2f2;padding:5px 10px 15px 10px;margin:10px 0 0 0; }
#ajaxtags a{margin:10px 10px 0 10px;line-height: 150%;display: inline-block;}
#ajaxtags a.selected{color:#0077e6;}
#ajaxtags a.selected::after{content:"×";display: inline-block;font-size: 14px;margin:0 0 0 2px;position:relative;}
/* 购物车 */
.spinner{position:relative;min-width: 120px; width: 100%; }
.spinner input[type="text"]{padding:0 5px;width:calc(100% - 60px);border:.01rem solid #e6e6e6;margin:0 30px;line-height:28px;height:28px;text-align: center; }
.spinner span{width:28px;line-height:28px;font-size: 12px;  height:28px;position: absolute;display: inline-block;top:0;cursor: pointer;text-align: center; user-select: none;}
.spinner span.up{right:0;}
.spinner span.down{left:0;}
/* 实名认证 */
.fui-form-button button.certified{background:#36ad1f}
.fui-form-button button.certified:hover{background:#36ad1f}
.fui-form-button button.certified::after{content: "";margin:0;}
.fui-form-button button.certified::before{content: "\f2b7";margin:0 3px 0 0;}
.fui-form-button p{font-size: 14px;}

/* 查询表单 */
.fui-form-inline{font-size: 0;position:relative;display: inline-block;overflow: hidden;width:100%;padding:10px 0 10px 20px;border:.01rem solid #e6e6e6;}
.fui-form-inline ul{display: inline;height:46px;vertical-align:top;}
.fui-form-inline li{position:relative; display: inline-block;overflow: hidden;line-height:46px;font-size:14px;margin:0 20px 0 0;vertical-align:top;}
.fui-form-inline li select{padding:0 10px;margin:5px 0;  height:36px;line-height:36px;border:.01rem solid #e6e6e6;}
.fui-form-inline li input[type="text"]{padding:0 10px;margin:5px 0;  width:250px;border:.01rem solid #e6e6e6;line-height:36px;height:36px;}
.fui-form-inline li input[type="checkbox"]{position:relative;top:1px;margin:5px 0;  }
.fui-form-inline button{display:inline-block;margin:5px 20px 5px 0;  padding: 0 20px;  background:#0069cc;color:#fff;line-height:36px;border-radius: 5px;  cursor:pointer}
.fui-form-inline button:hover {background:#0077e6}

/* 提示 */
.alert{padding: 15px 20px;line-height: 150%;font-size: 14px;color:#fff;border-radius: 5px;}
.alert::before{font-family:uicons-regular-rounded;position:relative;top:.12rem;margin:0 3px 0 0;}
.alert-warning{ color: #8a6d3b;background-color: #fcf8e3; border-color: #faebcc;}
.alert-warning a{color: #8a6d3b!important;}
.alert-danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.alert-danger a{color: #a94442!important;}
.alert-danger::before{content: "\f368";}
.alert-success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.alert-success a{color: #3c763d!important;}
.alert-remind {background-color: #ffffdd;color:#333}
/* .alert-remind a{color: #3c763d!important;} */

/* 弹窗公告 */
.up-notice-box{position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 999; width: 100%; height: 100%;display: none;} 
.up-notice{position: fixed;top:50%;left:50%;margin:-215px 0 0 -240px;  width:100%;max-width: 480px; height:auto; padding:20px 0 0 0;font-size: 14px;background: #fff;color:#333;box-shadow:0 3px 5px rgba(0,0,0,.05);}
.up-notice h3{font-size: 16px;text-align: center;line-height: 150%;padding:0 20px;}
.up-notice-content{line-height: 150%;padding:0 20px;margin:20px 0 ;}
.up-notice-content p{margin:20px 0 ;}
.up-notice-check{line-height: 40px;border-top:.01rem solid #f2f2f2;text-align: center;display: block;cursor: pointer;}
.up-notice-check:hover{color:#0069cc;}
/* 登录超时 */
.hint{ width:100%;max-width:100%; height:auto;}
.hint .hint_bad{ background-color: #ffffdd;padding:10px 15px;line-height: 150%;}
.hint .hint_bad::before{font-family:uicons-regular-rounded;content:"\f3df";position:relative;top:.12rem;margin:0 3px 0 0;}
.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{border:.01rem solid #f2f2f2;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;margin:0 -1%}
.list-it li{ width:48%; margin:20px 1% 0 1%; padding:0 15px 0 0;}
.list-it li:first-child , .list-it li:nth-child(2){margin:0 1%;}
.list-it li .pic{float:left;width:192px;height:147px;text-align: center;}
.list-it li .pic img{width:100%;height:100%;object-fit:cover;}
.list-it li .pic-qrcode{padding:10px;}
.list-it li .pic-qrcode img{width:127px;}
.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{margin:0;}
.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; margin:0 -1%;}
.list-pic li{width:23%; margin:20px 1% 0 1%; padding:0 0 15px 0;}
.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-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-panel{font-size: 0; margin:0 -1%;}
.list-panel li{width:23%; margin: 0 1%; padding:15px;position:relative;display: inline-block;overflow: hidden;border:.01rem solid #f2f2f2;}
.list-panel li:hover , .list-dialog li:hover{box-shadow:0 3px 5px rgba(0,0,0,.1);}
.list-panel li div{font-size: 30px;line-height: 1;}
.list-panel li p{font-size: 14px;line-height: 1;margin:10px 0 0 0; color:#999;}
.list-panel li.wallet div{color:#2bac69;}
.list-panel li a::before{font-family:uicons-regular-rounded;position:absolute;right:15px;top:15px;font-size:30px;display: inline-block;line-height: 1;color:#f2f2f2;}
.list-panel li.groups a::before{content: "\f80b";}
.list-panel li.wallet a::before{content: "\f82d";}
.list-panel li.order a::before{content: "\f1aa";}
.list-panel li.cart a::before{content: "\f6e4";}
/* 对话列表 */
.list-dialog{font-size: 0; }
.list-dialog li{width:100%; margin:20px 0 0 0; padding:15px;position:relative;display: inline-block;overflow: hidden;border:.01rem solid #f2f2f2;}
.list-dialog li:first-child{margin:0;}
.list-dialog .avatar{width:40px;height:40px;margin:0 20px 0 0;display: inline-block;overflow: hidden;vertical-align: top;}
.list-dialog .avatar img{width:100%;height:auto;}
.list-dialog .dialog-info {width: calc(100% - 60px);display: inline-block;overflow: hidden;vertical-align: top;font-size: 14px;}
.list-dialog .dialog-info h3{font-size: 14px;line-height: 150%;}
.list-dialog .dialog-info h3 time{float: right;font-size: 12px;color:#999;font-weight: normal;}
.list-dialog .dialog-info p{line-height: 150%;margin:10px 0 0 0;}
/* 网址导航列表 */
.list-website , .list-qrcode{font-size: 0;margin:0 -1%;}
.list-website li , .list-qrcode li{width:18%;margin:20px 1% 0 1%;}
.list-website li:first-child ,.list-website li:nth-child(2),.list-website li:nth-child(3),.list-website li:nth-child(4),.list-website li:nth-child(5) , .list-qrcode li:first-child ,.list-qrcode li:nth-child(2),.list-qrcode li:nth-child(3),.list-qrcode li:nth-child(4),.list-qrcode li:nth-child(5){margin:0 1%;}
.list-website li a , .list-qrcode li a{padding:15px;display: block;}
.list-website li img{position:relative;top:2px;float:left;margin-right:10px;width:32px;height:32px;border-radius:2px}
.list-website li h2{font-weight:bold;font-size:14px;line-height:150%;}
.list-website li .intro , .list-qrcode li .intro{margin:5px 0 0 0;color:#999;line-height:18px;font-size: 12px;height:36px;}
/* 网址导航列表——简单 */
.list-site {font-size: 0;border:.01rem solid #f2f2f2;padding:0 0 20px 0;}
.list-site li{position:relative;display: inline-block;  overflow: hidden;  width:20%; }
.list-site li a{padding:0 20px;display: block;margin:20px 0 0 0;}
.list-site li img{position:relative;top:0.1rem;float:left;margin-right:10px;width:18px;height:18px;border-radius:2px}
.list-site li h2{font-weight:bold;font-size:14px;line-height:150%;font-weight: normal;}
/* 二维码列表 */
.list-qrcode li{ text-align:center;}
.list-qrcode li img{padding:5px;width:120px;height:120px;object-fit:cover}
.list-qrcode li h2{margin:10px 0 0 0;height:21px;font-size:14px;line-height:21px}
/* 友情链接 */
.links{font-size: 0;border:.01rem solid #f2f2f2;padding:0 0 15px 0;} 
.links li{display: inline-block; overflow: hidden;  font-size: 14px;line-height:150%;width:10%;margin:15px 0 0 0;padding:0 20px; }
/* 翻页开始 */
.pagebar{margin:0 -3px 10px -3px;}
.pagebar li{display:inline-block;margin:0 3px 10px 3px;width:30px;border:.01rem solid #f2f2f2;border-radius:3px;background:#fff;color:#666;text-align:center;line-height:28px}
.pagebar li a{display: block;}
.pagebar .now-page , .pagebar li:hover{border:.01rem solid #0069cc;background:#0069cc;color:#fff}
.pagebar .now-page a , .pagebar li:hover a{color:#fff}
/* 翻篇 */
.turn{font-size: 0;} 
.turn li{ 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}
/* 列表li通用 */
.list-it li , .list-pic li , .list-website li , .list-qrcode li,.partner li,.turn li{position:relative;display: inline-block;overflow: hidden;border:.01rem solid #f2f2f2;}
/* 列表鼠标触发 */
.list-it li:hover , .list-pic li:hover ,.list-website li:hover , .list-qrcode 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-website li h2,.list-site li h2,.list-qrcode li h2, .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,.list-website li .intro , .list-qrcode li .intro{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 .contentEdt{float:right;color:#266497;font-size:14px}
.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:150%;overflow: hidden;}
.content .tags a{display:inline-block;margin:0 10px 0 0}

/* 文章参数 */
/* .info{color:#999;font-size:14px;line-height:150%;}
.info a{color:#999}
.info a:hover{color:#0069cc} */
/* 点击图片放大css*/
#outerdiv{position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 999; width: 100%; height: 100%; display: none;}
#innerdiv{position: absolute;}
#bigimg{border: 5px solid #fff;}
/* 网站属性 */
.websiteattr span{display:inline-block;margin:0 10px 10px 0;padding:2px 5px;border:.01rem solid #39ac43;border-radius:5px;color:#39ac43;font-size:12px}

/* 二维码 */
#website-qrcode{position:relative;}
#website-qrcode #website-qrcode-content{position: absolute; left:-10px;top:36px;height:140px; background: #fff;padding:10px;z-index: 5;display: none;}
#website-qrcode:hover #website-qrcode-content{display: block;}
/* 反馈 */
#website-feedback{background: #f44444;padding:0 11px;height:36px;}
#website-feedback:hover{background: #f32b2b;color:#fff;}
#website-feedback::before , .feedback #hide-feedback::before{position: relative; top:0;font-size: 18px;font-family:uicons-regular-rounded;}
#website-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 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:.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{font-size:14px;}
.content div,.content p{margin:20px 0;line-height:150%}
.content h2,.content h3,.content h4,.content h5,.content h6{margin:20px 0;line-height:150%}
.content h2::before,.content h3::before,.content h4::before,.content h5::before,.content h6::before{line-height:1;position: relative; top:0.1rem;margin-right:5px;color:red;content:"\f28a";font-family:uicons-regular-rounded;}
.content sup , .content sub{position:relative;margin:0 2px 0 5px;}
.content sup{top:-2px;}
.content sub{top:2px;}
.content sup::before , .content sub::before{line-height:1;position: relative; top:0.1rem; margin-right:2px;font-size:12px;font-family:uicons-regular-rounded;}
.content sup::before{content:"\f3df";}
.content sub::before{content:"\f3df";}
.content blockquote div,.content blockquote p{font-size:14px}
/* 文章和栏目中使用的引用 */
.content blockquote , .columnintro{position:relative;padding:4px 0 0 50px;line-height:150%;margin:20px 0;}
.content 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;}
.content blockquote div:first-child , .content blockquote p:first-child{margin:0 0 20px 0;}
.content img{max-width: 100%!important;height: auto!important;}
.content section{max-width:100%!important}
/* 表单 */
.content .table-min-1260{overflow-x: auto;overflow-y: hidden;}
.content .table-min-1260 table{ min-width: 1260px; }
.content .table{margin:20px 0;}
.content table{overflow:hidden;width:100%; max-width:100%!important; border-collapse:collapse;border-spacing:0}
.content table tr:nth-child(2n-1){background-color:#f7f7f7;}
.content table tr:hover{background-color:#ffffdd;}
.content table td,.content table th{padding:10px 15px;border:.01rem solid #f2f2f2;word-break:break-word;text-align: center;line-height: 150%;}
.content table th p , .content table td p,.content table th div,.content table td div{margin:0}
.content table caption{padding:5px 15px;line-height:150%}
.content table .td5{width:5%;}
.content table .td10{width:10%;}
.content table .td15{width:15%;}
.content table .td20{width:20%;}
.content table .td25{width:25%;}
.content table .td30{width:30%;}
/* 有序列表和无序列表 */
.content ol{padding:0 0 0 32px}
.content ul{padding:0 0 0 35px}
.content ol,.content ul{list-style-type:decimal}
.content pre{margin:20px 0!important;line-height:150%!important}
.content 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:150%}
.content pre code::after,.content pre code::before{content:normal}


/* 下载 */
.download{padding:10px 20px 20px 20px}
.download p{margin-top:10px;color:#666;line-height:150%}
.download p span{font-weight:700}
.download .down{display:inline-block;margin:10px 20px 0 0;padding:0 30px;border:.01rem solid #0d7ff2;background:#0d7ff2;color:#fff;text-align:center;font-size:16px;line-height:38px}
.download .down:hover{opacity:.9;-moz-opacity:.9}
.download .down_backups{background:#fff!important;color:#0d7ff2!important}
.download .down_backups:hover{background:#0d7ff2!important;color:#fff!important;opacity:1;-moz-opacity:1}
.download .userdown{margin-top:20px;padding:10px 20px;border:.01rem solid #f8d5d5;text-align:center}
.download .userdown a{color:#0d7ff2}
.download .userdown span{color:#ed1c24}
/* 点赞 */
.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}
/* 版权声明 */
.contentcopyright{font-size: 12px;color: #999;padding:20px;border-left:3px solid #85b4e0; background: #f4f7fb;}
.contentcopyright a , .website-declare a{color:#666;}

/* 提交收录 */
.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 label{margin-right: 30px;cursor: pointer;}
.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 , .websitemeta , .writing .inpVerify{position: relative;}
.upload-img form , .upload-img div{margin:0;padding:0;}
.upload-img input.read{padding:0 90px 0 10px;}
.writing  .websiteattrinput input{width:auto;height:auto;line-height: 150%;}
.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 */
.websitemeta #metabtn{position:absolute;right:0;bottom:0;border:0; z-index: 9; background:#cacaca;color:#fff;width:80px;height:36px;cursor: pointer;}
.websitemeta #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:1px solid #f2f2f2;border-left:1px solid #f2f2f2;border-right:1px 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 li small , .list-a li small{position:relative;top:-.01rem;display:inline-block;margin-right:10px;width:18px;background:#cacaca;color:#fff;text-align:center;font-size:12px;line-height:18px}
/* 侧栏网址 */
.function_c ul li img{width:18px;height:18px;margin-right: 8px;border-radius:2px ;position:relative;top:-1px;}
/* 分类模块 */
#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:1px solid #f2f2f2;}
.authorcount div{ padding:10px 0;display: inline-block;color: #999;  line-height:150%;width:25%;font-size: 12px;border-right:1px 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;}
.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:1px solid #f2f2f2;}
.comlist ul{ border-bottom:1px solid #f2f2f2;border-left:1px solid #f2f2f2; border-right:1px 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 ,.list-website li:hover img ,.list-site li:hover img , .function_c ul 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 li{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}
/* 最大网页宽度1816px */
@media screen and (max-width:1816px){
    .main-width{padding:0 20px;}
}
/* 最大网页宽度1536px */
@media screen and (max-width:1536px){

/* 目录 */
.allcategory{top: 60px; bottom: 0; width: 200px; left: -200px;border-right:.01rem solid #e6e6e6;background: #fff;}
.allcategory div{width:220px;}
.allcategory ul{width:200px;}
.allcategory ul{border:0;}
.allcategory ul li a{font-size: 14px;}
/* 目录按钮 */
.allcategory-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;}
.allcategory-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";}
.allcategory-button span{display: block; position:absolute;left:0;top:0;right:0;bottom:0;}
.allcategory-button span::before{content: " ";}
/* 主体 */
.main-left-220{margin-left: 0px; }
/* 网址列表&二维码列表 */
.list-site li {width:33.3333333%; }
.list-website li , .list-qrcode li{width:31.333333%;}
.list-website li:nth-child(4),.list-website li:nth-child(5) , .list-qrcode li:nth-child(4),.list-qrcode li:nth-child(5){margin:20px 1% 0 1%;}
/* 图文列表 */
.list-it{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;}
/* 合作伙伴&友情链接 */
.links li{width:20%; }
}
/* 最大网页宽度1280px */
@media screen and (max-width:1260px){
.pc{display:none!important}
/* 手机版隐藏 */
 .search{position:absolute;height:auto;top:60px;right:0;left:0;z-index:5;margin:0;width:100%;background:#fff;transition:top .5s;padding:20px;display:none;box-shadow:0 1px 5px rgba(0,0,0,.1);}
/* 按钮 */
.head-button{display:block;height:60px;text-align:right;float: right;}
.head-button button{padding:0 10px;line-height:60px;font-size:14px;cursor:pointer;display: inline-flex;}
.head-button button::before{font-family:uicons-regular-rounded;}
.head-button button#msearch::before{content:"\f6c6"}
.head-button button#muser{display: none;}
.head-button button#muser::before{content:"\f80b"}
.head-button button:hover{color:#0069cc}
.dayandnight{padding:0;}
/* 两栏列表 */
.twocolumn div.section , .twocolumn div.section:nth-child(2){width:100%;margin:20px 0 0 0;}
.twocolumn div.section:first-child{margin: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;}
/* 图片列表 */
.list-pic{font-size: 0; margin:0 -2%;}
.list-pic li{width:46%; margin:20px 2% 0 2%;padding:0 0 10px 0;}
.list-pic li:first-child,.list-pic li:nth-child(2){margin:0 2%;}
.list-pic li:nth-child(3),.list-pic li:nth-child(4){margin:20px 2% 0 2%;}
/* 控制面板列表 */
.list-panel{font-size: 0; margin:0 -2%;}
.list-panel li{width:46%;margin:20px 2% 0 2%;}
.list-panel li:first-child,.list-panel li:nth-child(2){margin:0 2%;}
}
/* 最大网页宽度980px */
@media screen and (max-width:980px){
/* 主体 */
.main-left{margin:0;width:100%;} 
.main-right{margin:-20px 0 0 0;width:100%;} 
/* 重置编辑器——多图上传 */
#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: 1px solid #cccccc;  display: block; background: #fff;z-index: 99;}
}
@media screen and (max-width:720px){
.login {position:absolute;height:auto;top:60px;right:0;left:0;z-index:5;margin:0;width:100%;background:#fff;transition:top .5s;padding:20px;display:none;box-shadow:0 1px 5px rgba(0,0,0,.1);}
/* 按钮 */
.head-button{margin:0 -10px 0 0;}
.head-button button#muser{display: inline-flex;}
.head-menu{position:absolute;height:auto;top:60px;right:0;left:0;z-index:5;margin:0;width:100%;padding:0 10px;  background:#fff;transition:top .5s;box-shadow: 0 1px 5px rgba(0,0,0,.1);  float: none;display: none;} 
.head-menu{text-align: right;padding:10px;}
.head-menu div{line-height: 40px;height: 40px;}
.menu-user img{margin:0;}
.menu-user-menu{top:50px;}
/* 图文列表 */
.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 .pic-qrcode img{width:94px;}
.list-it li p{display: none;}
/* 三栏文章列表 */
.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}
/* 合作伙伴&友情链接 */
.links li{width:33.33333333%; }

/* 文章扩展 */
.content h1{font-size:20px}
/* 翻篇 */
.turn li{width:100%}
.turn li:nth-child(2){margin:20px 0 0 0;}
}
@media screen and (max-width:480px){
/* 表单单行 */
.fui-form li , .fui-form li:nth-child(2) , .buy-form .list-add li , .buy-form .list-add li:nth-child(2){width:100%; margin:20px 0 0 0 }
.fui-form li:first-child , .buy-form .list-add li:first-child{margin:0;}
 /* 网址列表&二维码列表 */
.list-website , .list-qrcode{font-size: 0;margin:0 -2%;}
.list-website li , .list-qrcode li{width:46%;margin:20px 2% 0 2%}
.list-website li:nth-child(1),.list-website li:nth-child(2),.list-qrcode li:nth-child(1),.list-qrcode li:nth-child(2){margin:0 2%;}
.list-website li:nth-child(3),.list-website li:nth-child(4),.list-website li:nth-child(5),.list-qrcode li:nth-child(3),.list-qrcode li:nth-child(4),.list-qrcode li:nth-child(5){margin:20px 2% 0 2%}
.list-website li a, .list-qrcode li a{padding:10px;}
.list-website li img{width:28px;height:28px;}
.list-website li h2 {font-size: 13px;}
/* 网址列表简单 */
.list-site{padding:0 0 15px 0;}
.list-site li a {padding:0 7px 0 15px;margin:15px 0 0 0;} 
.list-site li h2{font-size: 13px;}
.list-site li:nth-child(2n) a {padding:0 15px 0 7px;} 
/* 图文列表 */
.list-it li .pic{width:148px;height:111px}
.list-it li .pic-qrcode img{width:91px;}
.list-it li h2 {height:45px;font-size: 15px;line-height: 22.5px;}
/* 图片列表 */
.list-pic li h2{height:45px;font-size: 15px;line-height: 22.5px;}
.list-pic li .info .timeicon {display: none;}
.list-pic li h2 , .list-pic li .info{margin:10px 0 0 0;padding:0 10px;}
.list-panel{margin:0;}
.list-panel li{width:100%;margin:20px 0 0 0;}
.list-panel li:first-child{margin:0 ;}
.list-panel li:nth-child(2){margin:20px 0 0 0;}
/* 列表单行数量 */
.list-site li , .links li{width:50%; }
/* 友情链接 */
.links li{padding:0 7px 0 15px;}
.links li:nth-child(2n){padding:0 15px 0 7px;}

/* 纯标题列表 */
.list-a li{white-space:normal}
/* info */
.info{font-size: 12px;}
/* 反馈 */
.up-notice{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:#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; }
body.fuinight header , body.fuinight .dayandnight , body.fuinight .login, body.fuinight .search{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:1px 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 .menu-user-menu{background:#333;border:.01rem solid #3d3d3d;box-shadow:0 3px 5px rgba(0,0,0,.2);}
body.fuinight .menu-user-menu li:last-child{border-top:1px solid #3d3d3d;}

/* 重置背景 */
body.fuinight .allcategory {border-right:.01rem solid #444;background: #333;}
body.fuinight .allcategory , body.fuinight .section , body.fuinight .content, body.fuinight  .function{background: #333;}
body.fuinight .allcategory ul ul , body.fuinight .list-site ,  body.fuinight .list-a ,body.fuinight .links,  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 .list-a li span{color:#777;}
/* 图文列表 */
body.fuinight .list-it li {border:.01rem solid #3d3d3d;}
body.fuinight .list-it li p{color:#777;}
body.fuinight .list-it li:hover{box-shadow:0 3px 5px rgba(0,0,0,.2);}
/* 图片列表 */
body.fuinight .list-pic li {border:.01rem solid #3d3d3d;}
body.fuinight .list-pic li:hover{box-shadow:0 3px 5px rgba(0,0,0,.2);}
/* 控制面板 */
body.fuinight .list-panel li , body.fuinight .list-dialog li{border:.01rem solid #3d3d3d;}
body.fuinight .list-panel li a::before{color: #3d3d3d;}
body.fuinight .list-panel li:hover , body.fuinight .list-dialog li:hover{box-shadow:0 3px 5px rgba(0,0,0,.2);}

/* 网址列表&二维码列表 */
body.fuinight .list-website li , body.fuinight .list-qrcode li {border:.01rem solid #3d3d3d;}
body.fuinight .list-website li .intro{color:#777;}
body.fuinight .list-website li:hover , body.fuinight .list-qrcode li:hover{box-shadow:0 3px 5px rgba(0,0,0,.2);}
/* 翻篇 */
body.fuinight .turn li {border:.01rem solid #3d3d3d;}
body.fuinight .turn li:hover{box-shadow:0 3px 5px rgba(0,0,0,.2);}
/*  */
body.fuinight .allcategory a:hover , body.fuinight .allcategory a.current , body.fuinight #divCatalog a:hover , body.fuinight #divCatalog a.current{background: #3d3d3d;color:#cccccc; } 
body.fuinight .allcategory ul li .sub-show::after ,body.fuinight #divCatalog ul li .sub-show::after{border:.01rem solid #3d3d3d;background:#333; }
/* 当前位置 */
body.fuinight .breadcrumb{border-bottom:1px solid #444;}
body.fuinight .breadcrumb .description{color:#777}
body.fuinight .breadcrumb a{border:.01rem solid #3d3d3d;}
/* 文章属性 */
body.fuinight .info , body.fuinight .info a{color:#777}
body.fuinight .info a:hover{color:#0069cc}
/*  */
body.fuinight .pagebar li{border:.01rem solid #3d3d3d;background:#333;}
body.fuinight .pagebar .now-page,body.fuinight .pagebar li:hover{border:.01rem solid #0069cc;background:#0069cc;color:#d9d9d9}
body.fuinight .pagebar .now-page a,body.fuinight .pagebar li:hover a{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: 1px solid #3d3d3d;}
body.fuinight .authorcount div{border-right: 1px 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: 1px solid #3d3d3d;border-left: 1px solid #3d3d3d;border-right: 1px solid #3d3d3d;}
body.fuinight .columnintro::before , body.fuinight .content blockquote::before{color:#444;}
/* table */
body.fuinight .content table tr:nth-child(2n-1){background:#3d3d3d;}
body.fuinight .content table tr:hover{background:#38382e;}
body.fuinight .content table th , body.fuinight .content table td{border:.01rem solid #3d3d3d;}
/* 登录超时 */
body.fuinight .hint .hint_bad , body.fuinight .alert-remind { background:#38382e;color:#d9d9d9}
/* 版权声明 */
body.fuinight .contentcopyright{border-left:3px solid #444; background: #3b3b3b;}
body.fuinight .contentcopyright, body.fuinight .contentcopyright a {color: #777;}
/* 反馈 */
body.fuinight .up-notice{filter: brightness(90%);}
/* 重置编辑器 */
body.fuinight .edui-default .edui-editor-bottomContainer td{border-top:1px solid #444;border-left: 0;border-right: 0;border-bottom: 0;}
body.fuinight .edui-default .edui-editor-toolbarboxouter{background: #333;border-bottom: 1px 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: 0 0 0 rgb(0 0 0 / 0)!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 .websitemeta #metabtn{ background:#3d3d3d;color:#d9d9d9}
body.fuinight .writing .btnbox:hover , body.fuinight .websitemeta #metabtn:hover{background:#444;}
body.fuinight .fui-form li input , body.fuinight .fui-form textarea , body.fuinight .fui-form li select , body.fuinight .fui-form-edit li input , body.fuinight .fui-form-edit textarea , body.fuinight .fui-form-edit li select , body.fuinight .spinner input , body.fuinight .buy-form textarea{background: #333; border:.01rem solid #444;color:#d9d9d9;}
body.fuinight .fui-form-button button , body.fuinight .fui-form-button button::after{color:#d9d9d9;}
body.fuinight .fui-form-button button[type="reset"] ,body.fuinight .fui-form-button .btn{background:#3d3d3d;color:#d9d9d9;border:.01rem solid #444;}
body.fuinight .fui-form-button button[type="reset"]:hover , body.fuinight .fui-form-button .btn:hover{background:#383838;}
/* 查询 */
body.fuinight .fui-form-inline{border:.01rem solid #444;}
body.fuinight .fui-form-inline li select{border:.01rem solid #444;background: #333;color:#d9d9d9}
body.fuinight .fui-form-inline li input[type="text"]{border:.01rem solid #444;background: #333;color:#d9d9d9}
/* 投稿 */
body.fuinight #ajaxtags{border:.01rem solid #3d3d3d;}
/* 重置页脚 */
body.fuinight footer div.footer{border-top:1px solid #444;}
body.fuinight footer div.footer , body.fuinight footer div.footer a{color:#777;}
/* 夜间模式，最大网页宽度1536 */
@media screen and (max-width:1536px){
body.fuinight .head-button button{color:#e6e6e6;}
body.fuinight .allcategory-button{background: #333;color:#e6e6e6; border-top:.01rem solid #444;border-right:.01rem solid #444;border-bottom:.01rem solid #444;}
body.fuinight .allcategory-button::before{color:#e6e6e6; }
}
/* 最大网页宽度1260px */
@media screen and (max-width:1260px){
body.fuinight .search{background: #333;box-shadow:0 3px 5px rgba(0,0,0,.2);}
}
@media screen and (max-width:720px){
body.fuinight .login , body.fuinight .head-menu{background: #333;box-shadow:0 3px 5px rgba(0,0,0,.2);}
}