@charset "UTF-8";*{margin:0;padding:0}
html{height:100%;max-height:100%;padding:0;margin:0}
body{padding:0;margin:0;line-height:1.6em}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
h2,h3,h4{text-rendering:optimizeLegibility;line-height:1;margin:2rem 0}
strong{font-weight:700}
img{max-width:100%;height:auto}
p,ul{margin:1em 0}
ul ul{margin:.4em 0}
ol li{margin-left:20px;list-style:decimal;padding-left:3px}
ul li{list-style:none;margin:0;padding:0}

a img{border:none}
::-webkit-scrollbar-track-piece{background-color:#e7eaf1}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#8590a6;border-radius:2px;border:0}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeinyp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeinyp .title{line-height:1.5em};
#jz-dark-switch{width:52px;text-align:center;font-size:22px}
#jz-dark-switch .icon-moon-fill{color:#222831}
.con{display:none}
.con{position:absolute;z-index:0;top:20px;left:15px}
.con i{color:#222;font-size:20px}
.bgDiv{width:100%;height:100%;background-color:#000;opacity:.5;position:fixed;display:none;z-index:99;bottom:0}
.mobile-sidebar{width:75%;position:fixed;top:0;left:0;height:100vh;z-index:999;background:#fdfbfb;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;overflow-x:hidden;overflow-y:auto;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;-webkit-overflow-scrolling:touch}
@media (max-width:991.98px) and (min-width:768px){.mobile-sidebar{width:300px}
}
.mobile-sidebar.active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}
.mobile-sidebar-header{padding:.5rem 0;text-align:right}
#icon-close{width:45px;text-align:center;font-size:26px}
#jz-dark-switchm{width:28px;text-align:center;font-size:22px;line-height:1.4}
.mobile-sidebar-header .btn-group{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}
.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;list-style:none}
.navbar-nav li{position:relative;padding:.5rem 1rem}
.navbar-nav li a{position:relative;display:block;font-size:.9375rem;padding:.375rem .125rem}
.navbar-nav li a i{font-size:1.25rem;margin:0 .5rem 0 0}
.navbar-nav .sub-menu{padding:0 0 .25rem 1.75rem;display:none;position:relative;padding:.5rem 0;border-radius:6px;background-color:#fff;-webkit-box-shadow:0 5px 20px 0 rgba(17,58,93,.05);box-shadow:0 5px 20px 0 rgba(17,58,93,.05)}
.navbar-nav .sub-menu li{margin:0;padding:0}
.navbar-nav .sub-menu li a{font-size:.875rem;padding:.75rem 1rem;opacity:.6}
#divNavBar li ul,.navbar-nav li ul{display:none}
.navbar-nav li em[class*=dot]{position:absolute;top:0;right:0;width:48px;height:48px;text-align:center;border-left:1px solid rgba(255,255,255,0);cursor:pointer}
.navbar-nav li em[class*=dot] .icon-arrow-down{font-size:18px;color:#333;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:absolute;width:48px;line-height:48px;top:0;left:0}
.navbar-nav li em[class*=dot] .icon-arrow-down.open{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#about-bg{height:115px}
#about-bg:before{content:"";width:100%;height:100%;display:block;top:0;left:0}
#divAuthors li:before,#divCatalog li:before,#divComments li:before,#divFavorites li:before,#divLinkage li:before,#divNavBar li:before,#divPrevious li:before,#divStatistics li:before{content:"\e736";margin:0 5px 0 0;font-size:12px;color:#333;font-family:icomoon;display:inline-block;vertical-align:top}
#divArchives ul li,#divAuthors ul li,#divFavorites ul li,#divLinkage ul li,#divMisc ul li,#divStatistics ul li{float:left;width:50%;display:block}
#divSearchPanel .function_t{display:none}
#divSearchPanel{margin:0;background-color:transparent;padding:0 0 20px 0;box-shadow:none}
#divSearchPanel form{border:1px solid #448ef6;background:#448ef6;border-radius:0 5px 5px 0;position:relative}
#divSearchPanel input[type=submit]{border:0;background:0;color:#fff;outline:0;position:absolute;top:10px;right:9%}
#divSearchPanel input[type=text]{border:0;line-height:36px;height:36px;width:72%;padding-left:10px;outline:0}
#divContorPanel{padding-bottom:30px}
#divContorPanel div{text-align:center}
#divContorPanel .cp-hello{width:100%;margin-bottom:10px;padding:10px 0 10px 0;display:inline-block}
#divContorPanel .cp-login a,#divContorPanel .cp-vrs a{text-align:center;line-height:30px;border:1px solid #ccc;border-radius:3px;margin:4px;padding:4px 8px}
#divCalendar{padding:20px}
#divCalendar div{margin-bottom:0}
#divCalendar table{width:100%;border-collapse:collapse;font-size:.8rem}
#divCalendar table,#divCalendar td,#divCalendar th,#divCalendar tr{border:1px solid #eee}
#divCalendar caption{line-height:36px;border-top:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee}
#divCalendar caption a{font-size:15px;color:#123}
#divCalendar thead{background:#f6f7f8}
#divCalendar th{height:36px}
#divCalendar td{height:36px;text-align:center}
#divCalendar td a{font-weight:700;color:#123}
#divCalendar td a:hover{color:#f63}
.widget-about-intro{padding-top:20px}
.widget-about-intro .about_list{margin:1em 1.5em 4.5em 2em;font-size:13px;padding:0}
.widget-about-intro .about_list li{line-height:1;position:relative;padding:8px 0}
.widget-about-intro .about_list li i{margin-right:6px;color:#D54646;vertical-align:text-bottom;font-size:15px}
.widget-about-image{position:absolute;margin:0 auto;display:block;width:70px;height:70px;top:5em;left:1.3em;padding:3px;background:rgba(255,255,255,.6);border-radius:50%}
.widget-about-image img{border-radius:50%;width:64px!important;height:64px!important}
#about-bg h2{font-size:17px;font-weight:600;margin:0;line-height:1;position:absolute;top:5.3em;color:#fff;left:6em}
.about_des{padding-left:6.7em;display:inline-block;padding-right:1.5em;box-sizing:inherit}
.about_des p{margin:0;font-size:12px;color:rgba(0,0,0,.5)}
.sidebar-navigation{margin-right:3px;text-align:center;margin-top:-40px;margin-bottom:20px}
.sidebar-navigation .sns-icon{width:28px;height:28px;background:#2c353a;color:#fff;border-radius:50%;font-size:14px;display:inline-block;line-height:28px;cursor:pointer;transition:.5s;margin:0;margin-left:5px}
.sidebar-navigation .sns-icon:hover{opacity:1}
.sidebar-navigation .qq{background:#3d93e0}
.sidebar-navigation .qq:hover{color:#3d93e0;background:#fff}
.sidebar-navigation .weibo{background:#e24040}
.sidebar-navigation .weibo:hover{color:#e24040;background:#fff}
.sidebar-navigation .bilibili{background:#fb7299}
.sidebar-navigation .bilibili:hover{color:#fb7299;background:#fff}
.sidebar-navigation .github{background:#3a3a3a)}
.sidebar-navigation .github:hover{color:#3a3a3a;background:#fff}
.sidebar-navigation .rss{background:#ffb048}
.sidebar-navigation .rss:hover{color:#ffb048;background:#fff}
.sidebar-navigation .weixin{background:#20b767;position:relative}
.sidebar-navigation .weixin:hover{color:#20b767;background:#fff}
.sidebar-navigation .twitter{background:#1da1f2;position:relative}
.sidebar-navigation .twitter:hover{color:#1da1f2;background:#fff}
.sidebar-navigation .facebook{background:#3b57a0;position:relative}
.sidebar-navigation .facebook:hover{color:#3b57a0;background:#fff}
.sidebar-navigation .instagram{background:#df016f;position:relative}
.sidebar-navigation .instagram:hover{color:#df016f;background:#fff}
.sidebar-navigation .pinterest{background:#c9161c;position:relative}
.sidebar-navigation .pinterest:hover{color:#c9161c;background:#fff}
.sidebar-navigation .kuaishou{background:#ff9000;position:relative}
.sidebar-navigation .kuaishou:hover{color:#ff9000;background:#fff}
.sidebar-navigation .douyin{background:#271a27;position:relative}
.sidebar-navigation .douyin:hover{color:#271a27;background:#fff}
.sidebar-navigation .momo{background:#0b6fcf;position:relative}
.sidebar-navigation .momo:hover{color:#0b6fcf;background:#fff}
.sidebar-navigation .zhihu{background:#0f88eb;position:relative}
.sidebar-navigation .zhihu:hover{color:#0f88eb;background:#fff}
#sidebar-left{float:left;width:110px;margin-left:-100%}
#sidebar-right{width:300px;float:right;margin-left:-300px}
.is-sticky #sidebar-left{margin-left:0}
.sticky-wrapper{float:left;width:110px;margin-left:-100%}
.sticky-wrapper #sidebar-left{margin-left:0}
#divMisc{padding-top:1.5em}
#side-gonggao .function_t,#side-new-about-item .function_t{display:none}
.widget{clear:both;width:100%;position:relative;margin-bottom:20px;background-color:#fff;border-radius:3px;box-shadow:0 1px 3px rgba(158,158,158,.22);overflow:hidden}
.widget-left{clear:both;width:100%;position:relative;margin-bottom:20px;overflow:hidden}
.widget h3{font-size:18px;margin:1em 0 1.2em 0;padding-left:1em;color:#222831;font-weight:500}
.widget h3:after{content:'';position:absolute;background-color:#D54646;width:28px;height:1px;top:28px;margin-left:15px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.widget ul{margin:0;list-style:none;padding:0 1.5em 1rem 1.5rem;margin-bottom:-10px;overflow:hidden}
.widget ul li{margin-bottom:8px;padding-bottom:8px;border-bottom:1px dotted #eee;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#side-hot-cmt-item ul,#side-hot-view-item ul,#side-new-article-item ul,#side-tui-article-item ul{padding:0;margin:5px 0 0}
#side-hot-cmt-item ul li,#side-hot-view-item ul li,#side-new-article-item ul li,#side-tui-article-item ul li{white-space:normal;margin:0;padding:0;border:0}
.widget#divCatalog ul li:last-child,.widget#divComments ul li:last-child,.widget#divNavBar ul li:last-child,.widget#divPrevious ul li:last-child,.widget#side-new-comment-item ul li:last-child{border:0}
.widget#divCatalog ul li ul li,.widget#divNavBar ul li ul li{padding:8px 0 0;margin:8px 0 0;border-top:1px dotted #eee!important;border-bottom:0 dotted #eee}
.widget ul li a{font-weight:400}
.widget ul li a:hover{color:#D54646!important}
.widget img{max-width:100%;height:auto;transition:.5s}
.widget .jz_banner_inner img:hover{opacity:.8}
.widget#divTags ul{overflow:hidden;margin-bottom:0}
.widget#divTags ul li{float:left;display:block;margin:0;padding:0;border:0}
#divTags {clear:both;width:100%;position:relative;margin-bottom:20px;overflow:hidden;margin-top:-15px}
#divTags ul li a{display:inline-block;color:#fff;text-decoration:none;border-radius:5px;margin-right:5px;margin-bottom:10px;font-weight:500;width:110px;text-align:center;font-size:14px;line-height:34px;}
#divTags ul li:nth-child(5n) a{background:#D54646}
#divTags ul li:nth-child(5n+1) a{background:#1A4876}
#divTags ul li:nth-child(5n+2) a{background:#ff6666}
#divTags ul li:nth-child(5n+3) a{background:#edb091}
#divTags ul li:nth-child(5n+4) a{background:#317ECA}
#divTags ul li a:hover{color:#fff!important;text-shadow:#000 1px 1px 1px}
#side-new-comment-item .alignleft{display:inline;float:left;width:24px;height:24px}
.widget_avatar-comments-avatar{margin-right:15px}
.widget_avatar-comments-entry{margin-top:5px}
.widget_avatar-comments-entry a{font-size:.8rem}
.widget_avatar-comments-entry a:hover{opacity:.8}
#side-new-comment-item .avatar{float:left;width:24px;height:24px;border-radius:20px;margin:6px 8px 0 0}
.widget .jz_banner_inner{margin-bottom:-6px}
.jz_textbanner{border:none;border-radius:0}
.jz_textbanner a{display:block;padding:0 15px 15px;border:1px solid #fff;background-color:#fff;font-size:12px;border-radius:3px;box-shadow:0 1px 3px rgba(158,158,158,.22)}
.jz_textbanner a h2{font-size:20px;font-weight:400;margin:14px 0 0 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.jz_textbanner a p{color:#888;margin-bottom:0;font-size:13px}
.jz_textbanner a strong{margin:-1px 0 0 0;display:inline-block;padding:4px 15px;color:#fff;font-size:14px;font-weight:400}
.jz_textbanner a.style01{color:#D54646}
.jz_textbanner a.style01:hover{border-color:#D54646}
.jz_textbanner a.style01 strong{background-color:#D54646}
.jz_textbanner a.style02{color:#D64444}
.jz_textbanner a.style02:hover{border-color:#D64444}
.jz_textbanner a.style02 strong{background-color:#D64444}
.jz_textbanner a.style03{color:#78dcbb}
.jz_textbanner a.style03:hover{border-color:#78dcbb}
.jz_textbanner a.style03 strong{background-color:#78dcbb}
.jz_textbanner a.style04{color:#7129ff}
.jz_textbanner a.style04:hover{border-color:#7129ff}
.jz_textbanner a.style04 strong{background-color:#7129ff}
.widget-list{position:relative;overflow:hidden}
.widget-list-item{padding:0;border:0;line-height:1.4;font-size:14px;list-style:none}
.widget .widget-post-list img{height:50px;width:60px;border-radius:3px;border:1px solid #f3f3f3;display:block}
.widget .widget-post-list{float:left;overflow:hidden;height:55px;margin-right:1em;margin-bottom:1.5em;margin-left:1.5rem}
.widget .widget-post-list-item{margin:0 1.5rem 1.5rem 1.5rem;color:#222831;font-size:.8rem;font-weight:400}
.widget .widget-post-list-item .list-footer{color:#9ca0ad;font-size:12px}
.widget .list-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.comments{background:#fff;border-radius:3px;padding-bottom:10px;margin:0 20px 20px 20px;position:relative;box-shadow:0 1px 3px rgba(158,158,158,.22);padding:10px}
.comment-note{margin-bottom:-10px;margin-top:-10px;font-size:12px;color:rgba(0,0,0,.3)}
.comments-area p{line-height:45px;font-size:12px}
.comments-area{margin-bottom:30px}
.comments-title{font-size:22px;line-height:1;font-weight:500;color:#222831;z-index:0;margin:0;padding:1.5rem;border-bottom:1px solid rgba(150,150,150,.18)}
.comments-title span{display:inline-block;background:#fff;z-index:2;font-weight:400}
.comments-title span i{margin-right:10px}
.comment-respond{padding:1.5rem;overflow:hidden}
.comment-reply-title{font-size:18px;color:#292929;margin-bottom:20px;font-weight:600}
.comment-list{padding:0 1.5rem 0 1.5rem}
ul.msg{margin:25px 0;padding:0 0 25px;border-bottom:1px solid #eee;word-wrap:break-word;position:relative}
ul.msg li{list-style-type:none}
ul.msg img.avatar{border-radius:50%;float:left;width:48px;height:48px;margin:0 15px 0 0}
li.msgarticle{list-style-position:outside;padding:10px 0 0;line-height:160%;padding-left:65px}
ul.msg small{color:#a6a6a6}
ul.msg small .revertcomment a{color:#fff;background:#D54646;padding:0 5px;line-height:20px;display:none}
ul.msg:hover small .revertcomment a{display:block}
ul.msg small .revertcomment{position:absolute;right:0}
ul.msg ul.msg{padding:20px 0 0;margin:20px 0 0;border-top:1px solid #f1f1f1;border-bottom:none}
ul.msg ul.msg li.msgarticle{padding-bottom:0}
ul.msg ul.msg li.msgname{padding:0}
.comment-form input{width:50%}
.form-submit{margin-top:5px;float:right}
.form-submit input{display:inline-block;width:auto;font-size:14px}
.comment-form-author,.comment-form-email{width:33.33%;box-sizing:border-box;padding-right:10px;float:left;padding-bottom:10px;line-height:0!important}
.comment-form-url{float:left;width:33.33%;line-height:0!important}
.comment-form-author.comment-form50,.comment-form-url.comment-form50{width:50%;padding-right:10px;box-sizing:border-box}
.comment-form-code,.comment-form-email.comment-form50{float:left;width:50%;padding-right:0;line-height:0!important;position:relative}
.comment-form-code img{position:absolute;right:4px;top:7px;height:30px;width:auto}
.comment-form-author i,.comment-form-code i,.comment-form-email i,.comment-form-url i{position:absolute;padding:0 10px;line-height:47px;height:45px;color:#292929;font-size:10px;z-index:2;font-size:14px;display:block}
.comment-form-author input,.comment-form-code input,.comment-form-email input,.comment-form-url input{border:1px solid #f2f2f2;border-radius:3px;padding-left:30px;height:45px;box-sizing:border-box;background:#fff;width:100%}
.comment-form-author input:hover,.comment-form-code input:hover,.comment-form-email input:hover,.comment-form-url input:hover{background:#fff}
.comment-respond textarea{resize:none;width:100%;height:200px;border-radius:3px;box-sizing:border-box;border:1px solid #f2f2f2;padding:10px 15px;background:#fff}
.comment-respond textarea:hover{background:#fff}
button,input,textarea{-webkit-appearance:none!important;outline:0;-webkit-tap-highlight-color:transparent}
.comments input[type=submit],button{position:relative;letter-spacing:2px;display:inline-block;border:1px solid #D54646;border-radius:3px;padding:4px 20px;color:#fff;cursor:pointer;background:#D54646;height:42px;transition:.5s}
.comments input[type=submit]:hover{opacity:.8}
#comments-nav{margin:2% 0;text-align:center;display:flex;justify-content:center}
#footer{clear:both;text-align:center;padding:40px 0 40px 0;background:#1E2732;box-shadow:0 1px 3px rgba(158,158,158,.22)}
#footer p{margin:0;padding:0;color:#9ca0ad;font-size:12px}
#footer a{color:#9ca0ad}
html{-webkit-font-smoothing:antialiased}
body{color:#9ca0ad;font-family:PingHei,'PingFang SC',Helvetica Neue,'Work Sans','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;font-size:15px;max-width:100%;margin:0 auto;background-color:#f3f4f7}
p{line-height:1.9em;font-weight:400;font-size:16px;white-space:normal;word-break:break-all;color:#393e46}
a{text-decoration:none}
a:link,a:visited{opacity:1;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;-ms-transition:all .15s linear;transition:all .15s linear;color:#222831}
a:active,a:hover{color:#D54646}
.main-post,.main-single{width:100%;margin:0 auto;margin-top:90px}
.content,.single-content{height:auto;margin:0 auto;max-width:1490px;width:96%}
a.logo-text{font-size:25px;line-height:60px}
a.logo-text{color:#222831}
a.logo-text:hover{opacity:.8}
a.logo-text img{max-height:50px;margin-top:20px}
.header{width:100%;background-color:#fff;z-index:99;position:fixed;top:0;box-shadow:0 1px 3px rgba(158,158,158,.22);-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s}
.header.slideUp{top:-70px}
#percentageCounter{position:fixed;left:0;top:0;height:2px;z-index:2;background-color:#448ef6}
.page-top{max-width:1490px;width:96%;position:relative;z-index:3;margin:0 auto;height:70px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.page-top .menu{list-style:none;font-size:12px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-right:auto;height:100%;margin-bottom:0;margin-top:0}
.page-top .menu li{position:relative;display:initial;float:left;display:block;padding:10px 0 10px 40px;font-size:16px}
.page-top .menu li a{color:#222831;font-size:16px;text-decoration:none;white-space:nowrap;transition:color .2s;padding:1.2rem 0}
.page-top .menu li .sub-menu li{padding:0;float:none}
.page-top .menu .sub-menu li a{color:#222831;font-size:.875rem;padding:.5rem 1rem .5rem 1.5rem;position:relative;display:block}
.page-top .menu li.on>.sub-menu{visibility:visible;opacity:1;clip:inherit;-webkit-transform:scaleY(1);-khtml-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}
.page-top .menu .sub-menu{position:absolute;min-width:200px;background:#fff;border-radius:2px;top:100%;left:.5rem;list-style:none;visibility:hidden;opacity:0;z-index:99;-webkit-box-shadow:0 0 40px rgba(0,0,0,.2);-khtml-box-shadow:0 0 40px rgba(0,0,0,.2);-moz-box-shadow:0 0 40px rgba(0,0,0,.2);-ms-box-shadow:0 0 40px rgba(0,0,0,.2);-o-box-shadow:0 0 40px rgba(0,0,0,.2);box-shadow:0 0 40px rgba(0,0,0,.2);-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition:all .2s linear 0s;clip:rect(1px,1px,1px,1px);padding:.5rem 0;-webkit-transform:scaleY(0);-khtml-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);transform-origin:0 0 0;-webkit-transform-origin:0 0 0;-ms-transform-origin:0 0 0;-o-transform-origin:0 0 0}
.page-top .menu .active,.page-top .menu a:hover{color:#D54646!important}
.page-top .menu a.selected{color:#D54646;}
.page-top .menu .sub-menu li a:before{content:'';height:2px;width:0;background-color:#D54646;opacity:0;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;position:absolute;left:0;top:50%;-webkit-transform:translate(0,-50%);-khtml-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.page-top .menu .sub-menu li a:hover:before{opacity:1;width:15px}
.page-top .menu .sub-menu li a:hover{opacity:1}
.page-top .menu li em[class*=dot]{display:inline-block;position:relative;z-index:1;top:2px;width:16px}
.page-top .menu li em[class*=dot] .icon-arrow-down{font-size:16px;width:16px;display:block}
.page-top .menu li .icon-arrow-down:before{display:inline-block;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.header_search button{padding:4px 0 4px 10px;background:0;border:0;color:#222831;transition:.5s}
.header_search button:hover{color:#D54646}
.header_search button i{font-size:20px}
#search-form{-moz-transition:max-height,.5s;-o-transition:max-height,.5s;-webkit-transition:max-height,.5s;transition:max-height,.5s;position:absolute;top:10px;left:0;width:100%;max-height:0;overflow:hidden;background-color:#fff;z-index:100}
#search-form.open{max-height:60px}
#search-form input{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:50px}
#search-form input[type=search]{width:100%;padding:0 5px 0 22px;background:#f4f5f9;border:none;border-radius:3px 1px 1px 3px}
#search-form input[type=submit]{position:absolute;bottom:0;right:0;width:60px;margin:0;padding:0;font-size:15px;font-weight:400;text-transform:uppercase;color:#fff;background:#D54646;border:none;border-radius:1px 3px 3px 1px;cursor:pointer}
.box-middle{float:left;width:100%}
.post-list,.post-page{margin-left:110px;margin-right:300px}
.post{background-color:#fff;margin:0 20px 20px 20px;overflow:hidden;padding:20px;box-shadow:0 1px 3px rgba(158,158,158,.22);border-radius:3px}
.post:first-child{border-radius:0 0 3px 3px}
.post.index:first-child{border-radius:3px}
.place{background-color:#fff;margin:0 20px 0 20px;padding:0 20px;box-shadow:0 1px 3px rgba(158,158,158,.22);border-bottom:1px solid #f3f3f3;border-radius:3px 3px 0 0;line-height:45px;font-size:.8rem}
.place a{color:#9ca0ad}
.post .post-title strong{color:#D54646}
.post .post-title h2{line-height:1.4;font-weight:400;color:#222831;font-size:20px;margin:0;overflow: hidden;text-overflow: ellipsis!important;max-height:64px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:relative}
.post-content img{height:auto!important}
.post-content p{overflow:hidden;font-size:15px;line-height:1.7;color:#5e646d}
.post .post-title{margin-bottom:15px}
.post .post-title a{text-decoration:none;color:#222831;font-weight:600;}
.post .post-title a:hover{color:#D54646}
.post .post-img{width:18%;float:left;display:inline;margin:0 1rem 0 0;border-radius:3px;overflow:hidden;border:1px solid #f1f1f1;}
.post .post-img a,.post .post-img-three li a{width:100%;height:0;padding-bottom:65%;text-align:center;overflow:hidden;position:relative;display:block}
.post .post-img a img,.post .post-img-three li a img{min-width:100%;min-height:100%;position:absolute;top:0;left:0;object-fit:cover;border-radius:3px}
.post .post-img-three .imgrow{margin-left:-.25rem;margin-right:-.25rem}
.post .post-img-three li{list-style-type:none;float:left;min-height:1px;padding-left:.25rem;padding-right:.25rem;width:33.328%;position:relative}
.post .post-footer{background:#fff;font-size:12px;line-height:25px;overflow:hidden;clear:both;position:relative;display:block;padding:10px 0 5px 0;border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}
.post .post-footer .meta{max-width:100%;height:25px;color:#9ca0ad}
.post .post-footer .meta .info-left{float:left;font-size:12px}
.post .post-footer .meta .info-left .date{margin-right:10px;}
.post .post-footer .meta .info-left .ltag a{background:#D64444;color:#fff!important;padding:1px 5px;font-size:12px;border-radius:2px;margin-right:10px}
.post .post-footer .meta .info-right{float:right;font-size:12px}
.post .post-footer .meta .info-right .author img{width:22px;height:auto;border-radius:15px}
.post .post-footer .meta a{text-decoration:none;color:#9ca0ad}
.post .post-footer .meta a:hover{opacity:.8}
.post .post-footer .meta i{margin-right:6px}
.single-share{margin-top:20px;position:relative;height:60px}
.donate_icon{float:right;vertical-align:sub;position:relative;text-align:center;bottom:1px;cursor:pointer;background:#f4f5f9;color:#ff1e1e!important;border:1px solid #f4f5f9;min-width:40px;height:40px;line-height:40px;font-size:1.1rem!important;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-radius:3px!important;-moz-border-radius:2px;-webkit-border-radius:2px}
.donate_icon:hover{color:#fff!important;background:#ff1e1e}
.donate_hide_box,.sidebar-left-about-wechat{display:none;z-index:9991;background:rgba(120,129,147,.22);backdrop-filter:blur(10px);opacity:1;-moz-opacity:.5;left:0;top:0;height:100%;width:100%;position:fixed;-webkit-backdrop-filter:blur(10px)}
.donate_box,.sidebar-left-wechat{display:none;position:fixed;bottom:40%;left:50%;padding:30px 50px;padding-bottom:50px;background-color:#fff;border-radius:3px;transform:translateX(-50%);text-align:center;z-index:9999;box-shadow:0 10px 50px -5px rgba(6,39,67,.12)}
.donate_box h4,.sidebar-left-wechat h4{font-size:14px;font-weight:400;text-align:center;margin-bottom:40px;color:#757575}
.donate_box .donate_close img,.sidebar-left-wechat .sidebar-left-close img{width:32px!important;height:32px!important;font-size:.85em;overflow:hidden;vertical-align:middle}
.donate_box .donate_close,.sidebar-left-wechat .sidebar-left-close{position:absolute;bottom:0;left:0;margin-bottom:0;width:100%;z-index:44;cursor:pointer;transform:translateY(150%);text-align:center}
.doimg img{width:120px;margin:0 40px}
.sidebar-left-wechat-img{width:200px}
.doimg,.sidebar-left-wechat-img{position:relative;display:inline-block}
.wedo:after{font-family:icomoon;content:"\ea73";color:#28ae61}
.alido:after{font-family:icomoon;content:"\e905";color:#108ee9}
.alido:after,.wedo:after{position:relative;text-align:center;display:block;font-size:25px;margin-top:10px}
.posts-navigation{overflow:hidden;margin:0 20px 20px 20px;position:relative;box-shadow:0 1px 3px rgba(158,158,158,.22);border-radius:3px}
.posts-navigation__prev{float:left;width:50%}
.posts-navigation__next,.posts-navigation__prev{position:relative}
.post--overlay{position:relative;overflow:hidden;height:100px;border-radius:0;transition:.5s}
.post--overlay:hover{opacity:.8}
.post--overlay-bottom{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}
.post--overlay .background-img{overflow:hidden;max-width:100%;-webkit-transition:all 444ms ease-in-out;-moz-transition:all 444ms ease-in-out;transition:all 444ms ease-in-out;-ms-flex-negative:0;flex-shrink:0}
.background-img{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:#333;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;height:100px}
.background-img:before{background-color:#000;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;transition:opacity .5s cubic-bezier(.4,.01,.165,.99)}
.posts-navigation .post--overlay .post__text{min-height:70px}
.post--overlay-bottom .post__text{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-moz-box-align:end;box-align:end;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;align-items:flex-end;-ms-flex-align:end;padding-top:40px}
.post--overlay .post__text{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;width:100%;min-height:14.28571rem}
.inverse-text{position:relative;color:#fff}
.posts-navigation .post--overlay .post__text-wrap{padding-bottom:15px}
.post--overlay-floorfade .post__text-wrap{position:relative;width:100%}
.post--overlay-floorfade .post__text-wrap:before{content:'';position:absolute;top:-100%;right:0;bottom:0;left:0}
.post__text-inner{position:relative;padding:20px}
.inverse-text .post__title{color:#fff}
.posts-navigation .nav-next{text-align:right}
.post__title.typescale-1{font-weight:400;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.post__title:last-child{margin-bottom:0}
.link-overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0}
.posts-navigation__next{float:right;width:50%}
.posts-navigation__prev span{float:left}
.posts-navigation__next span{float:right}
.posts-navigation__prev i{margin-right:.4em}
.posts-navigation__next i{margin-left:.4em}
.post-pagination{margin-bottom:20px;margin-top:20px;text-align:center}
.post-pagination a{display:inline-block;min-width:80px;height:34px;margin:0 0 10px 5px;border-radius:3px;box-shadow:0 1px 10px rgba(151,164,175,.1);background:#fff;font-size:14px;line-height:34px;text-align:center;text-decoration:none!important;text-transform:uppercase}
.post-pagination a:active,.post-pagination a:focus,.post-pagination a:hover{box-shadow:0 1px 10px rgba(151,164,175,.1);background:#D54646;color:#fff!important}
@media (min-width:768px){.post-pagination__item{font-size:14px}
}
.post-pagination__item-current{background:#D54646;color:#fff!important;border-radius:3px;box-shadow:0 1px 3px rgba(158,158,158,.22)}
.post-pagination__item-current:active,.post-pagination__item-current:focus,.post-pagination__item-current:hover{background:#D54646;box-shadow:0 1px 10px rgba(151,164,175,.1);color:#fff}
.post-pagination__item>i{font-size:12px}
.post-like{height:60px}
.post-like .dotGood{float:left;position:relative;bottom:1px;cursor:pointer;background:#f4f5f9;border:1px solid #f4f5f9;color:#fca104!important;padding:0 15px;min-width:50px;height:40px;line-height:40px;text-align:center;font-size:1rem!important;border-radius:3px!important;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-radius:3px!important;-moz-border-radius:2px;-webkit-border-radius:2px}
.post-like .dotGood:hover{color:#fff!important;background:#fca104}
.post-like .dotGood span{font-size:1rem!important;font-weight:400}
.post-share{float:right}
.post-share a{float:left;position:relative;bottom:1px;font-size:1rem!important;cursor:pointer;background:#f4f5f9;color:#252c41!important;border:1px solid #f4f5f9;margin-left:10px;min-width:40px;height:40px;line-height:40px;text-align:center;margin-bottom:10px;text-decoration:none;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:3px!important}
.post-share a:hover{color:#fff!important;background:#252c41}
.share-icons{display:none;position:absolute;right:0;padding:8px;margin-right:50px;background:#fff;border:1px solid #efefef;border-radius:3px;z-index:10}
.share-icons:before{content:"";width:0;height:0;position:absolute;left:100%;top:25%;border-top:solid 8px transparent;border-left:solid 8px #fff;border-bottom:solid 8px transparent;z-index:1}
.share-icons:after{content:"";width:0;height:0;position:absolute;left:100%;top:20%;border-top:solid 10px transparent;border-left:solid 10px #efefef;border-bottom:solid 10px transparent}
.share-icons span{padding:9px 8px;cursor:pointer}
.share-icons i{padding:10px;border-radius:50%;font-size:15px}
.share-icons .share-wechat{color:#1aad19}
.share-icons .share-sina-weibo{color:#ff6363}
.share-icons .share-qq{color:#3d93e0}
#wechat-qrcode{position:absolute;top:-165px;left:-45px;width:150px;height:150px;padding:15px;background:#fff;border-radius:4px;box-shadow:0 0 3px 0 rgba(0,0,0,.12);z-index:999;display:none}
#wechat-qrcode.active{display:block}
.to-top{text-align:center;line-height:36px;background-color:#fff;width:36px;height:36px;display:block;margin-top:4px;color:#292929;position:relative;border-radius:3px;box-shadow:0 1px 3px rgba(158,158,158,.22);z-index:999;display:none}
.to-top.active{cursor:pointer;position:fixed;right:15px;bottom:30px;display:block}
.to-top em{position:absolute;white-space:nowrap;top:0;background:#D54646;color:#fff;height:36px;display:block;padding:0 10px 0 10px;line-height:36px;opacity:0;visibility:hidden;border-radius:3px 0 0 3px;font-size:12px;font-style:normal}
.to-top:hover{background-color:#fff;color:#292929}
.to-top i{font-size:15px}
.to-top:hover em{right:100%;opacity:1;visibility:visible;transition:ease-in-out .5s;box-shadow:0 1px 10px rgba(151,164,175,.1)}
.post-page{box-shadow:none}
.tags{padding:20px 0}
.tags a{background-color:#f4f5f9;border-radius:3px;font-size:14px;padding:4px 8px;margin:0 10px 0 0}
.tags a:hover{background-color:#D54646;color:#fff}
.post-single{background-color:#fff;margin:0 20px 20px 20px;color:#444;padding-left:1.25rem;padding-right:1.25rem;padding-bottom:1px;border-radius:0 0 3px 3px;box-shadow:0 1px 3px rgba(158,158,158,.22)}
.post-single .post-content p{font-size:1.2em}
.post-single .post-title{font-size:21px;color:#444;padding-top:1px;text-transform:uppercase}
.post-single .post-title h1{font-weight:600;line-height:1.5;margin:1.5rem 0;font-size:2em;color:#222831}
.post-single .post-info{font-size:12px;border-bottom:1px solid #f3f3f3;line-height:25px;overflow:hidden;clear:both;position:relative;display:block;margin-top:-10px;margin-bottom:10px;padding-bottom:15px}
.post-single .post-info .single-meta{max-width:100%;color:#bbb}
.post-single .post-info .single-meta a{text-decoration:none;color:#bbb}
.post-single .post-info .single-meta a:hover{opacity:.8}
.post-single .post-info .single-meta i{margin-right:6px}
.post-single .post-info .date{margin-right:10px}
@media screen and (max-width:1024px){#sidebar-left{display:none}
.comments,.place,.post,.post-list,.post-page,.post-single,.posts-navigation{margin-left:0}
}
@media screen and (max-width:960px){a.logo-text img{max-height:40px;margin-top:10px}
.main-post,.main-single{margin-top:80px}
.con{display:block}
.fl {margin:0 auto!important}
#sidebar-right{display:none}
.page-top{width:100%;height:60px;padding:0}
.post-title h2{line-height:1.6}
.post .post-title h2{font-size:1.1rem}
.post-single .post-title{font-size:18px}
.content,.single-content{width:100%;z-index:2;padding:0 15px}
.header{background-color:#fff;height:60px}
#logo-text{position:absolute;width:100%;text-align:center;padding:0;margin:0 auto}
.logo-text{text-align:center;padding:0;margin:0 auto}
.header_search button{padding:4px 15px 4px 10px}
#search-form{top:0;float:none;background:#f4f5f9}
#search-form.open{margin:0}
#search-form input{width:100%;height:60px}
#search-form input[type=submit]{border-radius:0}
.page-top .menu li{display:none}
.post-single{margin-top:30px}
.comment-form-author,.comment-form-email,.comment-form-url{width:100%;padding-right:0;margin-bottom:-10px}
.comment-respond textarea{margin-top:25px}
.donate_box{width:300px;padding:20px 10px}
.doimg img{width:120px;margin:0}
.share-icons{margin-bottom:-100px}
.post-list,.post-page{max-width:100%;width:100%}
.comments,.post,.post-single,.posts-navigation{margin:0 0 20px 0}
.place{margin-right:0}
li.msgarticle{padding-left:15px}
}
@media screen and (max-width:767px){.post-list .post-content .p_part{display:none}
}
@media screen and (max-width:480px){#jz-dark-switch{width:32px}
.post .post-title h2{font-size:1rem}
.post .post-title{margin-bottom:10px}
.post-list .post-content p{margin:0;height:46px;-webkit-line-clamp:2;font-size:15px;line-height:1.5}
.post .post-img{margin-right:.5rem}
.main-post,.main-single{margin-top:70px}
.comments,.post,.post-single,.posts-navigation{margin:0 0 10px 0}
.post{padding:10px 10px 1px}
.post .post-footer{padding:5px 0 0 0}
.content,.single-content{padding:0 10px}
.place{padding:0 10px;line-height:40px}
.single-content .place{padding:0 15px;line-height:45px}
.post-single{padding:10px 15px 0}
.post-single .post-title h1{margin:.5rem 0 1rem 0}
.single-share{margin-top:10px;height:55px}
.comment-respond,.comments-title{padding:15px}
.comment-list{padding:0 15px}
}
@media screen and (max-width:320px){.post .post-title h2{font-size:.93rem}
.main-post,.main-single{margin-top:70px}
.info-right{display:none}
.post{border-radius:0}
.content,.single-content{padding:0}
.comments,.post,.post-single,.posts-navigation{margin:0 0 10px 0}
}
.ad .pcd_ad{padding:0 20px 15px 20px}
.pcd_ad{display:block;width:100%;height:auto}
.mbd_ad{display:none;width:100%;height:auto}
@media(max-width:768px){.pcd_ad,.cang,#featured-slider,.ltag,.fl_title span{display:none!important}
.mbd_ad{display:block!important}
}
.meihua_1{display:block;margin-top:10px;padding:5px 10px;background-color:#ea4c89;color:#fff;font-weight:700;font-size:18px;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif}
.meihua_2{background-color:#fff;margin-bottom:20px;box-shadow:0 1px 2px rgba(15,39,65,.1);font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif}
.meihua_2 .meihua_2_1{height:auto;overflow:hidden;background-color:#fff;border:1px solid #ddd;border-width:1px 1px 1px 1px;padding:20px}
.meihua_2 .meihua_2_1 p{margin:5px auto!important}
.meihua_2 .meihua_2_1 .meihua_btn{float:left;border:1px solid #8a8a8a;font-size:14px;height:36px;line-height:36px;padding-left:40px;margin:10px 10px 0 0;overflow:hidden;border-radius:2px;background:url(../images/30.png) no-repeat 5px 3px #4abd96;border:1px solid #4abd96;color:#fff!important;text-decoration:none;padding-right:10px}
.meihua_2 .meihua_2_1 .meihua_btn i{margin-right:5px}
.meihua_2 .meihua_2_1 .meihua_btn:hover{background-color:#3169b0}
.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.video embed,.video iframe,.video object{position:absolute;top:0;left:0;width:100%;height:100%}
.short-btn{float:left;border:1px solid #8a8a8a;font-size:14px;height:36px;line-height:36px;padding-left:40px;margin:10px 10px 0 0;overflow:hidden;border-radius:2px;background:url(../images/10.png) no-repeat 5px 3px #4abd96;border:1px solid #4abd96;text-decoration:none;color:#fff!important;padding-right:10px;text-decoration:none}
.short-btn:hover{background-color:#3169b0}
.ad2 {margin-bottom:10px}
#featured-slider img:hover{transform:none}
.full-width{float:none;width:100%!important}
.bx-wrapper{position:relative;padding:0;-ms-touch-action:pan-y;touch-action:pan-y}
.bx-wrapper img{max-width:100%;display:block}
.bxslider{margin:0;padding:0}
ul.bxslider{list-style:none}
.bx-viewport{-webkit-transform:translatez(0)}
.bxslider{width:100%;overflow:hidden}
.bx-viewport,.bx-wrapper,.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager,.bxslider{margin:0;padding:0}
.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;top:0;right:10px}
.bx-wrapper .bx-loading{min-height:50px;background:url(bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager:{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;background:rgba(50,50,50,.6);border-radius:9px;height:18px;line-height:17px;position:absolute;padding:0 6px;right:9px;top:10px;display:none}
@-moz-document url-prefix(){.bx-wrapper .bx-pager{line-height:16px}
}
.bx-wrapper .bx-pager.bx-default-pager a{background:#fff;text-indent:-9999px;display:block;width:6px;height:6px;margin:0 4px;outline:0;-moz-border-radius:3px;-webkit-border-radius:3px;transition:all .2s;display:none}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:middle;}
.bx-wrapper .bx-pager-item{font-size:0;line-height:0;}
.bx-wrapper .bx-prev{left:0;background:rgba(50,50,50,.5) url(arrow-left.png) no-repeat}
.bx-wrapper .bx-next{right:0;background:rgba(50,50,50,.5) url(arrow-right.png) no-repeat}
.bx-wrapper .bx-next,.bx-wrapper .bx-prev{background-size:20px 20px;background-position:center center;transition:.3s all}
.bx-wrapper .bx-next:hover,.bx-wrapper .bx-prev:hover{background-color:rgba(50,50,50,.9)}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-40px;outline:0;width:28px;height:80px;text-indent:-9999px;z-index:9}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
#featured-slider{margin-bottom:20px;position:relative;padding:0 20px}
#featured-slider .bxslider{line-height:.5}
#featured-slider .bxslider li{display:none}
#featured-slider .bxslider li:first-child{display:block}
#featured-slider .bx-wrapper,#featured-slider .bxslider,#featured-slider .thumbnail-link{height:100%;overflow:hidden}
#featured-slider .entry-title{font-weight:400;}
#featured-slider .entry-title a:hover{text-decoration:none}
#featured-slider .entry-category{position:absolute;top:10px;left:10px;font-size:13px}
#featured-slider .featured-slide{position:relative}
#featured-slider .featured-slide img{width:100%}
#featured-slider .featured-slide .thumbnail-link{display:block}
#featured-slider .featured-slide .entry-header{display:none;position:absolute;bottom:0;left:0;z-index:9999;padding:0 40px}
#featured-slider .featured-slide .entry-title{line-height:1.3em;font-weight:600;font-size:24px}
#featured-slider .featured-slide .entry-title a{color:#fff}
.gradient{background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.60) 100%);bottom:0;content:"";display:none;height:60%;left:0;position:absolute;width:100%;z-index:2}
.ribbon{position:absolute;left:-5px;top:-5px;z-index:111;overflow:hidden;width:75px;height:75px;text-align:right;display:none}
.ribbon span{font-size:12px;color:#fff;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#ffbe02;background:linear-gradient(#ffbe02 0,#fbb034 100%);box-shadow:0 3px 10px -5px #000;position:absolute;top:19px;left:-21px}
.ribbon span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #fbb034;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #fbb034}
.ribbon span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #fbb034;border-bottom:3px solid transparent;border-top:3px solid #fbb034}
.c404 {font-size:24px;margin:20%}
.fl {min-height:70px;background:#fff;margin:0 auto;border-bottom:1px solid #f4f5f9;border-radius:5px;margin:0 20px 20px 20px}
.fl .filter-wrap {padding:10px 30px 10px 20px;}
.fl .filter-tag {height:auto;overflow:hidden;font-size:14px;}
.fl .filter-tag a{color:#9ca0ad;}
.fl_title {height:70px;border-bottom:1px solid #f3f3f3;background:#fafafa;}
.fl01 h1{float:left;height:70px;line-height:70px;text-align:center;min-width:100px;color:#222831;font-size:24px;width:auto;padding-left:20px;padding-right:20px;border-right:1px solid #f3f3f3;background:#fff;text-transform:capitalize}
.fl_title span{height:70px;line-height:70px;padding-left:20px}
i.fa.fa-folder-open{float:left;margin-right:10px;margin-top:20px;width:28px;height:28px;background-color:#D44848;color:#FFF;text-align:center;font-size:14px;line-height:28px;border-radius:3px}