@charset "UTF-8";
html{word-wrap:break-word;word-break:break-all}
body{background: #f4f4f4; 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:#d60814;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}
.ml10{margin-left: 10px;}
/* pc版隐藏 */
.button-box , .nav-close{display:none}
/* 阴影 */
header{z-index:999;height:auto;background:#fff;margin:0;padding:0 20px;height:108px;box-shadow: 0 1px 5px rgba(0, 0, 0, .02); transition: all .3s ease-in-out;padding:8px 0 0 0;}  
/* TOPBAR */
.topbar{height:40px;line-height:40px;display: block;width:100%;color:#999;}
.topbar a{color:#999;}
.topbar .topmenu{float:right;}
.topbar .topmenu li{display:block;position: relative;}
.topbar .topmenu li a::after{ margin:0 0 0 2px;color:#999;content:"\f287";font-family:uicons-regular-rounded;}
.topbar .topmenu li:hover a::after{content:"\f28f";}
.topbar .topmenu ul{display:none;position:absolute;top:100%;left:0;z-index: 1;  background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);}
.topbar .topmenu ul li{padding:0 15px;white-space:nowrap;line-height:36px;}
.topbar .topmenu li ul li a::after{display: none;}
.topbar .topmenu:hover ul{display:block;}
/* logo和标题 */
.logo{float: left;line-height:40px;height:40px;display: block;overflow: hidden;font-weight: normal;font-size: 0;}
.logo img{height:32px;display: inline-block;margin:4px 0;vertical-align: top;}
.name{white-space:nowrap;font-size:18px;display: inline-block;line-height:40px;}
.brand{font-size:14px;float:left;line-height:15px;color:#bbb;padding-left:10px;position:relative;top:5px;border-left:2px solid #eaeaea;margin-left:10px;overflow:hidden;height:30px}
/* 导航栏 */
.nav-box{float: right; height:40px; line-height:40px; position: relative;}
.nav {line-height: 40px;height:40px;margin-left: 20px;text-align: right;display: inline-block;}
.nav li { line-height: 40px;position: relative;display: inline-block;font-size: 16px;}
.nav li a {display:block;padding:0 20px;}
/* .nav li a:hover{color:#d60814;} */
.nav li .nav-show::after{ margin:0 0 0 2px; color:#333;content:"\f287";font-family:uicons-regular-rounded;font-size: 14px;}
.nav li .nav-hide::after{content:"\f28f";}
.nav li.current-li a , .nav li:hover a{color:#d60814;}
.nav li ul{position:absolute;top:100%;z-index:5;background:#fff;display:none; box-shadow: 1px 1px 5px rgba(0,0,0,.1)}
.nav li ul li{float:none;width:100%;line-height:36px;white-space:nowrap;display:block;border-top:.01rem solid #ededed;margin:0;}
.nav li ul li:first-child {border-top:0;}
.nav li.current-li ul li a , .nav li:hover 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:#d60814;}
.nav-search-button {float: right;margin:0 0 0 10px;}
.nav-search-button button{padding:0 10px;color:#333;line-height:40px;font-size:14px;cursor:pointer;}
.nav-search-button button::before{font-family:uicons-regular-rounded;content:"\f6c6";}
.nav-search-button button:hover{color:#d60814;}
/* 登录 */
.login{float: right; color:#999;text-align:right;line-height:30px;height:60px;padding:15px 0 ;background: #fff;}
.login a{border-left:.01rem solid #ebebeb}
.login a{margin-left:10px;padding-left:10px}
.login a:first-child{border:0}
/* 搜索 */
.search{overflow:hidden;width:100%;position: absolute;top:108px;left:0;right:0;z-index:998;padding:30px 20px;display: none;background: #fff;}
.search form{position:relative;max-width: 640px;margin: 0 auto;}
.search input{padding:0 83px 0 10px;width:100%;height:46px;border:.01rem solid #e6e6e6;color:#666;vertical-align:bottom;line-height:46px;border-radius: 6px 0 0 6px;}
.search button{position:absolute;top:0;right:0;padding:0 30px;line-height:46px;cursor:pointer; background: #d60814;color:#fff;z-index: 1; border-radius: 0 6px 6px 0;}
.search button::before{line-height: 1;position:relative;top:0.1rem; padding:0 5px;font-family:uicons-regular-rounded;}
.search button::before{content:"\f6c6";}
.search button:hover {background:#c00710;}
/* .login,  .search {border-bottom:.01rem solid #e6e6e6; } */
.main{position: relative;padding:0;}
/* 网页最大宽度 */
.main-width{position:relative;margin:0 auto;max-width:1200px;}
/* 主体开始 */
.main-left{float:left;margin-left:0;width: -webkit-calc(100% -380px);width: -moz-calc(100% - 380px);width: calc(100% - 380px);} 
/* 目录 */
.main-page-nav{ width:220px; overflow: hidden;position:absolute;top:20px;left:0;background: #fff;border-radius: 6px;}
.main-page-nav ul li{width:100%; line-height:40px;font-size: 16px;  position: relative;border-top:.01rem solid #f2f2f2;}
.main-page-nav ul li:first-child{border-top: 0;}
.main-page-nav ul li a {display: block;padding:0 20px;}
.main-page-nav a:hover , .main-page-nav a.current{color:#d60814; }
@media screen and (max-width:768px){
.main-page-nav ul{flex-wrap:wrap}
.main-page-nav li{flex:1 1 50%}
}
.main-page{float:left;margin-left:240px;width: -webkit-calc(100% -240px);width: -moz-calc(100% - 240px);width: calc(100% - 240px);position:relative;} 
/* 主体错位 */
.section {margin:20px 0;clear: both;position:relative;background: #fff;border-radius: 6px;}
.section .h3 {line-height:24px;width:100%; display: block;font-size: 0;padding:15px 20px 0 20px;}
.section .h3 h3 {font-size:16px;display: inline-block;position: relative;}
.section .h3 h3::before {content:"";width:4px;height:16px;background:#d60814;border-radius:2px;position:relative;top:2.5px;margin-right:10px;display:inline-block;}
.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}
.more{margin:20px 0;}
.more a{display: block;line-height: 28px;text-align: center;border:.01rem solid #ededed;border-radius:3px;}
.more a:hover{border:.01rem solid #d60814;background:#d60814;color:#fff}
/* haibao */
.booth:first-child{margin:20px 0 0 0;}
.booth img{width:100%;display: block;}
/* 轮播图 */
.slidesbox{position:relative;margin:20px 0 0 0;width:100%}
/* 翻页 */
.slidesbox .prev{left:0}
.slidesbox .next{right:0}
.slidesbox .prev span::before , .slidesbox .next span::before{font-family:uicons-regular-rounded;}
.slidesbox .prev span::before{content: "\f12c";}
.slidesbox .next span::before{content: "\f12d";}
.slidesbox .next,.slidesbox .prev{display:none}
.slidesbox:hover .next,.slidesbox:hover .prev{display:block}
.slides_nav{position:absolute;top:50%;z-index:9;margin-top:-25px;width:30px;height:50px;background:rgba(0,0,0,.1);text-align:center;font-size:20px;line-height:50px;cursor:pointer}
.slides_nav span{display:block;margin:0;color:rgba(255,255,255,.8)}
/* 图片 */
.slides{position:relative;overflow:hidden;margin:0;padding:0;width:100%;list-style:none}
.slides li{position:absolute;top:0;left:0;display:none;width:100%}
.slides li:first-child{position:relative;float:left;display:block}
.slides img{float:left;display:block;width:100%;height:auto;border:0}
.slides p{position:absolute;bottom:0;left:0;z-index:9;margin:0;padding:40px 20px 16px 20px;width:100%;background:var(--theme-black-color);background:-o-linear-gradient(top,transparent,rgba(0,0,0,.6));background:linear-gradient(180deg,transparent,rgba(0,0,0,.6));color:#fff;text-shadow:none;font-size:16px;line-height:24px}
.slides p a{display:-webkit-box;overflow:hidden;width:80%;color:#fff;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
/* 需要 */
.slides_tabs{position:absolute;right:20px;bottom:24px;left:0;z-index:9;text-align:right;font-size:0}
.slides_tabs li{display:inline-block;margin:0 5px}
.slides_tabs li.slides_here a{padding:0 8px;background:rgba(0,105,204,.8)}
.slides_tabs li a{display:inline-block;padding:0 4px;border-radius:5px;background:rgba(255,255,255,.8);font-size:0;line-height:6px}
/* 当前位置 */
.breadcrumb{font-size:12px;color:#999; line-height:150%; border-top:.01rem solid #ededed;padding:10px 0;background: #fff;}
.breadcrumb i{margin:0 5px;font-size: 12px;}
.breadcrumb a {color:#999}
.breadcrumb a:hover {color:#d60814}
/* 当前分类子分类 */
.subcategorys{padding: 5px 5px 15px 5px;}
.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:#d60814;}
.sortlist li a::before{line-height:1;position: relative; top:0.04rem; margin:0 3px 0 0;font-size: 12px; color:#e6e6e6; font-family:uicons-regular-rounded;}
.sortlist li a.current.up-icon::before{content: "\f184";}
.sortlist li a.current.down-icon::before{content: "\f161";}
/* 纯标题列表 */
.list-a{padding:20px;display:flex;flex-wrap:wrap;gap:15px 20px;}
.list-a li{display:list-item;font-size:14px;line-height:150%;width:calc(50% - 10px);list-style-position:inside;padding:0 0 0 15px;position: relative;}
.list-a li{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
.list-a li::before{font-size: 20px;color:#999;position: absolute;left: 0;top: 0;content: "•";}
/* 图文列表 */
.list-it{font-size: 0;}
.list-it li{position:relative;display:flex;overflow: hidden; width:100%; padding:20px;border-top:.01rem solid #f2f2f2;gap:15px;}
.list-it li:first-child{border-top:0;}
.list-it li .pic{flex:0 0 180px;width:180px;height:135px;overflow:hidden;border-radius: 6px;}
.list-it li .pic img{width:100%;height:100%;object-fit:cover;}
.list-it li .content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;}
.list-it li h2{font-size:18px; line-height:27px;margin:0 0 10px 0;}
.list-it li p{height:42px;color:#999;font-size:14px;line-height:21px;}
.list-it li .info{overflow:hidden;line-height:21px;margin-top:auto;}
.list-it li .info span{display:inline-block;margin:0 15px 0 0;}
.list-it li .info span.right , .list-it li .info span span{margin:0;}
.like-btn:hover{color:#d60814;cursor: pointer;}
/* 翻页开始 */
.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:.01rem solid #ededed;background: #ededed;border-radius:3px;color:#666;text-align:center;line-height:28px}
.pagebar .now-page,.pagebar .page:hover{border:.01rem solid #d60814;background:#d60814;color:#fff}
/* 翻篇 */
.turn{font-size: 0;padding:20px 0;} 
.turn li{display: inline-block;font-size: 14px;line-height:150%;width:50%;padding:0 20px 0 0;vertical-align: top;}
.turn li:nth-child(2){border-left:.01rem solid #f2f2f2;padding:0 0 0 20px;text-align: right;}
.turn li span{display:block;margin-bottom:5px;color:#999;font-size:12px}
/* 单行显示省略号 */
.list-it li .info, .function_c ul li , .section h3 span.recommend_info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 2行显示省略号 */
.list-it li h2 , .list-it li p {display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.IsTop::before,.tagicon::before,.viewicon::before,.timeicon::before,.commicon::before,.authoricon::before, .cateicon::before , .likeicon::before ,#enlarge::before,#narrow::before{line-height:1; position:relative;top:-0.05rem;margin:0 3px 0 0;font-weight:normal;font-family:uicons-regular-rounded;vertical-align: middle;}
.IsTop::before{content:"\f7a7";color:#d60814;}
.tagicon::before{content:"\f787"}
.viewicon::before{content:"\f3e6"}
.timeicon::before{content:"\f307"}
.commicon::before{content:"\f334"}
.authoricon::before{content:"\f80b"}
.cateicon::before{content:"\f775"}
.likeicon::before{content:"\f4c2";display:inline-block;-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1);-webkit-transform-origin:center;transform-origin:center;top:-0.1rem;}
#enlarge::before{content:"\f10b\f64e"}
#narrow::before{content:"\f10b\f5b7"}
#enlarge,#narrow{cursor:pointer}
/* 文章开始 */
.content{padding:0 20px; background: #fff; border-radius: 6px;overflow: hidden;}
.content h1{text-align:center;font-size:24px;line-height:150%;margin:30px 0 20px 0;}
.content h1 .ArticleEdt{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:10px -5px 20px -5;line-height:175%;overflow: hidden;text-align: center;}
.content .tags a{display:inline-block;margin:10px 5px 0 5px;padding:3px 8px;color:#fff;background:#dc2d37;border-radius:3px;}
.content .tags a:hover{background:#d60814;}
/* 文章参数 */
.info{color:#999;font-size:14px;line-height:150%;}
.info a{color:#999}
.info a:hover{color:#d60814}
/* 文章 */
.article{font-size:14px;}
.article a{color:#d60814;}
.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:1.5; padding-bottom:10px;  border-bottom: .01rem solid #ededed;}
.article h2::before,.article h3::before,.article h4::before,.article h5::before,.article h6::before{content:"";width:4px;height:.9em;background:#d60814;border-radius:2px;position:relative;top:-.1em;margin-right:.5em;display:inline-block;vertical-align: middle;}
.article sup , .article sub{position:relative;margin:0 2px 0 5px;}
.article sup{top:-2px;}
.article sub{top:2px;}
.article sup::before , .article sub::before{line-height:1;position: relative; top:0.1rem; margin-right:2px;font-size:12px;font-family:uicons-regular-rounded;}
.article sup::before{content:"\f3df";}
.article sub::before{content:"\f3df";}
.article blockquote div,.article blockquote p{font-size:14px}
/* 文章和栏目中使用的引用 */
.article blockquote , .columnintro{position:relative;padding:4px 0 0 50px;line-height:175%;margin:20px 0;}
.article blockquote::before , .columnintro::before{line-height:1;position:absolute;top:0;left:15px;font-size:24px;color:#e6e6e6;transform: rotate(180deg);content:"\f66f";font-family:uicons-regular-rounded;}
.article blockquote div:first-child , .article blockquote p:first-child{margin:0 0 20px 0;}
.article img{max-width: 100%!important;height: auto!important;}
.article section{max-width:100%!important}
.article table{overflow:hidden;margin:20px 0;max-width:100%!important;border-collapse:collapse;border-spacing:0}
.article table td,.article table th{padding:10px 15px;border:.01rem solid #e6e6e6;word-break:break-word}
.article table td p,.article table th p , .article table td div,.article table th div{margin:0}
.article table tr:nth-child(2n){background:#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;margin:20px 0;padding: 0 !important;text-align: center;}
.fui-praise div{display: inline-block;cursor: pointer;position: relative;font-size: 14px;line-height:40px;padding: 0 25px;background: #d60814;color:#fff;border-radius: 6px;margin:0;}
.fui-praise div.current , .fui-praise div:hover{background:#c00710;}
/* .fui-praise div.likeicon::before {line-height:1;position: relative;top:0.08rem;font-family:uicons-regular-rounded;}
.fui-praise div.likeicon::before{content: "\f4e0";} */
.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;bottom:40px;right:0;z-index: 9;color:#d60814;transition:all .3s ease}
/* 关注微信公众号获取验证码查看隐藏内容 */
.hidden-wechat-prompt {background:#fff;padding: 20px;border-radius:3px;box-shadow: 0 .5em 1.5em 0 rgba(0, 0, 0, .1);position:relative;overflow: hidden;}
.hidden-wechat-prompt div{margin:0;}
.hidden-wechat-prompt-qrcode{ line-height:160px;width: 160px;overflow:hidden;vertical-align: top;font-size: 18px;color:#c00710;display: inline-block; }
.hidden-wechat-prompt-qrcode img{width:100%;object-fit:cover;vertical-align: bottom;}
.hidden-wechat-prompt-content {width: -webkit-calc(100% -160px);width: -moz-calc(100% - 160px);width: calc(100% - 160px);display: inline-block; font-size: 14px;vertical-align: top;padding:0 0 0 20px;}
.hidden-wechat-prompt-content p.hidden-wechat-prompt-text{margin:0;  background: #ecf5ee;color:#555;  padding:15px;border-radius: 6px;}
.hidden-wechat-prompt div.hidden-wechat-prompt-verify{margin:20px 0 0 0;}
.hidden-wechat-prompt-verify input{width:200px;height:36px;line-height:36px;padding:0 10px;border:.01rem solid #e6e6e6;border-radius:3px;vertical-align: middle;}
.hidden-wechat-prompt-verify button{height:36px;line-height:36px;padding:0 20px;background: #333;color:#fff;border:none;border-radius:3px;cursor:pointer;vertical-align: middle;transition:all .3s;}
.hidden-wechat-prompt-verify button:hover{background:#444;}
.article p.wechat-code-tip{color:#999;display:none;margin:10px 0 0 0;}
 @media screen and (max-width: 480px) {
    .hidden-wechat-prompt div.hidden-wechat-prompt-qrcode{width:100%;text-align: center;margin:0 0 20px 00;}
    .hidden-wechat-prompt-qrcode img{width:120px;height:120px;}
    .hidden-wechat-prompt-content{width:100%;padding:0;}
}
.hidden-user-prompt{border: 1px solid #f3f3f3;
    background-color: #fdfdfd;
    border-radius:  6px;
    padding: 18px 20px;
    margin: 20px 0; 
    }
.hidden-user-prompt p{margin:0; text-align: center;  font-size:18px;}
.article div.hidden-user-prompt-btn , #comments .hidden-user-prompt-btn{margin:20px 0 0 0;text-align: center;}
.hidden-user-prompt-btn a{margin:0 15px;padding:0 25px;line-height:36px;display: inline-block;border-radius:6px;cursor:pointer;transition:all .3s;}
.hidden-user-prompt-btn .login-btn{background: #d60814;color:#fff;}
.hidden-user-prompt-btn .login-btn:hover{background:#c00710;}
.hidden-user-prompt-btn .register-btn{background: #eeeeee;color:#333;}
.hidden-user-prompt-btn .register-btn:hover{background:#e6e6e6;color:#444;}
/* 二维码弹窗样式 */
.qrcode-modal {  position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: flex; align-items: center; justify-content: center;
}
/* 背景 */
.qrcode-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background-color: rgba(0, 0, 0, .8); }
.qrcode-content { position: relative; max-width: 300px; width: 90%; background: #fff; border-radius: 8px;padding: 30px 35px 10px 35px;box-shadow: 0 4px 20px rgba(0,0,0,0.3);}
.qrcode-content h3 { margin: 0; font-size: 20px;line-height: 24px; font-weight: 600; }
.qrcode-close { font-size: 18px; color: #555; cursor: pointer; line-height: 24px;   transition: color 0.2s; position: absolute; right: 30px; top: 30px;}
.qrcode-close:hover { color: #d60814; }
.qrcode-body { text-align: center; margin:20px 0; }
.qrcode-img { max-width: 100%; height: auto; }
.qrcode-tip {margin:0 0 20px 0; color: #555; font-size: 14px; line-height: 1.5; }
/* 弹窗动画 */
@keyframes qrcodeZoomIn { 0% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); } 100% { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
/* 版权声明 */
.articlecopyright{border: 1px solid #f3f3f3;
    background-color: #fdfdfd;
    border-radius:  6px;
    padding: 18px 20px;
    margin: 20px 0; 
    color: #999;}
.articlecopyright a{color: #666;}
/* 侧栏开始 */
.main-right{float:right;width:360px;margin:0;font-size:0;}
.function{margin:20px 0;background: #fff;border-radius: 6px;}
.function_t{font-size:16px;padding:0 15px; line-height:40px;font-weight: bold;}
.function_t::before{content: "";width:4px;height:16px; background: #d60814;border-radius: 2px;position: relative; top:2.5px;  margin-right: 10px;  display: inline-block;}
/* 模块文章列表预设 */
.function_c{border-top:.01rem 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;}
/* 分类模块 */
#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; background: #fff; border:.01rem solid #ededed;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;margin:10px;border:.01rem solid #ededed;box-shadow: 1px 1px 5px rgba(0,0,0,.1)}
/* 作者模块 */
#author div{text-align: center;}
#author .authorbg{position:relative;margin:0 0 50px 0;padding:0;}
#author .authorbg img{width:100%;height:auto;display: block;}
#author .authorbg .avatar{position:absolute;bottom:-40px;left:50%;z-index:9;margin-left:-40px;padding:5px;width:80px;height:80px;border-radius:50%;background:#fff}
#author .authorbg .avatar img{width:70px;height:70px;border-radius:50%}
#author h2 , #author p{font-size: 14px;padding:0 15px;text-align: center;}
#author p{line-height: 150%;margin:15px 0;}
#author .authorcount{padding:0;font-size: 0;border-top:.01rem solid #ededed;}
.authorcount div{ padding:10px 0;display: inline-block;color: #999;  line-height:150%;width:25%;font-size: 12px;border-right:.01rem solid #ededed;}
.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_c{border:0;}
#sidebardiy div{padding:0;}
#sidebardiy div img{width:100%;display: block;border-radius: 6px;}
/* 图标汇集 */
#divMisc ul li{display: inline-block;width:33.33333333%}
#divMisc ul li img{border:.01rem solid #ededed;width:100%;height:auto}
/* 网站标签和热门标签 2023-05-11 22:01:03*/
#divTags ul,#hottag ul,#randtag ul,#relatedtag ul{padding:5px 10px 15px 10px}
#divTags ul li,#hottag ul li,#randtag ul li,#relatedtag 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 ,#relatedtag ul li a{ padding:0;}
#divTags ul li span,#hottag ul li span,#randtag ul li span ,#relatedtag 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 #ededed;color:#999}
/* 搜索 */
#divSearchPanel form{position:relative;width:100%}
#divSearchPanel input[type=text]{display:block;padding:.01rem 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:#d60814;color:#fff;line-height:36px;cursor:pointer}
#divSearchPanel input[type=submit]:hover{background:#c00710}
/* 控制面板 */
#divContorPanel div{text-align:center;}
#divContorPanel div a{display:inline-block;margin-top:10px;padding:0 15px;border:.01rem solid #ededed;border-radius:10px;background:#f7f7f7;line-height:30px}
#divContorPanel div a:hover{background:#ededed;color:#444;}
/* 热门文章 */
#hotarticle ul li small , #hotarticle7 ul li small , #hotarticle30 ul li small , .list-a li small{position:relative;top:-1px;display:inline-block;margin-right:10px;width:18px;background:#cacaca;color:#fff;text-align:center;font-size:12px;line-height:18px}
.function_c li:nth-child(1) small ,  .list-a li:nth-child(1) small{background: #f44444!important;}
.function_c li:nth-child(2) small ,  .list-a li:nth-child(2) small{background:#ff8a40!important;}
.function_c li:nth-child(3) small ,  .list-a li:nth-child(3) small{background:#7cca4d!important;}

/* 文章推荐&随机文章 */
#randarticle li,#articleput li{position:relative;display:flex;overflow:hidden;width:100%;padding:15px;border-top:.01rem solid #f2f2f2;margin:0;gap:15px;}
#randarticle ul,#articleput ul , #randarticle li a,#articleput li a{padding:0;}
#randarticle li:first-child,#articleput li:first-child{border-top:0;}
#randarticle li div , #articleput li div{padding:0;}
#randarticle li .pic,#articleput li .pic{flex:0 0 120px;width:120px;height:90px;overflow:hidden;border-radius:6px}
#randarticle li .pic img,#articleput li .pic img{width:100%;height:100%;object-fit:cover}
#randarticle li .content-wrapper,#articleput li .content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;}
#randarticle li h2,#articleput li h2{font-size:15px;line-height:22px;margin:0 0 10px 0;font-weight: normal;overflow: hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;white-space: normal;}
#randarticle li .info,#articleput li .info{overflow:hidden;line-height:21px;margin-top:auto;}
#randarticle li .info span,#articleput li .info span{display:inline-block;margin:0 15px 0 0}
#randarticle li .info span.right,#randarticle li .info span span,#articleput li .info span.right,#articleput li .info span span{margin:0}
/* 网站评论 */
#comments .h3 span small{position: relative;top:-1px;  margin:0 2px; border-radius: 2px; font-size: 14px ; padding:2px;background:#4baa4e;color:#fff}
.compost{padding: 20px;}
.compost .com_name span{display:inline-block;margin:0 20px 10px 0;line-height:21px;}
.compost .com_info{overflow:hidden;font-size: 0;position: relative;}
.compost .com_info li{position:relative; display: inline-block;font-size:14px;width:32%; margin:0 2% 20px 0 }
.compost .com_info li:nth-child(3){margin:0 0 20px 0;}
.compost .com_info li input{padding:0 10px;width:100%;border:.01rem solid #e6e6e6;line-height:36px;height:36px;}
.compost .com_info li img{position:absolute;top:0;left:100%;width:108px;height:36px;cursor:pointer;}
.compost .com_info textarea{display:block;margin-bottom:20px;font-size:14px;padding:10px;width:100%;border:.01rem solid #e6e6e6;}
.compost .com_info button,.writing button{display:inline-block;padding:0 20px;background:#d60814;color:#fff;line-height:36px; border-radius: 5px;  cursor:pointer}
.compost .com_info button:hover , .writing button:hover{background:#c00710}
.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{padding:0 20px 20px 20px;}
/* .comlist ul:nth-child(3){border-top:.01rem solid #ededed;} */
/* .comlist ul{ border-bottom:.01rem solid #ededed;} */
.comlist ul ul.bordertop{margin-top:0;}
.comlist ul ul{margin:0 15px 15px 5%;
border: 1px solid #f3f3f3;
    background-color: #fdfdfd;
    border-radius: 6px;
}
.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;padding:0 20px 20px 20px;}
.comlist .pagebar .page{margin:10px 3px 0 3px;}
/* 页脚 */
.footer{padding:5px 0 20px 0;font-size: 14px;color:#999;text-align: center;} 
.footer a{color:#999;}
.footer ul{line-height:150%;margin:5px -10px 0 -10px;}
.footer ul li{display:inline-block;margin:10px 15px 0 15px;}
.footer p{margin:15px 0 0 0;line-height:150%;}
.gongan{position:relative;top:-2px;margin-right:2px;width:16px;height:16px}
/* 最大网页宽度1280px */
@media screen and (max-width:1280px){
/* 主体 */
.main-width{padding:0 20px;}
.main-page {margin:0;width:100%;}
}
@media screen and (max-width:980px){
.topbar .topmenu , .nav-search-button , .brand {display: none;}
header{height:50px;padding:0;}
.logo{line-height:50px;margin: 0 auto;float: none;text-align: center;}
.logo *{vertical-align: top;}
.logo img{height:24px;display: inline-block;margin:13px 0;}
.name{line-height:50px;}
/* 主体 */
.main-left{margin:0;width:100%;} 
.main-right{margin:-20px 0 0 0;width:100%;} 
.pc{display:none!important}
/* 手机版隐藏 */
.topbar,.nav li:hover ul,.search{display:none}
.topbar,.nav-box,.search{box-shadow: 1px 1px 5px rgba(0,0,0,.1)}
/* 手机版按钮 */
.button-box{ position: absolute;  right:15px ;  top:0; height:50px;z-index: 1; display: block;}
.button-box button{padding:0 5px;line-height:50px;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:#d60814}
.mnav{right: auto; left:15px;}
.topbar,.search{position:absolute;height:auto;top:50px;right:0;left:0;z-index:5;margin:0;width:100%;background:#fff;}
.topbar , .search{padding:20px}
.topbar{line-height: 21px;}
/* 导航 */
.nav-box{float:none;position:fixed;height:auto;top:0;left:-220px;bottom:0;z-index:5;margin:0;width:220px;background:#fff;}
.nav-close{display: block;}
.nav-close::before{content:"\f36a";font-family:uicons-regular-rounded;position: absolute; top:0;left:10px;font-size:18px;color:#999;padding:0 10px;line-height:50px;cursor:pointer;z-index: 6;}
.nav{position:absolute;top:50px;left:0;right:0;z-index:5;margin:0;width:100%;background:#fff;height: calc(100vh - 50px);}
.nav {overflow: auto;height:auto;line-height:36px;text-align: left;}
.nav li{width:100%;line-height:36px;height:auto;}
.nav li a:hover , .nav li.current-li a{color:#333;}
.nav li .nav-show {position:absolute;right:0;top:0;padding:5px; cursor: pointer;margin:0 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:.01rem solid #ededed;background:#fff; box-sizing: border-box; display: block;}
.nav li .nav-hide::after{content:"\f5b7";}
.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;}
/* 搜索 */
.search input{padding:0 63px 0 10px;height:36px;line-height:36px;}
.search button{padding:0 20px;line-height:36px;}
/* 用户 */
}
@media screen and (max-width:720px){
.list-it li .pic{flex:0 0 120px;width:120px;height:90px}
.list-it li h2{  margin:0 0 10px 0 ;font-size: 15px;font-weight: normal;   white-space:normal;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
.list-it li p ,.list-it li .info .cateicon {display: none;}
.content h1{font-size:20px}

}
@media screen and (max-width:480px){
body{background: #fff;}
.section, .function , #sidebardiy div img{border-radius: 0;}
.section{margin:0;}
.main-width{padding: 0 ;} 
.breadcrumb{padding:10px 20px; background: #f4f4f4; }
/* 当前分类子分类 */
.subcategorys{padding: 0 5px 15px 5px;}
.subcategorys ul{padding:15px 0 0 40px;}
.subcategorys span , .subcategorys li{margin:0 10px;font-size: 14px;}
/* 轮播图 */
.slides p{padding:20px 10px 10px 10px}
.slides p a{width:70%}
.slides_tabs{right:10px;bottom:19px}
/* 纯标题列表 */
.list-a li{width: 100%;}
/* info */
.info{font-size: 12px;}
/* 反馈 */
/* 评论 */
.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;padding:0 20px;} 

}