/*
Theme Name: Blocks
Theme URI: https://demo.kehu56.com/bc/
Theme Tags: 书签主题,导航模板,网址导航,工具主题,书籍主题,简约主题,HTML5,CSS3,响应式
Author: 可乎网络
Author URI: https://www.kehu56.com/
Version: 2.8
Time: 2022.11.20
*/
article,aside,body,button,dd,div,dl,dt,figure,h1,h2,h3,h4,h5,head,header,html,iframe,img,nav,object,ol,p,section,span,ul{margin:0;padding:0;border:0;background:0 0}
ul{list-style:none}li{list-style-type:none}
h1,h2,h3,h4,h5{line-height:24px;text-rendering:optimizelegibility;font-weight:400}h1{font-size:18px;line-height:28px}h2{font-size:16px}h3{font-size:15px}h4{font-size:14px}
article,aside,dialog,figure,footer,header,hgroup,menu,nav,section{display:block}
a,a:active,a:hover{outline:0;text-decoration:none}
img{height:auto;margin:0 auto;max-width:100%;display:block}img.thumb{display:block!important}
button,input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],label,select{cursor:pointer}
button,input[type=button],input[type=email],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border-radius:0}
body *{box-sizing:border-box}
.bg,.box_shadow,.container,/*.navMenu,.popupMenu,.s-type-list,.ul-subcates,*/:after,:before,a,b,button,h3,img.thumb,label,span,.icon{transition:ease-in-out .5s}
body{font-size:12px;overflow-x:hidden;overflow-y:scroll;line-height:24px;color:#666;font-family:"PingFang SC","Microsoft Yahei","Helvetica Neue",Helvetica,STHeiTi,sans-serif}
p iframe{text-align:center;max-width:100%;display:block;margin:0 auto;}
@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?16346854');
  src: url('font/fontello.eot?16346854#iefix') format('embedded-opentype'),
       url('font/fontello.woff2?16346854') format('woff2'),
       url('font/fontello.woff?16346854') format('woff'),
       url('font/fontello.ttf?16346854') format('truetype'),
       url('font/fontello.svg?16346854#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?16346854#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  font-size: 16px;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-home:before { content: '\e800'; } /* '' */
.icon-home-1:before { content: '\e801'; } /* '' */
.icon-heart-empty:before { content: '\e802'; } /* '' */
.icon-star-empty:before { content: '\e803'; } /* '' */
.icon-mail:before { content: '\e804'; } /* '' */
.icon-megaphone:before { content: '\e805'; } /* '' */
.icon-lemon:before { content: '\e806'; } /* '' */
.icon-qrcode:before { content: '\e807'; } /* '' */
.icon-emo-happy:before { content: '\e808'; } /* '' */
.icon-emo-wink:before { content: '\e809'; } /* '' */
.icon-emo-unhappy:before { content: '\e80a'; } /* '' */
.icon-emo-sleep:before { content: '\e80b'; } /* '' */
.icon-emo-grin:before { content: '\e80c'; } /* '' */
.icon-emo-angry:before { content: '\e80d'; } /* '' */
.icon-emo-saint:before { content: '\e80e'; } /* '' */
.icon-emo-squint:before { content: '\e811'; } /* '' */
.icon-emo-laugh:before { content: '\e812'; } /* '' */
.icon-emo-wink2:before { content: '\e813'; } /* '' */
.icon-picture-2:before { content: '\e839'; } /* '' */
.icon-right-open-1:before { content: '\f006'; } /* '' */
.icon-left-open-1:before { content: '\f007'; } /* '' */
.icon-check-empty:before { content: '\f096'; } /* '' */
.icon-bookmark-empty:before { content: '\f097'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-github-circled:before { content: '\f09b'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-doc-text:before { content: '\f0f6'; } /* '' */
.icon-smile:before { content: '\f118'; } /* '' */
.icon-frown:before { content: '\f119'; } /* '' */
.icon-meh:before { content: '\f11a'; } /* '' */
.icon-calendar-empty:before { content: '\f133'; } /* '' */
.icon-ellipsis:before { content: '\f141'; } /* '' */
.icon-tumblr:before { content: '\f173'; } /* '' */
.icon-box:before { content: '\f187'; } /* '' */
.icon-weibo-1:before { content: '\f18a'; } /* '' */
.icon-file-image:before { content: '\f1c5'; } /* '' */
.icon-qq-1:before { content: '\f1d6'; } /* '' */
.icon-wechat:before { content: '\f1d7'; } /* '' */
.icon-circle-thin:before { content: '\f1db'; } /* '' */
.icon-copyright:before { content: '\f1f9'; } /* '' */
.icon-buysellads:before { content: '\f20d'; } /* '' */
.icon-skyatlas:before { content: '\f216'; } /* '' */
.icon-diamond:before { content: '\f219'; } /* '' */
.icon-user-o:before { content: '\f2c0'; } /* '' */

.wrapper{width:1400px;margin:0 auto;clear:both}
hr{height:1px;border:none;border-top:1px dotted #ddd;margin:32px 0}
b{display:inline-block;vertical-align:middle}
.blue b,a.blue{color:#05a9d1!important;}
.left{float:left}
.right{float:right}
.layout_ul{font-size:0;margin-right:-20px}
.layout_ul .layout_li{font-size:13px;display:inline-block;vertical-align:top;padding:0 20px 20px 0}
.col2 .layout_ul .layout_li{width:50%}
.col2 .layout_ul .layout_li:nth-last-child(-n+3){padding-bottom:0}
.col3 .layout_ul .layout_li{width:33.333%}
.col3 .layout_ul .layout_li:nth-last-child(-n+3){padding-bottom:0}
.col4 .layout_ul .layout_li{width:25%}
.col4 .layout_ul .layout_li:nth-last-child(-n+4){padding-bottom:0}
.imgeffect{overflow:hidden;display:block}
.imgeffect img.thumb{display:block;width:100%}
.imgeffect:hover img.thumb{opacity:.8}
.slBtn{color:#fff;font-size:14px;text-align:center;display:inline-block;position:relative;border:0;height:44px;min-width:132px;line-height:44px;cursor:pointer}
.slBtn:hover{opacity:.8}
.box_shadow:hover{box-shadow:2px 2px 12px rgba(0,0,0,.2);-webkit-transform:translate(0,-6px);transform:translate(0,-6px);background-color:#fff}
.header{height:60px;position:fixed;top:0;left:0;right:0;z-index:20;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;align-items:stretch}
.header>div.left{flex-grow:1;align-items:center}
.header>div.right .icon{width:18px;height:18px}
.header>div.right>*{display:flex;margin-left:20px;align-items:center}
.header p{padding-left:12px;margin-left:12px;border-left:1px rgba(255,255,255,.1) solid}
.header>*{align-items:center;flex-wrap:nowrap;display:inherit}
.logo-main{width:220px;text-align:center;padding:0 20px}
.logo-main a.logo img{display:block}
.logo-main .close-nav{margin-right:12px;background:rgba(255,255,255,.06)}
.logo-main .close-nav:before,.logo-main .close-nav:after{width:10px;left:11px}
.logo-main .close-nav:before{top:12px}
.logo-main .close-nav:after{top:18px}

.top-menu,.top-menu ul.empty,.top-menu ul.empty>li,.top-menu ul.menu,.top-menu ul.menu>li,.top-menu ul.menu>li>a{display:inline-flex;align-items:stretch}
.top-menu ul.menu{flex-grow:1;align-items:stretch}
.top-menu ul.menu li{white-space:nowrap;position:relative}
.top-menu ul.menu li a{position:relative;font-size:14px;font-weight:600;}
.top-menu ul.menu li a span{display:inline-block;vertical-align:middle}
.top-menu ul.menu li:hover>.ul-subcates{opacity:1;visibility:visible}
.top-menu ul.menu>li>a{align-items:center;padding:8px 24px}
.top-menu ul.menu>li:hover>.ul-subcates{top:60px}
.top-menu ul.menu>li>.ul-subcates{top:80px}
.top-menu ul.menu>li>.ul-subcates .ul-subcates{top:20px}
.top-menu ul.menu>li>.ul-subcates li:hover>.ul-subcates{top:0}
.top-menu ul.menu .ul-subcates{position:absolute;opacity:0;visibility:hidden;z-index:120;white-space:nowrap}
.top-menu ul.menu .ul-subcates a{display:flex;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.02)}
.left-menu ul.menu li.current-menu-item>a:after{content:'';position:absolute;height:2px;top:0;right:0;left:0}
.left-menu ul.menu>li.li-subcate>a{padding-right:36px}
.left-menu ul.menu>li.li-subcate>a:before{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}
.left-menu ul.menu li.li-subcate>a{position:relative}
.left-menu ul.menu li.li-subcate>a:before{content:'';height:0;width:0;display:block;border:4px transparent solid;border-right-width:0;border-left-color:rgba(255,255,255,.2);position:absolute;top:50%;margin-top:-2px;right:24px}
.left-menu .ul-subcates{width:220px;left:0;box-shadow:4px 4px 4px 0 rgba(0,0,0,.1)}
.left-menu .ul-subcates .ul-subcates{transform:translate(100%,0)}
.left-menu i{margin-right:12px;width:14px;height:14px}
.ul-subcates,.navBg {background-color: #1f2f3e;}

/**.close-nav{padding:4px;width:32px;height:32px;border-radius:100%;display:block;position:relative}
.close-nav:before,.close-nav:after{position:absolute;content:'';height:1px;background-color:rgba(255,255,255,.4)}
.close-nav:before{transform:rotate(-40deg);-ms-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-webkit-transform:rotate(-40deg);-o-transform:rotate(-40deg)}
.close-nav:after{transform:rotate(40deg);-ms-transform:rotate(40deg);-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg)}
.close-nav:hover:before,.close-nav:hover:after{background-color:#fff}.left-nav{position:relative}
.left-nav .close-nav{position:absolute;top:50%;right:-16px;margin-top:-16px}
.left-nav .close-nav:before,.left-nav .close-nav:after{width:10px;left:12px}
.left-nav .close-nav:before{top:12px}.left-nav .close-nav:after{top:18px}
**/

.closeNav{margin-right:12px}
.closeNav label{background:rgba(255,255,255,.06);padding:4px;width:32px;height:32px;border-radius:100%;text-align:center;display:block}
.closeNav .icon{width:14px;height:14px;opacity:.6}
.closeNav:hover .icon{fill:#fff;color:#fff;opacity:1}
.closeNav #switch:checked+label .icon:before{transform:scale(-1,1);-ms-transform:scale(-1,1);-moz-transform:scale(-1,1);-webkit-transform:scale(-1,1);-o-transform:scale(-1,1)}
.pageNav,.shareBtn{position:relative}
.pageNav .popupMenu,.shareBtn .popupMenu{opacity:0;visibility:hidden;position:absolute;background-color:#fff;box-shadow:6px 6px 6px rgba(0,0,0,.1);white-space:nowrap;top:40px}
.pageNav .popupMenu:before,.shareBtn .popupMenu:before{content:'';position:absolute;top:-8px;border:8px transparent solid;border-top-width:0;border-bottom-color:#fff}
.pageNav:hover>.popupMenu,.shareBtn:hover>.popupMenu{top:60px;opacity:1;visibility:visible}
.top_menu{right:-20px;min-width:120px;text-align:center}
.top_menu ul.menu li{border-bottom:1px #eee solid}
.top_menu ul.menu li a{padding:8px;display:block;font-size:13px;color:#999}
.top_menu:before{right:22px}
.right-button{flex-grow:1;display:inline-flex;align-items:stretch;justify-content:flex-end}
.shareBtn .share{right:-46px;padding:8px 8px 8px 20px}
.shareBtn .share:before{right:48px}
.shareBtn .share a{text-align:center;margin-left:6px;padding:4px;display:inline-block;vertical-align:middle;cursor:pointer}
.shareBtn .share a.weixin{position:relative}
.shareBtn .share a.weixin .icon{fill:#25d38a;color:#25d38a}
.shareBtn .share a.weixin:hover .popupMenu{top:40px;opacity:1;visibility:visible}
.shareBtn .share a.facebook .icon{fill:#3b5998;color:#3b5998}
.shareBtn .share a.twitter .icon{fill:#1da1f2;color:#1da1f2}
.shareBtn .share a.weibo .icon{fill:#ec4141;color:#ec4141}
.shareBtn .share a.qq .icon{fill:#0085ff;color:#0085ff}
.shareBtn .share a.qqzone .icon{fill:#fecc2f;color:#fecc2f}
.shareBtn .share a .icon{width:20px;height:20px;fill:#999;color:#999}
.shareBtn .share .qrpopup{background-color:#fff;padding:12px;margin-left:-70px;top:48px}
.shareBtn .share .qrpopup span{color:#999}
.shareBtn.noTopmenu .share{right:-18px}
.shareBtn.noTopmenu .share:before{right:18px}
.container{padding-left:220px}
.container .navMenu{width:220px;position:fixed;top:60px;left:0;bottom:0;z-index:16}
.container .main{width:100%;max-width:1440px;margin:100px auto 0}
.container .main .content>div{margin-bottom:24px}
.admin-bar .navMenu{top:92px}
.postInfo b{font-weight:400;margin-left:3px}
.postInfo span.view .icon{width:15px;height:15px}
.postInfo span.open .icon{width:12px;height:12px}
.postInfo span.like{position:relative}
.postInfo span.like .icon{width:12px;height:12px;margin-right:2px}
.postInfo span.like #sl-loader{position:absolute;top:6px;right:-16px}
.postInfo span.like #sl-loader img{width:16px;height:16px}
.boxItem{background-color:#fff;border-width:1px;border-style:solid;padding:20px;position:relative}
.boxItem a.more{position:absolute;top:16px;right:20px;font-size:10px;padding:0 12px;border-radius:20px}
.boxItem a.more:hover{color:#fff}
.boxItem.ad img{width:100%;}
.cat_title{border-bottom-width:1px;border-bottom-style:solid;margin:-20px -20px 20px;padding:15px 20px}
.cat_title h3 .icon{width:18px;height:18px;margin-right:8px}
.cat_title h3 a:link{color:#f33;font-size:13px;}
.cat_title h1{font-size:16px;line-height:24px;width:calc(100% - 120px)}
.cat_title .count,.cat_title .postInfo{position:absolute;top:16px;right:20px}
.cat_title .postInfo span{margin-left:8px}
.cat_title .postInfo .icon:before{font-size:12px;vertical-align:middle;}
.cat_title .postInfo .right{float:none}
a.tip,ul#link-home a,ul.qrcode a{position:relative}
a.tip:before,ul#link-home a:before,ul.qrcode a:before{position:absolute;content:'';top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0);z-index:12}
a.tip .icon,ul#link-home a .icon{position:relative;z-index:1}
#titleTip{border-radius:4px;line-height:18px;position:absolute;padding:8px 12px;max-width:360px;color:#fff;display:none}
.navMenu ul.menu li{position:relative}
.navMenu ul.menu li a{border-bottom:1px solid rgba(255,255,255,.02);display:block;padding:12px 20px;font-size:14px;white-space:nowrap}
.navMenu ul.menu li a .icon{width:14px;height:14px;margin-right:20px}
.navMenu ul.menu li a span{display:inline-block;vertical-align:middle}
.navMenu ul.menu li.current-menu-ancestor.li-subcate>a,.navMenu ul.menu li.current-menu-item.li-subcate>a{background:0 0}
.navMenu ul.menu li.current-menu-item>a:after{content:'';position:absolute;width:4px;top:0;bottom:0;left:0}
.navMenu ul.menu li.li-subcate>a:before{content:'';height:0;width:0;display:block;border:4px transparent solid;border-right-width:0;border-left-color:rgba(255,255,255,.2);position:absolute;top:22px;right:20px}
.navMenu ul.menu li.li-subcate:hover>.ul-subcates{opacity:1;visibility:visible;top:0}
.navMenu ul.menu li .ul-subcates{width:220px;opacity:0;visibility:hidden;position:absolute;top:20px;right:0;-webkit-transform:translate(100%,0);transform:translate(100%,0)}
.navMenu ul.menu>li.current-menu-ancestor.li-subcate>a:before,.navMenu ul.menu>li.current-menu-item.li-subcate>a:before{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}
.navMenu ul.menu>li.current-menu-ancestor>.ul-subcates,.navMenu ul.menu>li.current-menu-item>.ul-subcates{width:auto;opacity:1;visibility:visible;position:relative;top:0;left:0;-webkit-transform:translate(0,0);transform:translate(0,0)}
.navMenu ul.empty li a{display:block;text-align:center;color:#fff;padding:40px 8px 8px}

body.showSide .navMenu{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}
body.showSide .container{padding-left:0}


.bulletinSlick{position:relative;display:flex;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;margin:-20px -20px 20px;padding:15px 20px;border-bottom-width:1px;border-bottom-style:solid}
.bulletinSlick span.btn{margin-right:15px}
.bulletinSlick span.btn .icon{width:16px;height:16px}
.bulletinSlick span.btn .icon:before{vertical-align:middle;}
.bulletinSlick .post_main a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bulletinSlick>button{position:absolute;top:50%;margin-top:-16px;background-color:#f5f6fa;border:0;width:32px;height:32px;cursor:pointer}
.bulletinSlick>button.slick-prev{right:48px}
.bulletinSlick>button.slick-next{right:12px}
.bulletinSlick>button .icon{width:12px;height:12px;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}
.bulletinSlick>button:hover .icon{fill:#fff}
.bulletinSlick>button.slick-disabled{cursor:no-drop;opacity:.5}
.bulletinSlick>button.slick-disabled:hover{background:0 0}
.bulletinSlick>button.slick-disabled .icon{fill:#999}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{height:100%;min-height:1px;position:relative;display:none}
.slick-slide.first{display:block}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.side_nav{position:fixed;top:50%;right:20px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);z-index:100}
.side_nav ul li{position:relative;height:36px;border:0!important}
.side_nav .nav_main{display:block;width:36px;height:36px;background-color:#fff;/*border-radius:100%;*/position:relative;border:1px rgba(255,255,255,0) solid}
/*.side_nav .nav_main:before{position:absolute;content:'';top:3px;right:3px;width:6px;height:6px;border-radius:100%}*/
.side_nav .nav_main:before{position:absolute;content:'';top:50%;left:50%;width:16px;margin-left: -8px;margin-top: -1px;border-top: 2px solid;}
.side_nav .nav_main:after {position:absolute;content:'';top:50%;left:50%;height:16px;margin-left: -1px;margin-top: -8px;border-left: 2px solid;}
.side_nav .nav_main:hover~.title{opacity:1;visibility:visible;-webkit-transform:translate(0,0);transform:translate(0,0)}
.side_nav .title{position:absolute;top:3px;right:48px;color:#fff;padding:4px 12px;white-space:nowrap;opacity:0;visibility:hidden;-webkit-transform:translate(-20px,0);transform:translate(-20px,0)}
.side_nav .title:before{position:absolute;content:'';top:6px;right:-8px;height:0;width:0;display:block;border:8px transparent solid;border-right-width:0}
.typeBox{padding:12px;position:relative;overflow:hidden;border-radius:6px;text-align:center;}
.typeBox h3{font-weight:400;font-size:14px;}
.typeBox h3 a{color:#fff;white-space:nowrap;display:block;text-overflow: ellipsis;overflow: hidden;width: 100%;    }
.typeBox h3 a:hover{margin-left:6px}
.typeBox .titleInfo{display:flex;/*margin-bottom:32px*/}
.typeBox .titleInfo h3{flex-grow:1}
.typeBox .titleInfo .postInfo span{margin-left:8px}
.typeBox .titleInfo .postInfo .icon{fill:#f4f9ff}
.typeBox .titleInfo .postInfo b{color:#f4f9ff}
.typeBox .amount{font-size:36px;color:#fff;font-weight:700;line-height:36px}
.typeBox>.icon{width:88px;height:88px;fill:rgba(255,255,255,.1);position:absolute;right:-20px;bottom:-20px}
#search{padding:20px;position:relative}
.search-group{display:none}
.search-group.s-current{display:block}
.search-group.s-current .search-type{display:block}
.search-group .type-text{position:absolute;left:0;font-size:16px;line-height:40px;padding-left:8px}
.search-group .type-text:before{position:absolute;top:18px;right:12px;content:' ';display:block;width:0;height:0;border:4px solid transparent}
.search-group ul.search-type{white-space:nowrap}
.search-group ul.search-type li{display:inline-block}
.search-group ul.search-type li label{display:inline-block;padding:4px 15px;font-size:13px;line-height:32px;border-radius:4px 4px 0 0;color:#999;cursor:pointer}
#search-list{position:relative}
.s-type{position:absolute;top:0;left:0;z-index:13}
.s-type .type-text{display:block;height:40px;cursor:pointer}
.s-type .s-type-list{opacity:0;visibility:hidden;position:absolute;top:52px;padding:12px 0;border-radius:4px;box-shadow:2px 2px 8px rgba(0,0,0,.3)}
.s-type .s-type-list:before{position:absolute;top:-16px;left:15px;content:' ';display:block;width:0;height:0;border:10px solid transparent}
.s-type .s-type-list label{display:block;font-size:14px;line-height:32px;text-align:center;color:#eee;cursor:pointer}
.s-type:hover .s-type-list{top:40px;opacity:1;visibility:visible}
.set-check{position:absolute;top:24px;right:20px;width:80px;height:26px;border-radius:4px;background-color:#ed6f6f}
.set-check.active{background-color:#4fb845}
.set-check:before{content:'ON';color:#fff;position:absolute;left:10px}
.set-check:after{content:'OFF';color:#fff;position:absolute;right:10px;z-index:0}
.set-check input[type=checkbox]{display:none}
.set-check input[type=checkbox]:checked+label:before{left:42px}
.set-check label{display:block;cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}
.set-check label:before{position:absolute;top:3px;left:3px;content:'';width:34px;height:20px;background-color:#fff;border-radius:4px}
#super-search-fm{display:flex}
#super-search-fm #search-text{flex-grow:1;border:0;padding:12px;font-size:13px;height:44px}
#super-search-fm #search-text:focus{outline:0}
.userBookmark ul li{width:10%}
.userBookmark a.imgeffect{display:flex;align-items:center}
.userBookmark a.imgeffect img.thumb{width:20px;height:20px;margin:0 8px 0 0}
.userBookmark a.imgeffect span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;width:calc(100% - 28px);flex-grow:1}
.tabs ul.tab_li{margin:-20px -20px 20px;font-size:0;background-color:#fbfbfb;white-space:nowrap;}
.tabs ul.tab_li li{display:inline-block}
.tabs ul.tab_li li label{padding:12px 20px;display:block;border-top:3px #fbfbfb solid;cursor:pointer}
.tabs ul.tab_li li label .icon{width:16px;height:16px;margin-right:8px}
.tabs ul.tab_li li label span{font-size:15px;display:inline-block;/*vertical-align:middle*/}
.tabs .tab_content div.type{display:none}
.tabs>input{display:none}
.tabs>input:nth-of-type(1):checked~ul>li:nth-child(1)>label{background-color:#fff;color:#05a9d1}
.tabs>input:nth-of-type(1):checked~.tab_content>.type:nth-child(1){display:block}
.tabs>input:nth-of-type(2):checked~ul>li:nth-child(2)>label{background-color:#fff;color:#05a9d1}
.tabs>input:nth-of-type(2):checked~.tab_content>.type:nth-child(2){display:block}
.tabs>input:nth-of-type(3):checked~ul>li:nth-child(3)>label{background-color:#fff;color:#05a9d1}
.tabs>input:nth-of-type(3):checked~.tab_content>.type:nth-child(3){display:block}
.tabs>input:nth-of-type(4):checked~ul>li:nth-child(4)>label{background-color:#fff;color:#05a9d1}
.tabs>input:nth-of-type(4):checked~.tab_content>.type:nth-child(4){display:block}
.tabs>input:nth-of-type(5):checked~ul>li:nth-child(5)>label{background-color:#fff;color:#05a9d1}
.tabs>input:nth-of-type(5):checked~.tab_content>.type:nth-child(5){display:block}
.tabs>input:nth-of-type(6):checked~ul>li:nth-child(6)>label{background-color:#fff;color:#05a9d1}
.tabs>input:nth-of-type(6):checked~.tab_content>.type:nth-child(6){display:block}
.tabs>input:nth-of-type(7):checked~ul>li:nth-child(7)>label{background-color:#fff;color:#05a9d1}
.tabs>input:nth-of-type(7):checked~.tab_content>.type:nth-child(7){display:block}
.tabs>input:nth-of-type(8):checked~ul>li:nth-child(8)>label{background-color:#fff;color:#05a9d1}
.tabs>input:nth-of-type(8):checked~.tab_content>.type:nth-child(8){display:block}
.tabs>input:nth-of-type(9):checked~ul>li:nth-child(9)>label{background-color:#fff;color:#05a9d1}
.tabs>input:nth-of-type(9):checked~.tab_content>.type:nth-child(9){display:block}
.tabs>input:nth-of-type(10):checked~ul>li:nth-child(10)>label{background-color:#fff;color:#05a9d1}
.tabs>input:nth-of-type(10):checked~.tab_content>.type:nth-child(10){display:block}
.tabs>input:nth-of-type(11):checked~ul>li:nth-child(11)>label{background-color:#fff;color:#05a9d1}
.tabs>input:nth-of-type(11):checked~.tab_content>.type:nth-child(11){display:block}
.tabs>input:nth-of-type(12):checked~ul>li:nth-child(12)>label{background-color:#fff;color:#05a9d1}
.tabs>input:nth-of-type(12):checked~.tab_content>.type:nth-child(12){display:block}
.tabs>input:nth-of-type(1):checked+a.more{display:block}
.tabs>input:nth-of-type(2):checked+a.more{display:block}
.tabs>input:nth-of-type(3):checked+a.more{display:block}
.tabs>input:nth-of-type(4):checked+a.more{display:block}
.tabs>input:nth-of-type(5):checked+a.more{display:block}
.tabs>input:nth-of-type(6):checked+a.more{display:block}
.tabs>input:nth-of-type(7):checked+a.more{display:block}
.tabs>input:nth-of-type(8):checked+a.more{display:block}
.tabs>input:nth-of-type(9):checked+a.more{display:block}
.tabs>input:nth-of-type(10):checked+a.more{display:block}
.tabs>input:nth-of-type(11):checked+a.more{display:block}
.tabs a.more{display:none}
ul#link-home{margin-right:-12px;font-size:0}
ul#link-home li{display:inline-block;vertical-align:top;width:12.5%;padding-right:12px;font-size:13px}
ul#link-home li a{display:block;margin-bottom:20px}
ul#link-home li a>*{display:inline-block;vertical-align:middle}
ul#link-home li a img{width:18px;height:18px;margin-right:6px}
ul#link-home li a span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;width:calc(100% - 24px);display:inline-block}
ul#link-home li:nth-last-child(-n+8) a{margin-bottom:0}
.tabs a.more{display:none}
ul.qrcode{margin-right:-12px;font-size:0}
ul.qrcode li{display:inline-block;vertical-align:top;width:12.5%;padding-right:12px;font-size:13px}
ul.qrcode li a{display:block;margin-bottom:20px}
ul.qrcode li a>*{display:inline-block;vertical-align:middle}
ul.qrcode li a img{width:100%;height:100%;margin-right:6px}
ul.qrcode li a span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;padding-left:6px;display:inline-block}
ul.qrcode li:nth-last-child(-n+8) a{margin-bottom:0}
.typeMain{position:relative;border:1px #fff solid;padding:20px;border-radius:6px;overflow:hidden}
.typeMain .post{position:relative}
.typeMain .post>a.titleColor{font-size:14px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;width:calc(100% - 40px)}
.typeMain .post .desc{font-size:12px;margin-top:4px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}
.typeMain .post a.tip{position:absolute;top:0;right:0}
.typeMain .post a.tip .icon{width:18px;height:18px}
.typeMain .postInfo{margin-top:4px}
.typeMain .postInfo span.view{margin-right:12px}
.typeMain.bookmark{padding-left:74px}
.typeMain.bookmark a.imgeffect{position:absolute;top:20px;left:20px}
.typeMain.bookmark a.imgeffect img{width:42px;height:42px}
.typeMain.bookmark .post{margin-top:-4px}
.typeMain.bookmark .post .desc{margin-top:0}
.typeMain.tool a.imgeffect{margin:-20px -20px 20px;padding:40px 0}
.typeMain.tool a.imgeffect img{width:60px;height:60px;opacity:0;}
.typeMain.book{padding-left:140px;height:160px}
.typeMain.book a.imgeffect{position:absolute;top:0;left:0;bottom:0}
.typeMain.book a.imgeffect img{width:125px;height:160px}
.typeMain.book .desc{margin-top:6px; white-space:normal;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.typeMain.book a.open .icon{width:15px;height:15px}
.typeMain.book .bookInfo{display:flex;margin-top:4px}
.typeMain.book .bookInfo .author{flex-grow:1;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;margin-right:12px}
.typeMain.book .bookInfo .price{white-space:nowrap}
.typeMain.book a.tip .icon{width:15px;height:15px}
.typeMain.book.noInfo{padding-left:112px;height:124px}
.typeMain.book.noInfo a.imgeffect img{width:98px;height:124px}
.download_list{position:relative}
.download_list ul{position:absolute;bottom:12px;left:0}
.download_list ul li{display:inline-block;vertical-align:middle;margin-right:12px}
.download_list ul li a{display:block;opacity:0;visibility:hidden;-webkit-transform:translate(0,100%);transform:translate(0,100%)}
.download_list ul li:hover .icon{transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2)}
.download_list .icon{fill:#fff;width:16px;height:16px}
.download_list:hover li a{opacity:1;visibility:visible;-webkit-transform:translate(0,0);transform:translate(0,0)}
.articleInfo{display:flex;align-items:stretch}
.articleInfo .iconThumb{margin-right:20px;display:flex;align-items:center;overflow:hidden}
.articleInfo .iconThumb img{width:60px;height:60px;display:inline-block}
.articleInfo .iconThumb img.qrcthumb{width:160px;height:160px;}
.articleInfo .infoList{flex-grow:1;width:calc(100% - 180px)}
.articleInfo .infoList ul{padding:10px 20px}
.articleInfo .infoList ul li{padding:2px 0}
.articleInfo .infoList ul li>*{display:inline-block;vertical-align:top}
.articleInfo .infoList ul li span{color:#999}
.articleInfo .infoList ul li p{width:80%}
.articleInfo .infoList a.website .icon{margin-left:8px}
.articleInfo .infoList a.douban .icon{margin-right:8px}
.articleInfo .infoList a .icon{width:14px;height:14px}
.articleInfo.bookmark .iconThumb{width:160px}
.articleInfo.tool .iconThumb{width:320px}
.articleInfo.tool .download_list{display:flex}
.articleInfo.tool .download_list ul{left:20px}
.articleInfo.book img{margin-right:20px;height:158px;}
.articleInfo.book>*{height:auto}
.articleInfo .icon:before{font-size:12px;color:#999;}
.contentPost p{margin-bottom:12px}
.contentPost a{position: relative;border-bottom: .0625rem dashed #a5cbe8;}
.contentPost p a:after{position:absolute;bottom:-0.0625rem;left:100%;width:0;border-bottom:0.0625rem solid #08c;content:"";-webkit-transition:width 350ms,left 350ms;-moz-transition:width 350ms,left 350ms;-ms-transition:width 350ms,left 350ms;-o-transition:width 350ms,left 350ms;transition:width 350ms,left 350ms}
.contentPost p a:hover:after{left:0;width:100%;-webkit-transition:width 350ms;-moz-transition:width 350ms;-ms-transition:width 350ms;-o-transition:width 350ms;transition:width 350ms}

.contentPost h2,.contentPost h3,.contentPost h4{margin:20px 0 ;font-weight:400;}
.contentPost h2{border-left: 0.45rem solid #26CB7C;padding: .5rem 0 .5rem 1rem;background-color: rgba(38,203,124,0.03);}
.contentPost h3{border-left: 0.35rem solid #3884FF;padding: .35rem 0 .35rem .75rem;background-color: rgba(38,203,124,0.03);}

.contentPost ol,.contentPost ul{margin:20px 0 20px 20px;list-style:initial}
.contentPost ol li,.contentPost ul li{margin-bottom:6px;border-bottom:1px #f2f2f2 dashed;padding:0 0 6px 4px}
.contentPost ol li:last-child,.contentPost ul li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.contentPost ol li{list-style-type:decimal}
.contentPost ul li{list-style-type:disc}
.contentPost hr{height:1px;border:none;border-top:1px dotted rgba(0,0,0,.1);margin:30px 0}
.contentPost img{margin:20px auto;display:block;max-width:100%;width:auto;height:auto}
.contentPost .alignnone{margin-left:0;margin-right:0}
.contentPost .alignleft{float:left;text-align:left;margin:0 12px 0 0}
.contentPost .aligncenter{margin-right:auto;margin-left:auto;text-align:center;display:block}
.contentPost .alignright{float:right;text-align:right;margin:0 0 0 12px}
.contentPost blockquote{margin-top: 0;margin-bottom: 1.25rem;text-align: justify;margin: 0;padding: .25rem .9375rem;border: 0.0625rem solid #eee;border-left: .25rem solid #ddd;border-radius: .25rem;color: #777;background-color: rgba(38,203,124,0.07);}
.contentPost hr{overflow: hidden;margin: 1rem 0;padding: 0;height: .125rem;border: none;background: #e7e7e7 repeating-linear-gradient(-45deg, #fff, #fff 0.25rem, transparent 0.25rem, transparent 0.5rem);}

.prevnext{margin:10px 0 0 0;padding:0 20px;font-size:0;}.prevnext>div{width:50%;padding:0 20px;display:inline-block;position:relative}.prevnext>div:before{content:'';height:12px;width:12px;display:block;border:1px solid #ddd;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top:20px}.prevnext>div:after{position:absolute;content:'';height:20px;width:1px;background-color:#ddd;top:17px}.prevnext>div.prev:before{border-right-width:0;border-bottom-width:0;left:-20px}.prevnext>div.prev:after{left:4px}.prevnext>div.next{text-align:right}.prevnext>div.next:before{border-left-width:0;border-top-width:0;right:-20px}.prevnext>div.next:after{right:4px}.prevnext>div a{font-size:14px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;margin-bottom:8px}.prevnext>div span{font-size:12px}.prevnext.noprev{text-align:right}.prevnext.nonext a.prev{border-right:none} .textColor{color: #5B6B82;}

.buy_list ul li>*{display:inline-block;vertical-align:middle}
.buy_list ul li .icon{width:14px;height:14px;margin-left:8px}
.buy_list ul li span{min-width:200px}
.listStyle ul li{position:relative;padding:0 0 12px 12px;border-bottom:1px #eee solid;margin-bottom:12px;font-size:13px}
.listStyle ul li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.listStyle ul li:before{content:'';height:0;width:0;display:block;border:4px transparent solid;border-right-width:0;border-left-color:#ddd;position:absolute;top:9px;left:0}
.postMain{width:100%;display:flex}
.postMain a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}
.postMain a.from{margin-left:8px}
.postMain a.from span{display:inline-block;vertical-align:middle}
.postMain a .icon{width:13px;height:13px}
.postMain span{font-size:12px;white-space:nowrap;padding-left:20px}
.postMain span.date{flex-grow:1;text-align:right}
#link-page a img{display:inline-block;vertical-align:middle;margin:0 6px 0 0;width:20px;height:20px}
#link-page a span{min-width:120px;display:inline-block}
#link-page ul{margin:20px}
#link-page ul li{list-style:none}
#link-page ul.blogroll li{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}
.search .tabs{position:relative}
.search ul.tab_li li a{padding:12px 20px 16px;display:block;border-top:3px #fbfbfb solid;cursor:pointer;font-size:15px}
.search ul.tab_li li.active a{background-color:#fff}
.search .searchInfo{position:absolute;top:16px;right:20px}
.search .warningbox{font-size:15px;color:#f7ba2a;font-weight:700;border:1px #eee solid;border-left:3px #f7ba2a solid;padding:20px}
.pagination{margin:20px auto;font-size:16px;text-align:center}
.pagination .screen-reader-text{display:none}
.pagination a,.pagination span.current{border:1px #f2f2f2 solid;background-color:#fff;border-radius:4px;min-width:32px;height:32px;display:inline-block;vertical-align:middle;line-height:32px;margin:3px;font-size:12px;padding:0 8px}
.pagination .next .icon,.pagination .prev .icon{width:12px;height:12px;fill:#999}
.pagination .prev .icon{transform:scale(-1,1);-ms-transform:scale(-1,1);-moz-transform:scale(-1,1);-webkit-transform:scale(-1,1);-o-transform:scale(-1,1)}
.pagination span.current{background-color:#f2f2f2;border-color:#eee}
ul.ajaxposts .ias-noneleft,ul.ajaxposts .ias-spinner a,ul.ajaxposts .ias-trigger a{background-color:#fff}
ul.ajaxposts>div{margin:20px 20px 20px 0}
.ias-noneleft,.ias-spinner,.ias-trigger{overflow:hidden}
.ias-noneleft,.ias-spinner a,.ias-trigger a{font-size:16px;padding:8px 20px;display:block}
.ias-noneleft{color:#999;font-weight:300;font-size:14px}
@-webkit-keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}
50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}
75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}
100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}
}
@keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}
50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}
75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}
100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}
}
.ias-spinner>div{width:28px;height:28px;display:inline-block;text-align:center;-webkit-animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;background-color:red}
.ias-spinner img{display:none}
.page404{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center}
.page404>*{width:50%}
.page404 .con{padding:60px}
.page404 .con h2{font-size:72px;line-height:72px;margin-bottom:36px}
.page404 .con p{font-size:18px;margin-bottom:24px}
.page404 .con a.button{color:#fff;font-size:14px;text-align:center;display:inline-block;position:relative;border:0;height:44px;min-width:132px;line-height:44px;cursor:pointer;padding:12px 32px}
.page404 .con a.button:hover{opacity:.8}
.footer{padding:20px 0 40px}
.footer,.footer a{color:#999}

.footer a.top {
    padding: 8px;
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 20px;
    right: -40px;
    border-radius: 4px;
    background-color: #1f2f3e;
    box-shadow: 2px 2px 8px rgb(0 0 0 / 30%);
}
.footer a.top:before {
    content: '';
    height: 6px;
    width: 6px;
    display: block;
    border: 1px solid #fff;
    border-left-width: 0;
    border-bottom-width: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute;
    top: 12px;
    left: 11.5px;
}
.footer a.top:hover{background-color: #2196F3;}
.footer a.top.active{right:20px}
.footer a.top .icon{width:20px;height:20px;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg)}
.footer a.top:hover .icon{fill:#fff;color:#fff}

.msg{margin-bottom:20px;padding-bottom:20px;border-bottom:1px #eee solid}
.msghead{margin-bottom:10px;padding-bottom:10px;}
.msg>.msgarticle .msg{margin-left:40px}
.msg .msgarticle .msg{margin-top:10px;padding-top:10px;border-top:1px #eee solid}
.msg:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
.commentlist #respond{margin-top:36px}
.msgname{position:relative;top:0;left:0}
.msgname img.avatar{width:42px;height:auto;border-radius:100%;float:left;margin-right:8px}
.msgname small{position:absolute;top:0;right:0;color:#999;font-size:12px;}
.msgname .revertcomment a{color:#999;font-size:12px;}
.msgname .revertcomment a:hover{color:#004FCB}
.msgname .commentname{font-size:14px;position:absolute;top:-4px;}
.msgname .commentname a{color:#004FCB;margin-left:-4px;}
.msgname .commentname a:hover{color:#004FCB}
#divCommentPost p {margin-top:15px;}
#divCommentPost input{border:0;padding:12px;background-color:#f4f9ff;max-width:100%;}
#divCommentPost textarea{margin-top:-15px;border:0;padding: 12px;background-color:#f4f9ff;max-width:100%;}
#divCommentPost .button{border:1px #004FCB solid;background-color:#2C74E6;color:#fff;font-size:14px;text-align:center;padding:4px 16px;display:inline-block;margin-top: -20px;}
#divCommentPost .postbottom{margin-top:5px;}
#divCommentPost .button:hover{background-color:#004FCB;color:#fff}
@media only screen and (max-width:1680px){.container .main{width:92%}
}
@media only screen and (max-width:1280px){.container{padding:0;overflow:hidden}
.container .main{width:98%;margin-top:80px}
.container .main .content>div{margin-bottom:16px}
body.showSide .navMenu{-webkit-transform:translate(0,0);transform:translate(0,0)}
.closeNav .icon{transform:scale(-1,1);-ms-transform:scale(-1,1);-moz-transform:scale(-1,1);-webkit-transform:scale(-1,1);-o-transform:scale(-1,1)}
.closeNav #switch:checked+label .icon{transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1)}
/*.side_nav{display:none}*/
.navMenu{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}
.navMenu ul.menu{overflow:auto;max-height:90%}
.navMenu ul.menu li a:before{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}
.navMenu ul.menu li .ul-subcates{-webkit-transform:translate(0,0);transform:translate(0,0);position:relative;top:0;opacity:1;visibility:visible;width:auto;padding-left:12px}
}
@media only screen and (max-width:1024px){.layout_ul{margin-right:-8px}
.layout_ul .layout_li{padding:0 8px 8px 0}
.col3 .layout_ul .layout_li{width:50%}
.col3 .layout_ul .layout_li:nth-last-child(3),.col3 .layout_ul .layout_li:nth-last-child(4){padding-bottom:8px}
.col4 .layout_ul .layout_li{width:50%}
.col4 .layout_ul .layout_li:nth-last-child(3),.col4 .layout_ul .layout_li:nth-last-child(4){padding-bottom:8px}
ul.ajaxposts>div{margin:8px 8px 8px 0}
.boxItem{padding:8px}
.boxItem.tabs ul.tab_li{margin:-8px -8px 12px;margin-right: 80px;}
.boxItem.tabs ul.tab_li li .icon{display:none}
.boxItem.tabs ul.tab_li li label{padding:8px 12px 10px}
.boxItem.tabs a.more{top:12px;right:12px}
.boxItem .bulletinSlick .post_main a{width:calc(100% - 80px)}
.boxItem .bulletinSlick,.boxItem .cat_title{margin:-8px -8px 12px}
.boxItem .cat_title{padding:12px}
.boxItem .cat_title .count,.boxItem .cat_title .postInfo{top:12px;right:12px}
.boxItem a.more{top:12px;right:12px}
.single-post .cat_title h1{width:100%;white-space:normal}
#home_type.col3 .layout_ul .layout_li{width:33.33%;padding-bottom:0!important}
#search{padding:0}
#search .slBtn{min-width:80px}
.search-group ul.search-type,.tabs ul.tab_li{overflow-x:scroll}
.search-group ul.search-type li label{padding:4px 12px}
.set-check{display:none}
.userBookmark ul li{width:25%}
ul#link-home li,ul.qrcode li{width:25%}
}
@media only screen and (max-width:769px){
.header .left-menu{display:none}
.top-menu ul.menu>li:hover>.ul-subcates{top:46px}
.container .navMenu{top:60px}
.container .main{margin-top:72px}
.header p{display:none}
.typeBox{padding:6px}
.typeBox h3{font-size:13px}
.typeBox .titleInfo{display:block;/*margin-bottom:12px*/}
.typeBox .titleInfo .postInfo span{margin:0 4px 0 0}
.typeBox .amount{font-size:24px;line-height:24px}
.articleInfo.book img{margin:0 auto;height:auto;}
.articleInfo.book,.articleInfo.tool{display:block}
.articleInfo.book .infoList,.articleInfo.tool .infoList{width:100%}
.articleInfo.book .iconThumb,.articleInfo.tool .iconThumb{width:100%;padding:30px;margin-right:0}
.bulletinSlick .post_main a{width:calc(100% - 60px)} 
#link-page a{display:block}
#link-page a span{min-width:auto}
#link-page ul{margin:0}
.page404{display:block}
.page404>*{width:100%}
.page404 .con{padding:20px}
.footer .tracking{display:none}
}
@media only screen and (max-width:600px){
.col3 .layout_ul .layout_li,.col4 .layout_ul .layout_li{width:100%}
.col3 .layout_ul .layout_li:nth-last-child(2),.col4 .layout_ul .layout_li:nth-last-child(2){padding-bottom:8px}
.col4 .wordlink .layout_li{width:50%}
}
@media only screen and (max-width:481px){.typeMain{padding:12px}
.typeMain.bookmark{padding-left:66px}
.typeMain.bookmark a.imgeffect{top:12px;left:12px}
.typeMain.tool a.imgeffect{margin-bottom:12px}
.typeMain.book{height:140px;padding-left:122px}
.typeMain.book a.imgeffect img{width:110px;height:140px}
.typeBox .postInfo{display:none}
.userBookmark ul li{width:50%}
ul#link-home li{width:50%}
ul#link-home li a{margin-bottom:12px}
ul#link-home li:nth-last-child(-n+8) a{margin-bottom:12px}
ul.qrcode li{width:50%}
ul.qrcode li a{margin-bottom:12px}
ul.qrcode li:nth-last-child(-n+8) a{margin-bottom:12px}

.articleInfo.bookmark{display:block}
.articleInfo.bookmark .infoList{width:100%}
.articleInfo.bookmark .iconThumb{width:100%;padding:30px;margin:0}
.articleInfo.book img{width:100%}
}
body{background-color:#f5f6fa;background-position:center center;background-repeat:repeat;background-size:cover;background-attachment:fixed}
#titleTip,ul.menu li.current-menu-item>a,ul.menu li:hover>a,.ul-subcates{background-color:#17242d}
.navMenu ul.menu li.current-menu-item>a{font-weight:600;}
.navMenu{background-color:#1f2f3e}
.logo img{height:30px}
.top-menu a,.nav-menu a{color:#778b9e}
.search ul.tab_li li.active a,.tabs input:nth-of-type(1):checked~ul>li:nth-child(1)>label,.tabs input:nth-of-type(2):checked~ul>li:nth-child(2)>label,.tabs input:nth-of-type(3):checked~ul>li:nth-child(3)>label,.tabs input:nth-of-type(4):checked~ul>li:nth-child(4)>label,.tabs input:nth-of-type(5):checked~ul>li:nth-child(5)>label,.tabs input:nth-of-type(6):checked~ul>li:nth-child(6)>label,.tabs input:nth-of-type(7):checked~ul>li:nth-child(7)>label,.tabs input:nth-of-type(8):checked~ul>li:nth-child(8)>label,.tabs input:nth-of-type(9):checked~ul>li:nth-child(9)>label,.tabs input:nth-of-type(10):checked~ul>li:nth-child(10)>label,.tabs input:nth-of-type(11):checked~ul>li:nth-child(11)>label,.tabs input:nth-of-type(12):checked~ul>li:nth-child(12)>label{border-top-color:#05a9d1}
#link-home a:hover span,#link-page a:hover,.mainColor,.metaColor a:hover,.pagination a:hover,.pagination span.current,.search-group ul.search-type li input:checked+label,.search-group ul.search-type li label:hover,.subMenu a:hover,.subMenu label:hover,.tabs label:hover span,.titleColor a:hover,.titleColor:hover b,.typeMain:hover .titleColor,a.metaColor:hover b,a.metaColor:hover span,nav ul.menu li.current-menu-ancestor>a,nav ul.menu li.current-menu-item>a,nav ul.menu li:hover>a{color:#2196F3}
.bulletinSlick button:hover,.closeNav label:hover,.ias-spinner>div,.nav_main:hover:before,.side_nav .title,.side_nav ul li.current .nav_main:before,.slBtn,a.more:hover{background-color:#05a9d1}
.side_nav .title:before,nav.navMenu ul.menu li.current-menu-ancestor>a:before,nav.navMenu ul.menu li.current-menu-item>a:before,nav.navMenu ul.menu li.li-subcate:hover>a:before{border-left-color:#05a9d1}
.box_shadow:hover,.nav_main:hover,.side_nav ul li.current .nav_main{border-color:#05a9d1}
.mainColor .icon,.navMenu ul.menu li a .icon,.pageNav:hover a.metaColor .icon,.pagination a:hover .icon,.shareBtn:hover a.metaColor .icon,.titleColor:hover .icon,a.metaColor:hover .icon{fill:#05a9d1;color:#05a9d1}
.navMenu ul.menu li a{color:#f4f9ff}
.bulletinSlick button .icon,.metaColor .icon{fill:#778b9e}
.nav_main:before{background-color:#778b9e}
#link-home li,.metaColor,.metaColor a,.pagination a{color:#778b9e}
.search-group .metaColor:before{border-top-color:#778b9e}
.navMenu ul.menu li.current-menu-item>a:after,.left-menu ul.menu li.current-menu-item>a:after{background-color:#df3d43}
.typeBox.mark{background-color:#02b88c}
.typeBox.tool{background-color:#258cf1}
.typeBox.book{background-color:#ff464d}
.typeBox.none{background-color:#f7ba2a}

#link-home a span,#link-page a,.titleColor,.titleColor a,.titleColor b,h1,h2,h3,h4,h5{color:#1f2f3e}
.titleColor .icon,h2 .icon{fill:#1f2f3e}
#search-text,.search-group ul.search-type li input:checked+label{background-color:#f4f9ff}
.subMenu{background-color:#1f2f3e}
.bookBuy .subMenu:before,.s-type .subMenu:before{border-bottom-color:#1f2f3e}
.s-type,.s-type .s-type-list,span.type-text{width:72px}
.search-group{padding-left:72px}
.infoList,.typeMain{background-color:#fafbfd}
.contentPost{color:#778b9e;font-weight:400;font-size:13px;text-align:justify;line-height:32px;letter-spacing:0}
.contentPost a{color:#05a9d1;font-size:12px}
a.more{background-color:#f4f9ff}
.border,.boxItem{border-top-color:#eff0f2;border-left-color:#eff0f2;border-right-color:#eff0f2;border-bottom-color:#eff0f2}
.edui-editor{z-index:1!important;}
.contentPost input,.contentPost select{border:0;background-color:#f5f6fa;padding:8px;width:50%;}
.contentPost #editor_Content{line-height:20px;}
.contentPost .uploadimg{margin-bottom:12px;}
.contentPost .uploadimg p{margin-bottom:0;}
.contentPost .uploadimg strong{background: #05a9d1;line-height:30px;padding:7px 10px;margin-left:5px;top:1px;position:relative;color:#fff;}
.contentPost .Blocks-box img{display:inline;margin:0 0 2px 5px;}
.contentPost .post-btn{border: 1px #004FCB solid;background-color:#2C74E6;color:#fff;font-size:14px;text-align: center;padding:6px 16px;display:inline-block;margin-top: -20px;}

.reward {padding:230px 0 30px}
.reward .reward-notice {font-size: 14px;line-height: 14px;margin: 15px auto;text-align: center}
.reward .reward-button {background-color:#F44336;border-radius: 3px;line-height: 40px;position: relative;display: block;width: 320px;margin: 0 auto;padding: 0;text-align: center;vertical-align: middle;color: #fff;}
.reward .reward-code{position:absolute;top:-220px;left:50%;display:block;width:320px;height:200px;margin-left:-160px;padding:15px;border:1px solid #e6e6e6;background:#fff;box-shadow:0 1px 1px 1px #efefef}
.reward .reward-button:hover .reward-code{display:block}
.reward .reward-code span{display:inline-block;width:135px;height:135px}
.reward .reward-code span.alipay-code{float:left;}
.reward .reward-code span.alipay-code a{padding:0;}
.reward .reward-code span.wechat-code{float:right;}
.reward .reward-code img{display:inline-block;float:left;width:135px;height:135px;margin:0 auto;border:0}
.reward .reward-code b{font-size:14px;line-height:26px;display:block;margin:0;text-align:center;color:blue}
.reward .reward-code span.wechat-code b{color:green!important;}
.reward .reward-code b.notice{line-height:2rem;margin-top:-1rem;color:#999}
.reward .reward-code:after,.reward .reward-code:before{position:absolute;content:'';border:10px solid transparent}
.reward .reward-code:after{bottom:-19px;left:50%;margin-left:-10px;border-top-color:#fff}
.reward .reward-code:before{bottom:-20px;left:50%;margin-left:-10px;border-top-color:#e6e6e6}