*{-webkit-tap-highlight-color:transparent;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
div,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,select,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{margin:0;padding:0;}
body{background-color:#fff;color:#333;font:16px/1.75em Arial,"Microsoft Yahei","Lucida Grande";overflow-x:hidden;width:100%;/*设置宽度*/min-height:100vh;display:flex;flex-direction:column;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:15px;width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;box-sizing:border-box;}
table th{background-color:#f8f8f8;text-align:center;box-sizing:border-box;}
table td,table th{padding:10px;border:1px solid #ddd;box-sizing:border-box;}
button,select,input,textarea{background:none;border:none;border-radius:0;-webkit-border-radius:0;color:#333;outline:none;-webkit-appearance:none; font-family: inherit; font-size:1em;}
input:focus{outline:none;}
textarea{resize:none;}
a{text-decoration:none;outline:none;color:#333;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#133086;}
a img{border:none;}
img{vertical-align:middle;}
li{list-style:none;}

/*rows*/
[class*=rows_]{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.rows_1{display: block; white-space: nowrap;}
.rows_2{line-clamp:2;-webkit-line-clamp:2;}
.rows_3{line-clamp:3;-webkit-line-clamp:3;}
.rows_4{line-clamp:4;-webkit-line-clamp:4;}
.rows_5{line-clamp:5;-webkit-line-clamp:5;}

/*-mCustomScrollbar-*/
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom;}
.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto;}
.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:none;direction:ltr;}
.mCSB_container{overflow:hidden;width:auto;height:auto;}
.mCSB_inside > .mCSB_container{margin-right:30px;}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{margin-right:0;margin-left:30px;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0;}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;}
.mCSB_outside + .mCSB_scrollTools{right:-26px;}

/* scrollbar position:outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{right:auto;left:0;}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{left:-26px;}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto;}
.mCSB_scrollTools a + .mCSB_draggerContainer{margin:20px 0;}
.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px;}
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer;}
.mCSB_scrollTools .mCSB_buttonDown{bottom:0;}
.mCSB_horizontal.mCSB_inside > .mCSB_container{margin-right:0;margin-bottom:30px;}
.mCSB_horizontal.mCSB_outside > .mCSB_container{min-height:100%;}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0;}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px;}

/* scrollbar position:outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{margin:0 20px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto;}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;\margin:4px 0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0;}
.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px;}
.mCSB_container_wrapper > .mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px;}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px;}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0;}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0;}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px;}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{margin-right:0;margin-left:30px;}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{padding-right:0;}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{padding-bottom:0;}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0;}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;}

/*  TRANSITIONS  ---*/
.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;}
.mCSB_scrollTools{opacity:0.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)";}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollBox:hover > .mCSB_scrollTools,.mCustomScrollBox:hover ~ .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";}
.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)";}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)";}
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{background-image:url(mCSB_buttons.png);/* css sprites */background-repeat:no-repeat;opacity:0.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";}
.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0;}
.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px;}
.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px;}
.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px;}
.mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover{opacity:0.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";}
.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active{opacity:0.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)";}

/* ---------------------------------------- */

/*全局样式*/
.clear{clear:both;height:0px;overflow:hidden;}
.thumbnail{position:relative;overflow:hidden;}
.thumbnail a{display:block;position:relative;overflow:hidden;padding-bottom:100%;}
.thumbnail img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;transition:all .3s;}
.postbottom{margin-bottom:15px;margin-left:80px;font-size:14px;}

/*404页面*/
.error{margin-top:15%;}
.error .title{font-size:36px;font-weight:normal;text-align:center;line-height:1.35em;margin-bottom:3.5%;}
.error .warning{text-align:center;font-size:28px;line-height:1.75em;}

/**/
.gg{overflow:hidden;margin-bottom:3%;}
.gg a{display:block;}
.gg img{display:block;width:100%;height:auto;}

/*全站头部*/

/*顶部主导航栏 - 完全独立样式*/
.topnav{background-color:#fff;border-bottom:1px solid #e4e4e4;position:fixed;left:0;top:0;width:100%;height:60px;z-index:100;box-shadow:0 1px 4px rgba(0,0,0,0.08);}
.topnav .topwrap{width:98%;;margin:0 auto;height:100%;display:flex;align-items:center;}
.topnav .toplogo{display:block;height:50px;flex-shrink:0;}
.topnav .toplogo img{max-height:50px;width:auto;}
.topnav .topmenuwrap{flex:1;display:flex;align-items:center;justify-content:space-between;margin-left:30px;}
.topnav .tophead{display:flex;align-items:center;}
.topnav .topmenu{width:100%;}
.topnav .topmenu ul{display:flex;align-items:center;height:60px;}
.topnav .topmenu li{margin-right:30px;position:relative;}
.topnav .topmenu li a{color:#333;font-size:15px;line-height:60px;padding:0;display:inline-block;}
.topnav .topmenu li a:hover{color:#133086;background:none;}
.topnav .topmenu li::before{content:"";width:0;height:3px;border-radius:3px 3px 0 0;opacity:0;background:#133086;position:absolute;left:50%;bottom:0;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.topnav .topmenu li:hover::before{width:32px;margin-left:-16px;opacity:1;}
.topnav .topmenu li:hover a{color:#133086;}
.topnav .topmenu li.subcate:hover .topsubnav{display:block;}
.topnav .topmenu .topsubnav{min-width:200px;padding:10px 0;line-height:40px;border-top:2px solid #133086;box-shadow:0 2px 8px rgba(0,0,0,0.1);background:#fff;position:absolute;top:60px;left:-20px;z-index:99;display:none;}
.topnav .topmenu .topsubnav a{padding:0 20px;font-size:14px;color:#333;display:block;white-space:nowrap;border-bottom:1px solid #f5f5f5;}
.topnav .topmenu .topsubnav a:hover{color:#133086;background:#f5f5f5;}
.topnav .topmenu .topsubnav::before{content:"";width:0;height:0;margin:-12px 0 0 20px;border:6px solid transparent;border-bottom-color:#133086;position:absolute;top:0;left:0;}
.topnav .topright{display:flex;align-items:center;flex-shrink:0;}
.topnav .topuser{position:relative;}
.topnav .topuserimg{display:block;width:36px;height:36px;border-radius:50%;overflow:hidden;margin:0 10px;}
.topnav .topuserimg img{width:100%;height:100%;object-fit:cover;}
.topnav .topuserpop{display:none;position:absolute;top:100%;right:10px;width:120px;padding:10px 0;background:#fff;border-top:2px solid #133086;box-shadow:0 2px 10px rgba(0,0,0,0.1);z-index:101;}
.topnav .topuser:hover .topuserpop{display:block;}
.topnav .topuserpop a{display:block;padding:8px 15px;font-size:14px;color:#333;}
.topnav .topuserpop a:hover{color:#133086;background:#f5f5f5;}
.topnav .topsign{margin-left:10px;}
.topnav .topsign a{display:inline-block;padding:6px 16px;font-size:14px;color:#133086;border:1px solid #133086;border-radius:4px;}
.topnav .topsign a:hover{color:#fff;background:#133086;}

.mobile-bottom-nav{display:none;}
/* PC端隐藏移动端抽屉（用visibility代替display:none，确保动画可过渡；加position:fixed脱离文档流避免占位） */
.mobile-drawer-overlay{visibility:hidden;opacity:0;position:fixed;top:0;left:0;}
.mobile-drawer{visibility:hidden;transform:translateY(100%);position:fixed;left:0;bottom:0;}
/* PC端隐藏移动端顶部导航栏 */
.mobile-topbar{display:none;}

.sidenav{background-color:#133086;position:fixed;left:0;top:60px;width:150px;height:calc(100vh - 60px);z-index:8;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;}
.sidenav::-webkit-scrollbar{display:none;}
/*logo*/
.logo{padding:10px 15px;text-align:left;}
.logo a{display:inline-flex;align-items:center;justify-content:center;width:108px;height:48px;background:rgba(255,255,255,0.15);border-radius:12px;backdrop-filter:blur(4px);transition:all .3s;}
.logo a:hover{background:rgba(255,255,255,0.25);transform:scale(1.05);}
.logo i{display:block;width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E") no-repeat center;background-size:contain;text-indent:-99999em;overflow:hidden;}
.logo a::after{content:'工具集';color:#fff;font-size:14px;font-weight:500;}

/*nav*/
.nav{padding:10px 0;}
.nav li{color:#fff;font-size:16px;position:relative;}
.nav li a{display:block;line-height:50px;color:#fff;position:relative;padding:0 20px;}
.nav li a:hover{background-color:#202340;}
.nav li li a{text-indent:1.5em;}
.nav li ul{display:none;}
.nav li em{display:block;position:absolute;top:0;right:0;height:50px;width:50px;}
.nav li em:after{content:'';display:block;width:5px;height:5px;border-right:1px solid #fff;border-bottom:1px solid #fff;position:absolute;left:50%;top:50%;transform:rotate(-45deg);margin:-3.5px 0 0 -4px;transition:all .3s;}
.nav li.on em:after{transform:rotate(45deg);}
.nav .mCSB_scrollTools{width:0;display:none !important;}
.nav .mCSB_inside > .mCSB_container{margin-right:0;}

/*顶部搜索*/
.searchForm{position:relative;background-color:#f8f8f8;margin-bottom:2%;border-radius:5px;overflow:visible;}
.searchForm form{position:relative;display:flex;align-items:center;}
.searchForm .text{color:#333;height:24px;line-height:24px;width:100%;padding:10px 40px 10px 12px;-webkit-appearance:none;font-size:14px;border:none;background:transparent;}
.searchForm .submit{position:absolute;right:0;top:0;width:40px;height:100%;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat center center;background-size:18px;cursor:pointer;-webkit-appearance:none;appearance:none;border:none;}

/*wrapper*/
.wrapper{margin-left:170px;margin-top:70px;overflow:hidden;flex:1 0 auto;box-sizing:border-box;background:no-repeat center top;background-size:cover;}

/*轮播图*/
.slides{border-radius:5px;overflow:hidden;margin-bottom:3%;}
.slides .item{background:no-repeat center center;background-size:cover;padding-bottom:34.375%;position:relative;}
.slides .item a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999em;}
.slides .owl-dots{position:absolute;left:50%;bottom:5%;font-size:0;line-height:normal;transform:translateX(-50%);}
.slides .owl-dots button{display:inline-block;margin:0 5px;}
.slides .owl-dots span{display:block;width:20px;height:4px;background-color:#fff;}
.slides .owl-dots .active span{background-color:#133086;}
.slides .load{padding-bottom:34.375%;background-color:#f9f9f9;position:relative;}
.slides .load span{display:block;position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);font-size:36px;line-height:1.125em;color:#999;text-align:center;}

/*热门标签*/
.topTags{margin-bottom:3%;}
.topTags h3{font-size:14px;line-height:1.75em;margin-bottom:10px;}
.topTags ul{overflow:hidden;}
.topTags li{float:left;font-size:12px;line-height:24px;padding:0 5px 5px 0;}
.topTags li a{color:#133086;border:1px solid #e4e4e4;display:block;border-radius:12px;padding:0 10px;}
.topTags li a:hover{color:#fff;background-color:#133086;border-color:#133086;}

/*全站底部*/
/* 粘性页脚：footer 是 body flex 容器的最后一个子元素，
   margin-top:auto 在 flex 列布局中会把 footer 推到 body 底部（视口底部） */
.footer{
  flex-shrink:0; /* 防止被压缩 */
  margin-top:auto; /* flex 列布局下，把 footer 推到容器底部 */
  padding:8px 12px 20px; /* 距底部 20px */
  font-size:14px;
  line-height:1.75em;
  text-align:center;
  background:rgba(255,255,255,.85);
  backdrop-filter:saturate(180%) blur(8px);
  -webkit-backdrop-filter:saturate(180%) blur(8px);
  box-shadow:0 2px 12px rgba(0,0,0,.04);
}
.footer a{color:#333;display:inline-block;}
.footer a:hover{opacity:.85;}
.copyright,.copyright a{color:#555;}
.copyright img{display:inline-block;width:auto;height:20px;vertical-align:middle;margin-top:-3px;}

/*links*/
.links ul{overflow:hidden;padding-left: 160px;}
.links li{float:left;padding-right:31px;line-height:30px;position:relative;}
.links li:first-child{padding-right:0;}
.links li:after{content:'';display:block;width:1px;height:14px;background-color:#ccc;position:absolute;right:15px;top:50%;margin-top:-7px;}
.links li:first-child:after,.links li:last-child:after{display:none;}

/*首页*/
.hmTitle{overflow:hidden;margin-bottom:1.3%;position:relative;}
.hmTitle h2{font-size:16px;color:#333;position:relative;padding-left:15px;}
.hmTitle h2:before{display:block;content:'';position:absolute;left:0;width:5px;height:14px;border-radius:2.5px;background-color:#133086;top:50%;margin-top:-7px;}
.hmTitle span{position:absolute;right:0;top:50%;transform:translateY(-50%);text-transform:uppercase;color:#999;font-size:14px;}
.hmTitle span a{display:block;background-color:#133086;color:#fff;padding:0 10px;border-radius:3px;line-height:1.75em;font-size:13px;}
.hmTitle span a:after{display:inline-block;content:'>';margin-left:3px;}
.hmTitle span a:hover{opacity:.75;}
.appBox{margin-bottom:1.5%;}
.appBox .inner{overflow:hidden;}
.appBox ul{overflow:hidden;width:102%;}
.appBox li{float:left;width:10.5%;padding-right:2%;padding-bottom:1%;}
.appBox li a{display:block;overflow:hidden;}
.appBox li .top{display:block;overflow:hidden;padding:8%;border:1px solid #e5e5e5;border-radius:10px;position:relative;margin-bottom:5px;}
.appBox li .icon{padding-bottom:100%;position:relative;overflow:hidden;border-radius:10px;}
.appBox li .icon img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.appBox li span{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(83,191,29,.15);opacity:0;transition:opacity .2s;}
.appBox li i{display:block;position:absolute;left:50%;top:50%;margin:-12px 0 0 -2.5em;font-size:12px;width:5em;line-height:24px;background-color:rgba(83,191,29,.85);z-index:2;color:#fff;border-radius:4px;font-style:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.appBox li h2{font-size:14px;text-align:center;line-height:1.875em;font-weight:normal;padding:0 5px;}
.appBox li a:hover span{opacity:1;}
.appBox li h2 strong {color:#f00;}

/*appList*/
.appList{margin-bottom:5%;overflow:hidden;}
.appList ul{margin-bottom:5%;}

/*hmnews*/
.hmnews{overflow:hidden;margin-bottom:3%;}
.hmnews .thumbnail{margin-bottom:5px;}
.hmnews .thumbnail a{padding-bottom:75%;}
.hmnews h3{font-size:14px;font-weight:normal;line-height:1.75em;height:3.5em;}
.hmnews .owl-nav button{display:block;position:absolute;top:50%;z-index:2;transform:translateY(-50%);margin-top:-30px;}
.hmnews .owl-nav span{display:block;width:25px;height:30px;background-color:rgba(0,0,0,.5);color:rgba(255,255,255,.6);font-size:22px;text-align:center;line-height:28px;}
.hmnews .owl-nav span:hover{color:#fff;background-color:#000;}
.hmnews .owl-prev{left:0;}
.hmnews .owl-next{right:0;}
.hmnews .owl-dots{font-size:0;line-height:normal;text-align:center;margin-top:3.5%;}
.hmnews .owl-dot{display:inline-block;margin:0 5px;}
.hmnews .owl-dot span{display:block;width:8px;height:8px;border-radius:50%;background-color:#eee;}
.hmnews .active span{background-color:#133086;}
.hmnews .load{padding-bottom:18.238%;clear:both;overflow:hidden;}
.hmnews .item:hover img{transform:scale(1.1);}

/*breadcrumb*/
.breadcrumb{font-size:14px;color:#555;background:url(images/icon_home.png) no-repeat left 6.5px;background-size:auto 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:20px;padding-left:22px;}
.breadcrumb a{color:#555;}
.breadcrumb em{font-style:normal;font-family:'Simsun';margin:0 3px;}

/*post*/
.post{overflow:hidden;}
.post .title{font-size:20px;color:#333;line-height:1.5em;font-weight:normal;margin-bottom:25px;text-align:center;}
.post .meta{overflow:hidden;font-size:0;line-height:normal;text-align:center;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:30px;}
.post .meta a{color:#888;}
.post .meta span{display:inline-block;font-size:12px;line-height:1.75em;color:#888;padding:0 8px;}

/*appItem*/
.appItem{overflow:hidden;}
.appItem .top{margin-bottom:2.5%;position:relative;}
.appItem .left{float:left;width:100px;padding:8px;border:1px solid #e4e4e4;border-radius:5px;background-color:#fff;}
.appItem .icon{padding-bottom:100%;position:relative;overflow:hidden;border-radius:5px;}
.appItem .icon img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
.appItem .right{margin-left:140px;margin-right:150px;overflow:hidden;}
.appItem .title{font-size:20px;color:#333;line-height:1.5em;font-weight:normal;margin-bottom:10px;}
.appItem .meta{overflow:hidden;}
.appItem .meta a{color:#666;margin-right:5px;}
.appItem .meta span{display:block;font-size:14px;line-height:2em;color:#666;padding:2px 5% 2px 0;float:left;min-width:15%;}
.appItem .meta .tag{clear:both;max-width:none;min-width:0;}
.appItem .meta .tag a{margin-right:15px;}
.appItem .download{width:130px;position:absolute;top:0;right:0;}
.appItem .download a{display:block;font-size:14px;color:#fff;border-radius:3px;height:37px;background-color:#59c55b;text-align:center;line-height:37px;}
.appItem .download a:hover{opacity:.85;}
.appItem .android{position:relative;}
.appItem .iphone{margin-top:10px;position:relative;}
.appItem .iphone a{background-color:#237ded;}
.appItem .download .qr{position:absolute;left:50%;top:130%;background-color:#fff;border-radius:5px;border:1px solid #e5e5e5;padding:5px;width:110px;margin-left:-61px;z-index:3;display:none;}
.appItem .download .qr:after{content:'';display:block;background-color:#fff;border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5;transform:rotate(-45deg);position:absolute;left:50%;top:-7px;margin-left:-3.5px;width:10px;height:10px;}
.appItem .download .qr img{display:block;width:100%;height:auto;position:relative;z-index:2;}
.website{margin-top:10px;position:relative;}
.website a{background-color:#237ded;}
/*bloglist*/
.bloglist{overflow:hidden;margin-bottom:3.5%;}
.blogitem{overflow:hidden;margin-bottom:30px;}
.blogitem .thumbnail{float:left;width:280px;}
.blogitem .thumbnail img{transition:all .3s;height:auto;min-height:100%;}
.blogitem .thumbnail a{padding-bottom:75%;}
.blogitem .thumbnail a:hover img{transform:scale(1.1);}
.blogitem .thumbnail span{display:block;width:1em;line-height:1.25em;background-color:#f60;color:#fff;position:absolute;left:10px;top:0;border-radius:0 0 3px 3px;font-size:12px;padding:5px;}
.blogitem .info{margin-left:300px;overflow:hidden;padding:4px 0;}
.blogitem h2{font-weight:normal;font-size:22px;line-height:1.5em;margin-bottom:10px;}
.blogitem h2 a{color:#333;}
.blogitem h2 a:hover,.blogitem .meta a:hover{color:#133086;}
.blogitem .excerpt{font-size:16px;line-height:1.875em;height:7.5em;color:#666;margin-bottom:10px;}
.blogitem .meta{color:#999;font-size:14px;}
.blogitem .meta a{color:#888;}
.blogitem .meta span{position:relative;padding-right:15px;padding-left:12px;}
.blogitem .meta span:before{width:6px;height:6px;border-radius:50%;background-color:#ddd;content:'';display:block;position:absolute;left:0;top:50%;margin-top:-3px;}
.blogitem .meta span:last-child{padding-right:0;}

/*内页分页*/
.pagenavi{font-size:14px;text-align:center;display: flex;justify-content: center;flex-wrap: wrap;}
.pagenavi a,.pagenavi .now-page{display:block;color:#999;background-color:#f3f3f3;margin:0.14em;height:2.5em;line-height:2.5em;padding:0 0.2em;border-radius:0.2em;box-sizing: border-box; min-width: 2.5em;vertical-align: middle;}
.pagenavi a:hover,.pagenavi .now-page{background-color:#133086;color:#fff;}

/*详情页*/
.details .title{font-size:32px;text-align:center;line-height:1.35em;margin-bottom:2.43%;font-weight:normal;}
.details .meta{text-align:center;font-size:0;line-height:normal;border-bottom:1px solid #eee;padding-bottom:1.5%;margin-bottom:2.43%;}
.details .meta span{font-size:14px;color:#888;padding:0 15px;}
.details .meta a{color:#888;}

/*详情内容*/
.entry{color:#333;margin-bottom:2.5%;word-break:break-all;}
.entry * {line-height:1.75em;}
.entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{margin-bottom:1.5%;}
.entry ul,.entry ol{margin-bottom:1.5%;padding-left:1em;margin-left:2em;}
.entry img,.entry video{max-width:100%;height:auto!important;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry blockquote{margin:0 2em 1.5%;padding:1.5% 1.5% 0;font-style:italic;overflow:hidden;color:#555;border:1px dashed #eee;background-color:#f9f9f9;border-radius:3px;}
.entry hr{border:none;border-bottom:1px solid #999;margin-bottom:1.5%;}
.entry li p{margin-bottom:0;}

/*postnavi*/
#postnavi{font-weight:bold;font-size:14px;line-height:1.75em;overflow:hidden;margin-bottom:2.5%;}
#postnavi .prev,#postnavi .next{width:45%;}
#postnavi .prev{float:left;}
#postnavi .next{float:right;text-align:right;}

/*详情模块标题*/
.boxtitle{font-size:18px;margin-bottom:15px;line-height:1.35em;position:relative;padding-left:15px;}
.boxtitle:before{width:5px;height:14px;border-radius:2.5px;background-color:#133086;content:'';display:block;position:absolute;left:0;top:50%;margin-top:-7px;}

/*相关推荐*/
.related{margin-bottom:2.43%;}
.related ul{width:102%;overflow:hidden;}
.related li{width:10.5%;float:left;padding-right:2%;padding-bottom:1%;}
.related li .icon{padding:8%;border:1px solid #e4e4e4;border-radius:5px;margin-bottom:5px;}
.related li .icon a{display:block;padding-bottom:100%;position:relative;border-radius:5px;overflow:hidden;}
.related li .icon img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;border-radius:5px;}
.related li h3{font-weight:normal;font-size:14px;text-align:center;}

/*评论留言*/
.commentlist{overflow:hidden;margin-bottom:2.43%;}
.commentlist li{overflow:hidden;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee;}
.commentlist .avatar{float:left;width:60px;height:60px;border-radius:5px;overflow:hidden;}
.commentlist .avatar img{display:block;width:100%;height:100%;}
.commentlist .info{margin-left:80px;overflow:hidden;}
.commentlist .name{font-size:16px;font-weight:bold;line-height:1.35em;color:#333;}
.commentlist time{display:block;color:#999;font-size:12px;line-height:1.5em;}
.commentlist .replay{font-size:12px;font-weight:bold;color:#000;}
.commentlist .text{padding:5px 0;font-size:16px;color:#555;}
.commentlist li li{margin:2.43% 0 0 2%;padding-bottom:0;border-bottom:none;}

/*评论框*/
#comment .item{overflow:hidden;margin-bottom:15px;position:relative;}
#comment label{display:block;float:left;height:40px;line-height:40px;font-size:16px;}
#comment label i{font-style:normal;color:#f00;}
#comment .input{margin-left:80px;overflow:hidden;border:1px solid #e4e4e4;border-radius:5px;}
#comment .text,#comment textarea{width:98%;height:20px;line-height:normal;padding:10px 1%;font-size:16px;font-family:'Microsoft Yahei';-webkit-appearance:none;}
#comment textarea{height:150px;resize:none;}
#comment .submit{float:right;color:#fff;background-color:#555;border-radius:5px;height:45px;width:150px;font-size:16px;cursor:pointer;}
#comment .submit:hover{opacity:.9;}
#comment .verify{position:relative;}
#comment .verify .input{margin-right:126px;}
#comment .verify img{display:block;position:absolute;right:0;top:0;height:100%;width:auto;cursor:pointer;border-radius:2px;}

/*两栏*/
.main{margin-right:250px;overflow:hidden;margin-bottom:3.5%;}
.sidebar{width:220px;float:right;}
.widget{margin-bottom:10%;overflow:hidden;}
.widget h3{font-weight:normal;font-size:18px;line-height:1.125em;margin-bottom:6%;position:relative;padding-left:15px;}
.widget h3:before{width:5px;height:14px;border-radius:2.5px;background-color:#133086;content:'';display:block;position:absolute;left:0;top:50%;margin-top:-7px;}
.widget li{overflow:hidden;}
.widget li{position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;padding-left:15px;line-height:30px;}
.widget li:before{content:'';display:block;width:6px;height:6px;background-color:#aaa;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-3px;}
.divSearchPanel input[type='text']{height:24px;line-height:24px;padding:5px 3%;border:1px solid #e4e4e4;width:94%;}
.divSearchPanel input[type='submit']{color:#fff;position:absolute;right:0;top:0;height:100%;width:40px;background-color:#133086;cursor:pointer;}
.divSearchPanel form{position:relative;padding-right:40px;overflow:hidden;}
.divApps li{padding:8px 0;}
.divApps li:before{display:none;}
.divApps .icon{float:left;width:55px;}
.divApps .icon a{display:block;padding-bottom:100%;position:relative;border-radius:10px;overflow:hidden;}
.divApps .icon img{display:block;position:absolute;right:0;top:0;height:100%;width:100%;}
.divApps .info{overflow:hidden;margin-left:65px;}
.divApps h4{font-size:16px;line-height:1.75em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;}
.divApps p{font-size:12px;line-height:1.75em;white-space:nowrap;overflow:hidden;text-overflow:hidden;color:#999;}

/*divTags*/
.divTags li{float:left;padding:1% 2% 1% 0;}
.divTags li:before{background-color:#fff;z-index:2;}
.divTags li a{display:block;background-color:#f9f9f9;border-radius:0px;padding:0 10px;color:#fff;font-size:12px;border-radius:3px;}
.divTags li a:hover{opacity:.8;}
.divTags li:nth-child(8n-7) a{background-color:#8A9B0F;}
.divTags li:nth-child(8n-6) a{background-color:#EB6841;}
.divTags li:nth-child(8n-5) a{background-color:#3FB8AF;}
.divTags li:nth-child(8n-4) a{background-color:#FE4365;}
.divTags li:nth-child(8n-3) a{background-color:#FC9D9A;}
.divTags li:nth-child(8n-2) a{background-color:#EDC951;}
.divTags li:nth-child(8n-1) a{background-color:#C8C8A9;}
.divTags li:nth-child(8n) a{background-color:#83AF9B;}
.divTags li:first-child a{background-color:#E1474D;}
.divTags li:last-child a{background-color:#3299BB;}
.tags{font-size:16px;line-height:1.75em;color:#000;margin-bottom:2.43%;}
.tags span{font-weight:bold;}
.tags a{color:#f00;margin-right:10px;}
.tags a:hover{text-decoration:underline;}

/*相关推荐*/
.relatedpost{margin-bottom:2.43%;}
.relatedpost ul{width:102%;overflow:hidden;}
.relatedpost li{width:14.66%;float:left;padding-right:2%;padding-bottom:1%;}
.relatedpost li .thumbnail{margin-bottom:5px;}
.relatedpost li .thumbnail a{padding-bottom:75%;}
.relatedpost li h3{font-weight:normal;font-size:14px;text-align:center;}
@media only screen and (max-width:1280px){
	.sidenav{width:160px;}
	.wrapper{margin-left:200px;}
	.sidebar{width:190px;}
	.main{margin-right:220px;}
	.post .title{font-size:18px;margin-bottom:3.247%;}
	.post .meta{margin-bottom:3.897%;}
	.appBox li{width:14.66%;}
	.appItem .download{width:100px;}
	.appItem .download a{font-size:12px;height:30px;line-height:30px;}
	.appItem .right{margin-right:120px;}
	.appItem .title{font-size:18px;}
	.breadcrumb{margin-bottom:10px;}
	.blogitem{margin-bottom:20px;}
	.blogitem .thumbnail{width:200px;}
	.blogitem .info{margin-left:220px;}
	.blogitem h2{font-size:18px;line-height:1.125em;}	
	.blogitem .excerpt{line-height:1.75em;height:5.25em;margin-bottom:5px;-webkit-line-clamp: 3;}
}
@media only screen and (max-width:1024px){
	
	.hmnews .load{padding-bottom:36.216%;}
	.appItem .left{width:85px;padding:5px;}
	.appItem .right{margin-left:110px;}
	.appItem .title{margin-bottom:5px;}
	.appItem .meta span{font-size:12px;}
    /*1024px*/
    .navBtn{width:25px;position:relative;height:30px;padding:16px 0 14px;cursor:pointer;}
	.navBtn span{display:block;width:100%;height:2px;background-color:#fff;position:absolute;top:50%;left:0;margin-top:-1px;}
	.navBtn span:before,.navBtn span:after{content:'';display:block;width:100%;height:2px;background-color:#fff;position:absolute;left:0;top:-9px;transition:transform .3s;transition:transform .3s;}
	.navBtn span:after{top:auto;bottom:-8px;}
	.navBtn.open span{height:0;}
	.navBtn.open span:before{transform:rotate(45deg);top:0;}
	.navBtn.open span:after{transform:rotate(-45deg);bottom:auto;top:0;}
}
@media only screen and (max-width:960px){
    
    .topnav{display:none;}
	.topnav .topwrap{flex-wrap:wrap;}
	.topnav .topmenuwrap{display:none;width:100%;padding:10px 0;background:#f8f8f8;border-top:1px solid #e4e4e4;}
	.topnav .topmenuwrap.open{display:block;}
	.topnav .topmenu ul{flex-direction:column;height:auto;align-items:flex-start;padding:0 15px;}
	.topnav .topmenu li{margin-right:0;margin-bottom:5px;width:100%;}
	.topnav .topmenu li a{line-height:40px;font-size:15px;}
	.topnav .topmenu li::before{display:none;}
	.topnav .topmenu li.subcate .topsubnav{position:static;box-shadow:none;border:none;padding-left:20px;}
	.topnav .topmenu li.subcate .topsubnav::before{display:none;}
	.topnav .topright{display:none;}
	.topnav .topnavbtn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;cursor:pointer;margin-left:auto;}
	.topnav .topnavbtn span{display:block;width:20px;height:2px;background:#333;margin:2px 0;transition:all .3s;}
	.topnav .topnavbtn.open span:nth-child(1){transform:rotate(45deg) translate(4px, 4px);}
	.topnav .topnavbtn.open span:nth-child(2){opacity:0;}
	.topnav .topnavbtn.open span:nth-child(3){transform:rotate(-45deg) translate(4px, -4px);}
	.sidetoggle{display:none;}
	/* 移动端顶部导航栏：菜单+搜索一体化 */
	.mobile-topbar{display:flex;position:fixed;left:0;top:0;right:0;height:50px;background:#fff;z-index:1001;align-items:center;padding:0 10px;box-shadow:0 1px 4px rgba(0,0,0,0.08);box-sizing:border-box;gap:8px;}
	.mobile-topbar-menu{width:36px;height:36px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#333;padding:0;border-radius:8px;}
	.mobile-topbar-menu:active{background:#f0f0f0;}
	.mobile-topbar-menu svg{width:22px;height:22px;}
	.mobile-topbar-search{flex:1;min-width:0;}
	.mobile-topbar-search form{display:flex;align-items:center;height:34px;background:#f0f0f0;border-radius:17px;overflow:hidden;}
	.mobile-search-input{flex:1;min-width:0;height:34px;border:none;background:transparent;padding:0 10px 0 14px;font-size:14px;color:#333;outline:none;box-sizing:border-box;}
	.mobile-search-input::placeholder{color:#aaa;font-size:13px;}
	.mobile-search-btn{width:34px;height:34px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#999;padding:0;}
	.mobile-search-btn svg{width:18px;height:18px;}
	/* 隐藏旧的移动端搜索栏（由mobile-topbar替代） */
	.searchForm{display:none !important;}
	.sidenav{position:fixed;left:0;top:50px;width:150px;height:calc(100% - 104px);background:#fff;transform:translateX(-100%);transition:transform .3s;z-index:1000;overflow-y:auto;box-shadow:2px 0 8px rgba(0,0,0,0.15);}
	.sidenav.open{transform:translateX(0);}
	.sidenav .logo{padding:5px 12px;text-align:center;background:#f8f9fa;border-bottom:1px solid #e4e4e4;}
	.sidenav .logo a{display:inline-flex;align-items:center;justify-content:center;width:100px;height:44px;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.08);}
	.sidenav .logo i{display:block;width:26px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23133086' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E") no-repeat center;background-size:contain;text-indent:-99999em;overflow:hidden;}
	.logo a::after{content:'工具集';color:#133086;font-size:14px;font-weight:500;}
	.sidenav .navBtn{display:none;}
	.nav{position:static;width:100%;height:auto;overflow-y:auto;background:transparent;border:none;padding:0;}
	.nav ul{padding:0;}
	.nav li{margin:0;}
	.nav li a{display:flex;align-items:center;line-height:20px;padding:12px 16px;white-space:nowrap;font-size:15px;color:#333;border-bottom:1px solid #f0f0f0;}
	.nav li a:hover,.nav li a:active{background-color:#f5f7fa;color:#133086;}
	.nav li ul{display:none;padding:0;background:#f9f9f9;}
	.nav li.on ul{display:block;}
	.nav li ul li a{padding-left:32px;font-size:14px;color:#555;border-bottom-color:#eee;}
	.nav li em{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:44px;height:44px;cursor:pointer;}
	.nav li em:after{content:'';display:block;width:6px;height:6px;border-right:1.5px solid #999;border-bottom:1.5px solid #999;transform:rotate(-45deg);transition:all .3s;}
	.nav li.on em:after{transform:rotate(45deg);}
	.wrapper{margin-left:0;margin-top:0;padding:60px 10px 70px 10px;}
    
	.sidebar{width:180px;}
	.main{margin-right:200px;}
	.blogitem .thumbnail{width:180px;}
	.blogitem .info{margin-left:200px;padding:0;}
	.blogitem h2{margin-bottom:8px;}
	.blogitem .excerpt{font-size:14px;}
	.footer{display:none;font-size:12px;line-height:1.5em;text-align:center;}

	/*960px首页*/
	.hmtitle .title{font-size:22px;}

	/*960px详情页*/
	.details .title{font-size:24px;}

	/*移动端底部导航*/
	.mobile-bottom-nav{display:flex !important;position:fixed;left:0;bottom:0;width:100%;height:54px;background:#fff;border-top:1px solid #e4e4e4;box-shadow:0 -2px 10px rgba(0,0,0,0.08);z-index:99;justify-content:space-around;align-items:center;padding:5px 10px 0px 10px;box-sizing:border-box;}
	.mobile-bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#666;font-size:12px;gap:1px;position:relative;}
	.mobile-bottom-nav a.active{color:#133086;}
	.mobile-bottom-nav .nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;}
	.mobile-bottom-nav .nav-icon svg{width:100%;height:100%;}
	.mobile-bottom-nav .nav-logo{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#fff;padding:0;margin-top:-8px;}
	.mobile-bottom-nav .nav-logo img{width:100%;height:100%;border-radius:50%;object-fit:cover;}
	/* LOGO上方三角箭头 - 呼吸闪烁动画 */
	.mobile-bottom-nav .nav-logo-arrow{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:20px;height:14px;display:flex;align-items:center;justify-content:center;color:#999;animation:navArrowBreathe 2s ease-in-out infinite;}
	.mobile-bottom-nav .nav-logo-arrow svg{width:100%;height:100%;}
	@keyframes navArrowBreathe{0%,100%{opacity:1;transform:translateX(-50%) translateY(0);}50%{opacity:0.3;transform:translateX(-50%) translateY(-4px);}}

	/* 底部抽屉遮罩 */
	.mobile-drawer-overlay{visibility:hidden;opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:200;transition:opacity .3s ease,visibility .3s ease;}
	.mobile-drawer-overlay.active{visibility:visible;opacity:1;}

	/* 底部抽屉通用样式 */
	.mobile-drawer{visibility:hidden;position:fixed;left:0;bottom:0;width:100%;max-height:70vh;background:#fff;border-radius:16px 16px 0 0;z-index:201;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s ease;overflow:hidden;display:flex;flex-direction:column;}
	.mobile-drawer.active{visibility:visible;transform:translateY(0);}
	.mobile-drawer .drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid #f0f0f0;flex-shrink:0;}
	.mobile-drawer .drawer-title{font-size:16px;font-weight:600;color:#333;}
	.mobile-drawer .drawer-close{width:28px;height:28px;border-radius:50%;background:#f5f5f5;border:none;font-size:18px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;}
	.mobile-drawer .drawer-close:hover{background:#eee;color:#666;}
	.mobile-drawer .drawer-body{flex:1;overflow-y:auto;padding:8px 0;-webkit-overflow-scrolling:touch;}

	/* 产品分类抽屉 - 列表菜单 */
	.drawer-menu{list-style:none;margin:0;padding:0;}
	.drawer-menu li{border-bottom:1px solid #f5f5f5;}
	.drawer-menu li:last-child{border-bottom:none;}
	.drawer-menu li a{display:flex;align-items:center;padding:14px 20px;text-decoration:none;color:#333;transition:background .2s;}
	.drawer-menu li a:hover{background:#f8f9ff;}
	.drawer-menu li a:active{background:#eef0ff;}
	.drawer-menu-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:14px;color:#133086;flex-shrink:0;}
	.drawer-menu-icon svg{width:100%;height:100%;}
	.drawer-menu-text{flex:1;font-size:15px;font-weight:500;}
	.drawer-menu-arrow{width:16px;height:16px;color:#ccc;flex-shrink:0;}
	.drawer-menu-arrow svg{width:100%;height:100%;}

	/* 发现抽屉 - 推荐内容 */
	.discover-section{padding:16px 20px;}
	.discover-section-title{font-size:15px;font-weight:600;color:#333;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;}
	.discover-section-title .more{font-size:12px;color:#999;font-weight:400;text-decoration:none;}

	/* 热门推荐 - 横向滚动卡片 */
	.discover-hot-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none;}
	.discover-hot-scroll::-webkit-scrollbar{display:none;}
	.discover-hot-card{flex-shrink:0;width:120px;text-decoration:none;color:#333;}
	.discover-hot-card img{width:120px;height:80px;border-radius:8px;object-fit:cover;display:block;margin-bottom:6px;}
	.discover-hot-card .name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.discover-hot-card .tag{font-size:11px;color:#999;margin-top:2px;}

	/* 精选专题 - 大图+标题卡片 */
	.discover-featured-card{display:block;text-decoration:none;color:#333;border-radius:10px;overflow:hidden;background:#f8f9ff;margin-bottom:10px;transition:transform .2s;}
	.discover-featured-card:active{transform:scale(0.98);}
	.discover-featured-card img{width:100%;height:140px;object-fit:cover;display:block;}
	.discover-featured-card .info{padding:10px 14px;}
	.discover-featured-card .info .title{font-size:14px;font-weight:600;margin-bottom:4px;}
	.discover-featured-card .info .desc{font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

	/* 最新上架 - 列表形式 */
	.discover-latest-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5;text-decoration:none;color:#333;}
	.discover-latest-item:last-child{border-bottom:none;}
	.discover-latest-item img{width:44px;height:44px;border-radius:8px;object-fit:cover;margin-right:12px;flex-shrink:0;}
	.discover-latest-item .info{flex:1;min-width:0;}
	.discover-latest-item .info .title{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.discover-latest-item .info .meta{font-size:12px;color:#999;margin-top:2px;}
	.discover-latest-item .badge{font-size:11px;color:#fff;background:#133086;border-radius:4px;padding:2px 6px;flex-shrink:0;margin-left:8px;}

	/* 编辑推荐 - 带标签卡片 */
	.discover-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
	.discover-editor-card{display:block;text-decoration:none;color:#333;border-radius:8px;overflow:hidden;border:1px solid #f0f0f0;transition:transform .2s;}
	.discover-editor-card:active{transform:scale(0.97);}
	.discover-editor-card img{width:100%;height:72px;object-fit:cover;display:block;}
	.discover-editor-card .info{padding:8px 10px;}
	.discover-editor-card .info .title{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.discover-editor-card .info .label{display:inline-block;font-size:11px;color:#133086;background:#eef0ff;border-radius:3px;padding:1px 5px;margin-top:4px;}
}
@media only screen and (max-width:768px){
	
	.navBtn{padding:11px 0 9px;}
	.nav{top:50px;width:150px;right:-150px;}
	.sidebar{display:none;}
	.main{margin-right:0;margin-bottom:2%;}
	.blogitem .thumbnail{width:110px;}
	.blogitem .info{margin-left:120px;}
	.blogitem h2{font-size:16px;white-space:normal;line-height:1.75em;max-height:3.5em;margin-bottom:0;display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2;}
	.blogitem .excerpt{height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0; display: block;}
	.blogitem .meta{display:none;}
	.links{margin-bottom:5px;}
	.links ul{font-size:0;line-height:normal;text-align:center;}
	.links li{display:inline-block;float:none;font-size:12px;line-height:1.5em;padding:0 5px;}
	.links li:after{display:none;}
	.slides .owl-dots{bottom:15px;}
	/* searchForm已由mobile-topbar替代，此处不再需要fixed定位 */
	.topTags h3{margin-bottom:5px;}
	.hmTitle h2{font-size:14px;}
	.hmTitle span{font-size:12px;}
	.appBox li{width:23%;}
	.appBox li .top{border-radius:5px;margin-bottom:2px;}
	.appBox li .icon{border-radius:5px;}
	.related li{width:23%;}

    /*768px*/
    .logo{padding:5px 0;}
	/*768px详情页*/
	.post .title{margin-bottom:2.5%;}
	.post .meta{padding-bottom:5px;}
	.tags{font-size:14px;}
	.relatedpost ul{width:103%;}
	.relatedpost li{width:31%;}

	/*768px详情页*/
	.details .title{font-size:20px;margin-bottom:15px;}
	.details .meta{padding-bottom:10px;margin-bottom:20px;}

	/*768px详情内容*/
	.entry{font-size:14px;}
	.entry blockquote{margin-bottom:2.43%;padding:10px 10px 0 15px;}
	.breadcrumb{margin-bottom:5px;}

	/*768px评论留言*/
	.commentlist{margin-bottom:20px;}
	.commentlist li{margin-bottom:15px;padding-bottom:10px;}
	.commentlist .avatar{width:30px;height:30px;}
	.commentlist .info{margin-left:40px;}
	.commentlist .name{font-size:14px;margin-bottom:5px;}
	.commentlist .replay a{color:#999;}
	.commentlist .text{font-size:14px;line-height:1.75em;padding:0;}
	.commentlist li li{margin-top:15px;}

	/*768px评论框*/
	#comment .item{margin-bottom:10px;}
	#comment label{font-size:14px;height:auto;line-height:1.5em;float:none;margin-bottom:3px;}
	#comment .input{margin-left:0;}
	#comment .text,#comment textarea{padding:7.5px 2%;width:96%;font-size:14px;}
	#comment textarea{height:90px;}
	#comment .submit{font-size:14px;height:37px;width:100px;}
	#comment .verify .input{margin-right:111px;}
	#comment .verify img{height:36px;width:auto;top:auto;bottom:0;}

	/*768px404页面*/
	.error .title{font-size:24px;margin-bottom:15px;}
	.error .warning{font-size:20px;margin-bottom:25px;padding-bottom:25px;}

	/*768px两栏*/
	.widget{margin-bottom:15px;}
	.widget h3{font-size:16px;padding-left:10px;font-weight:bold;margin-bottom:10px;}
	.widget li{font-size:14px;}
	.divApps li{padding:5px 0;}
	.appItem .top{margin-bottom:15px;}
	.appItem .left{width:50px;padding:5px;}
	.appItem .right{margin-left:70px;margin-right:0;}
	.appItem .title{font-size:16px;}
	.appItem .meta{margin-bottom:5px;}
	.appItem .meta span{padding-top:0;padding-bottom:0;line-height:1.875em;}
	.appItem .download{position:static;right:auto;top:auto;margin-left:70px;width:auto;}
	.appItem .download .android{float:left;}
	.appItem .iphone{margin-top:0;padding-left:10px;float:left;}
	.appItem .download a{font-size:12px;height:26px;line-height:26px;padding:0 10px;}
	.boxtitle{font-size:16px;margin-bottom:10px;}
	.postbottom{margin-left:0;margin-bottom:5px;}
	.hmnews h3{font-size:12px;line-height:1.5em;height:3em;}

	/*768px*/
	#postnavi{font-weight:normal;line-height:2em;}
	#postnavi .prev,#postnavi .next{float:none;width:auto;text-align:left;}

    /*768px*/
    .pagenavi {font-size: 12px;}
}