@import url(font-awesome.min.css);abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:baseline;font-size:100%}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.align-center{text-align:center}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:normal}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:50px;-webkit-tap-highlight-color:transparent}
body{background:#F3F4F7;color:#333;padding-top:46pxfont-family:"Microsoft YaHei",å¾®è½¯é›…é»‘,"MicrosoftJhengHei",åŽæ–‡ç»†é»‘,STHeiti,MingLiu;line-height:1.42857143;position:relative;left:0;overflow-x:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:none}
a{margin:0;padding:0;background:0 0;color:#333;vertical-align:baseline;text-decoration:none;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
a:focus,a:hover{color:#03A9F4;text-decoration:none;cursor:pointer}
img{margin:0;padding:0;height:auto}
ins{background-color:#ff9;color:#323841;text-decoration:none}
mark{background-color:#ff9;color:#323841;font-weight:700;font-style:italic}
.aligncenter{clear:both;display:block;margin-right:auto;margin-left:auto}
.mt10{margin-top:10px}
.mr0{margin-right:0 !important}
.container{margin:0 auto}
.containe{position:relative;margin:0 auto;color:#fff}
.header{position:fixed;top:0;width:100%;z-index:898;height:auto;background-size:100% 100%;position:fixed;top:0px;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}
.header.slideUp{top:-50px}
.header .b-nav-search_wrap{-moz-transition:.2s;-o-transition:.2s;-webkit-transition:.2s;transition:.2s}
.header.slideUp .b-nav-search_wrap{top:0 !important}
.logo img{height:50px;padding:8px 0}
.logo span{font-size:0.45em;display:inline-block;line-height:45px;text-indent:4px}
.header .logo{display:inline-block;top:0px;left:10px;padding-top:0}
.header .logo a{display:flex}
.header-nav{position:relative;z-index:9999;width:100%;line-height:55px;background-color:#fff;box-shadow:0 0 3px rgba(3,13,40,0.1);text-align:center}
.header-nav,.b-nav-search_wrap{height:50px !important}
.m-btn{position:absolute;top:-10px;bottom:0;left:5px;padding:0 15px;height:100%;display:block;line-height:48px;cursor:pointer}
.m-btn i{color:#111;font-size:20px;line-height:48px}
.m-btn:hover i{opacity:1}
.m-nav{width:250px;background:rgba(0,0,0,0.9);position:fixed;top:0;bottom:0;left:-250px;overflow-x:hidden;overflow-y:auto;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:999}
.m-nav .m-btn{height:auto;left:auto;top:5px;right:10px;padding:0 5px 0 10px;display:inline-block !important;font-size:16px;line-height:1;border:0;color:#fff;background:transparent}
.m-nav ul{padding-top:0px;font-size:0.3rem;line-height:0.9rem}
.m-nav li{width:100%;position:relative}
.m-nav li a{padding:0 25px;line-height:48px;color:#fff;font-size:0.32rem;display:block;border-bottom:1px solid rgba(255,255,255,0.2)}
.m-nav li a:hover{background:rgba(0,0,0,0.1)}
.m-nav ul li > ul{display:none}
.m-nav li em[class*="dot"]{position:absolute;top:0px;right:0px;width:48px;height:48px;text-align:center;border-left:1px solid rgba(255,255,255,0);cursor:pointer}
.m-nav li em[class*="dot"] .fa{font-size:18px;color:#fff;-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}
.m-nav li em[class*="dot"] .fa.open{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.m-nav ul li > ul li{background:rgba(0,0,0,0.15)}
.m-nav ul li > ul li a{border-bottom:1px solid rgba(255,255,255,0.11);opacity:0.8;line-height:0.8rem;text-indent:1em}
.m-nav ul li > ul li a::before{content:"▸";position:absolute;left:0.5em;top:0}
select{margin:0;width:100%;height:25px;background:#fff;line-height:25px}
.b-nav-search_inner form input{outline:0;height:100%;margin-bottom:0px;padding:0px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;border-style:none;background-color:transparent;color:#fff;font-size:0.3rem;line-height:0.5rem;letter-spacing:0px;-webkit-appearance:none}
.b-nav-search_inner form button{top:12px;margin:0;padding:0;outline:0;border:none;background:0 0;color:#fff;font-weight:300;font-size:20px;line-height:normal;cursor:pointer}
.jz-search-btn,.jz-night-btn,.jz-pencil-btn{padding:0 15px;position:absolute;right:35px;width:auto;color:#333;font-size:20px;line-height:47px;display:inline-block;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.jz-search-btn:hover{cursor:pointer;color:#03A9F4}
.jz-night-btn,.jz-pencil-btn{margin-right:22px}
.jz-pencil-btn{width:23px}
.jz-night-btn i,.jz-pencil-btn i{font-weight:900;line-height:52px;font-size:22px}
.b-nav-search_wrap{position:absolute;left:0px;top:0px;right:0px;z-index:11;height:70px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:rgba(34,40,49,0.79);-webkit-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%}
.b-nav-search_inner{position:absolute;left:0%;top:0%;right:0%;bottom:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:50px-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}
.b-nav-search_component{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%;max-width:1200px;margin-bottom:0px;padding-right:18px;padding-left:18px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}
.b-nav-search_input::-webkit-input-placeholder{color:hsla(0,0%,100%,0.7)}
.b-nav-search_input:-ms-input-placeholder{color:hsla(0,0%,100%,0.7)}
.b-nav-search_input::-ms-input-placeholder{color:hsla(0,0%,100%,0.7)}
.b-nav-search_input::placeholder{color:hsla(0,0%,100%,0.7)}
input::-webkit-search-cancel-button{display:none}
input[type=search]::-ms-clear{display:none}
.fa-angle-right,.fa-bullhorn{margin:0 4px}
.slider{overflow:hidden;margin:0 auto;margin-bottom:10px;-webkit-box-shadow:0px 0px 10px -2px rgba(158,158,158,0.8);box-shadow:0px 0px 10px -2px rgba(158,158,158,0.8);border-radius:2px;-webkit-transition:all .4s ease;transition:all .4s ease}
.slider .slideBox{position:relative;margin-bottom:20px;width:100%;float:left}
.slider .slideBox .bd{position:relative;z-index:0;height:150px !important}
.slideBox .bd ul li,.slider .slideBox .bd ul{width:100% !important}
.slider .slideBox .bd img{width:100%;height:150px !important}
.slideBox .next,.slideBox .prev{position:absolute;top:40%;z-index:10;height:40px;width:30px;line-height:40px;padding-left:6px;margin:5px;color:#fff;cursor:pointer;background:#33333366;font-size:0.55rem}
.slideBox .prev{left:0px;padding-left:10px}
.slideBox .next{right:0px;padding-left:9px}
.slideBox .next:hover,.slideBox .prev:hover{background:#000;opacity:0.8}
.slideBox:hover .next{right:0;opacity:0.8}
.slideBox:hover .prev{left:0;opacity:0.8}
.slideBox .hd{position:absolute;bottom:10px;left:0;z-index:1;width:100%;height:30px;text-align:center;line-height:30px}
.slideBox .hd ul li{display:inline-block;width:15px;height:3px;margin:0 3px;border:0 solid rgba(0,0,0,0.5);border-radius:0;background:rgba(0,0,0,0.5);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .2s ease}
.slideBox .hd ul .on{width:30px;border-color:#fff;background-color:#fff}
.articlerandom{margin-bottom:10px}
.content-wrap{width:100%}
i.fa.fa-folder-open{float:left;margin-right:10px;width:28px;height:28px;background-color:#03A9F4;color:#FFF;text-align:center;font-size:14px;line-height:28px}
i.fa-rss{float:right;margin:6px 0 0 20px;color:#111}
.media{position:relative;display:block;overflow:hidden;padding:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:inherit;color:#fff}
.media-content{position:absolute;top:0;bottom:0;left:0;right:0;border:0;border-radius:inherit;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:rgba(120,120,120,0.1)}
.overlay-grad{width:100%;height:100%;position:absolute;opacity:.75;top:0;left:0;-webkit-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;background:#161d27;background:-o-linear-gradient(top,rgba(35,41,50,0.1),rgba(35,41,50,0.8));background:-webkit-gradient(linear,left top,left bottom,from(rgba(35,41,50,0.1)),to(rgba(35,41,50,0.8)));background:linear-gradient(to bottom,rgba(35,41,50,0.1),rgba(35,41,50,0.8))}
.media:after{content:'';display:block;padding-top:42.857143%}
.list-content{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:25px}
.flex-fill{-ms-flex:1 1 auto;flex:1 1 auto}
.border-white{position:relative;border-top:1px solid rgba(255,255,255,0.3);color:#fff;padding-top:15px;margin-top:15px}
.border-white:before{position:absolute;top:-2px;left:0;width:80px;height:3px;background-color:#03A9F4;content:""}
.archive-list p{line-height:22px}
.pages{clear:both;overflow:hidden;text-align:center;font-size:14px;border-top:5px solid #f4f5f6}
.pages ul li{display:inline-block;border:1px solid #ccc;padding:6px 15px;margin:0 1px;line-height:24px;background:#fff;color:#999;border-radius:100px}
.pages ul li:hover{background:#03A9F4;color:#fff;border:1px solid #03A9F4}
.pages ul li:hover a{color:#fff}
.pages ul li.thisclass{display:inline-block;border:1px solid #03A9F4;padding:6px 15px;margin:0 1px;background:#03A9F4;color:#fff}
.pages ul li.thisclass a{color:#fff}
.pages ul li a{display:block;color:#999}
.pages ul li a:hover{color:#fff}
.sidebar{position:relative;float:right;width:350px}
.function{overflow:hidden;margin-bottom:20px;padding:20px;-webkit-box-shadow:0px 0px 10px -2px rgba(158,158,158,0.2);box-shadow:0px 0px 10px -2px rgba(158,158,158,0.2);background-color:#fff;border-radius:2px}
.function img{max-width:100%}
.function_t{position:relative;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #ebebeb;font-size:18px;color:#444;font-weight:600}
.function_t:after{position:absolute;top:2px;left:-20px;content:'';width:4px;height:25px;background:#03A9F4}
.function ul{margin:0;list-style:none}
.fa-envelope-o,.fa-qq,.fa-star,.fa-users,.fa-wechat{font-size:20px}
.fa-star{font-size:20px}
.cinfo .author{color:#03A9F4}
.c-time{color:#999;font-size:12px}
.reply-a{opacity:.5}
#divTags li{filter:alpha(opacity=80);font-size:12px;color:#fff;background-color:#428BCA;display:inline-block;margin:0 5px 5px 0;padding:2px 6px;line-height:20px;font-weight:400;float:left;font-size:1em}
#divTags li a{color:#FFF}
#divTags li:nth-child(9n+1){background-color:#428BCA}
#divTags li:nth-child(9n+2){background-color:#5CB85C}
#divTags li:nth-child(9n+3){background-color:#D9534F}
#divTags li:nth-child(9n+4){background-color:#567E95}
#divTags li:nth-child(9n+5){background-color:#B433FF}
#divTags li:nth-child(9n+6){background-color:#00ABA9}
#divTags li:nth-child(9n+7){background-color:#B37333}
#divTags li:nth-child(9n+8){background-color:#F60}
#divTags li:nth-child(9n){background-color:#4A4A4A}
#divTags li:hover{background-color:#111;color:#fff}
.function_c ul li{margin-top:10px}
.article-container{margin:0 0 15px;padding:15px;-webkit-box-shadow:0px 0px 10px -2px rgba(158,158,158,0.2);box-shadow:0px 0px 10px -2px rgba(158,158,158,0.2);background:#fff;position:relative}
.article-container img{max-width:100%}
.article-header{text-align:center}
.article-header h1{padding:15px 0;border-bottom:1px dashed #eee;line-height:30px;text-align:center}
.article-padding{padding:20px 0 0}
.article-title{font-size:.4rem;font-weight:600;line-height:.62rem}
.article-meta{line-height:0.2rem}
.article-meta span{display:inline-block;color:#888;font-size:0.23rem;padding:3px 11px}
.article-meta span a{display:inline-block;color:#999;font-size:13px}
.articlehead span a{font-size:12px}
.articlehead span a:hover{color:#03A9F4}
.article-meta span .fa{display:inline-block;margin-right:4px;width:13px;font-size:13px}
.article-content embed{display:block;margin-right:auto;margin-left:auto;max-width:100%}
.diggit{width:160px;margin:auto;background:#f1404b;color:#fff;box-shadow:1px 2px 6px 0px rgba(0,0,0,.2);border-radius:3px;line-height:40px;text-align:center;border:1px solid transparent}
.diggit:hover{background:#222533}
.diggit:focus{outline:none}
.diggit a{color:#fff}
@-webkit-keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}
to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}
}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}
to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}
}.code-copy-btn{display:inline-block;position:absolute;bottom:auto;left:auto;top:0;width:auto;height:auto;padding:0 0.5em;font-size:0.9em;color:black;border-radius:0 0 5px 5px;text-shadow:none;background-color:#CFCFCF;z-index:1;cursor:pointer}
.entry-meta{overflow:hidden;margin-top:10px;font-size:0.26rem}
.bdshare{float:right}
.title .post-tag{float:right;margin:5px 0 5px 0}
.title .post-tag a{margin-right:5px;padding:3px 8px;border:1px solid #eee}
.post-navigation{clear:both;overflow:hidden;margin:10px 0 0;background-color:#fff}
.post-mp0{margin:0;padding:0}
.post-navigation div{position:relative;display:block;width:47%;color:#999;font-size:0.26rem}
.post-previous{float:left}
.post-next{float:right;text-align:right}
.post-navigation div span{display:block;color:#999;font-size:80%}
.tag_boxer{width:20%;position:relative;float:left}
.article_contact .tag_boxer .tag_content{width:100%;white-space:nowrap;overflow:hidden;padding:4px 16px;background-color:#03A9F4;color:#fff;border-radius:2px}
.article_contact .tag_boxer span{display:block;height:0;width:0;font-size:0;position:absolute;top:6px;right:-6px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #03A9F4}
.article_contact .contact_detail{float:left;margin-left:10px;padding-top:4px;letter-spacing:1.05px;width:78%;overflow:hidden;white-space:nowrap}
.contact_detail em{color:#03A9F4;font-style:normal}
.authorbio,.article_contact{margin:10px 0 0 0;padding:20px;border-radius:2px;background:#F3F4F7;word-break:break-all}
.article_contact{padding:10px}
.authorbio img:hover{border:1px solid #ccc;-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg)}
.spostinfo .author_experience{padding:8px 0 10px 0;color:#888}
.spostinfo li{margin-top:1px;font-size:14px;line-height:25px}
.spostinfo li{list-style:none}
.nb{padding:12px 0;border-bottom:none}
.widget .nb li{padding:0;width:28px;height:30px;background:0 0}
.widget .nb li.archive,.widget .nb li.donate{width:80px}
.relates{background:#fff}
.sec-panel .title{overflow:hidden;margin-bottom:10px;border-bottom:1px solid #ddd;padding-bottom:10px}
.sec-panel .title h3{float:left;margin:0;font-weight:500;font-size:20px;color:#111;font-weight:600;padding-left:0px}
.article .title:before{position:absolute;top:22px;left:0;content:'';width:4px;height:25px;background:#03A9F4}
.r4{float:left;width:25%}
#related-img{overflow:hidden;margin-bottom:0;background:#fff}
.related-title{overflow:hidden;background:#fff;margin-top:6px;height:40px;line-height:20px}
.related-site{padding:5px;width:auto;height:auto;max-width:100%}
.related-site-img{display:inline;border-radius:3px;overflow:hidden}
.related-site-img  a{width:100%;height:0;padding-bottom:100%;text-align:center;overflow:hidden;position:relative;display:block}
.related-site-img a img{min-width:100%;min-height:100%;position:absolute;top:0;left:0;object-fit:cover;-webkit-transition:-webkit-transform .3s linear;-moz-transition:-moz-transform .3s linear;-o-transition:-o-transform .3s linear;transition:transform .3s linear}
.related-site-img:hover a img{transition:All .7s ease;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}
.wenad{margin:0 auto;width:100%;max-width:300px;text-align:center}
.fa-book{margin-right:5px}
.ist-inlin a.current{color:#333;text-decoration:none}
.ie6show{display:none;height:3px}
.col1,.col2{margin:0;padding:0}
.col1{float:left;overflow:hidden;padding:0 5px 0;width:30%;background-position:right top}
.col2{float:right;width:68%;height:auto;background-position:0 0}
.comments ol li{margin:0 0 1em}
input#author,input#email,input#url{padding:4px 10px 4px 50px;color:#333;font-size:12px;line-height:24px}
.com{position:relative}
.com p{margin:0}
.addcomment{position:absolute;left:0;width:26px;height:25px;background-position:0 -124px}
.children{padding-left:44px !important}
.avatar{padding:1px;border:1px #ddd solid;background:#fff}
.fn a{overflow:hidden;height:16px;color:#d32}
.fn a:hover{color:#444}
cite.fn{clear:both;padding-right:7px;color:#d32;font-style:normal;font-size:16px}
.post .con .oddli,input#author,input#email,input#url,textarea#comment{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:solid 1px #E8E8E8;-webkit-border-radius:4px;-khtml-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#eee;-webkit-box-shadow:1px 1px 0 rgba(255,255,255,.5);-moz-box-shadow:1px 1px 0 rgba(255,255,255,.5);box-shadow:1px 1px 0 rgba(255,255,255,.5);-ms-box-sizing:border-box;-o-border-radius:4px;-ms-border-radius:4px;-o-box-shadow:1px 1px 0 rgba(255,255,255,.5)}
.post .con .oddli{padding:6px 10px}
.submit{display:block;display:block;margin-top:2px;width:100%;height:37px;border:none;border:none;-webkit-border-radius:4px;-khtml-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#333d46;color:#fff;color:#fff;font-size:12px;font-size:12px;font-family:"Microsoft YaHei",å¾®è½¯é›…é»‘,"MicrosoftJhengHei",åŽæ–‡ç»†é»‘,STHeiti,MingLiu;-o-border-radius:4px;-ms-border-radius:4px}
.submit:hover{background:#111;color:#fff}
.display-none,.form .go{display:none}
#postnavi .prev,.navigation .nav-previous{float:left}
.ads{overflow:hidden;margin-bottom:10px;padding:15px;border:1px solid #eee;background-color:#fff}
.container:after,.container:before,.row:after,.row:before{display:table;content:" "}
.row:after{clear:both}
.footer-box{clear:both;background:#030D28;color:#c1c1c1;position:relative}
.footer-box .widget{background:none;padding:0 0 20px 0;color:#c1c1c1}
.footer-box .widget ul li{list-style:none;padding:0 0 7px 15px;position:relative;display:inline-block;width:45%}
.footer-box .widget ul li:before{position:absolute;content:"\f105";font-family:FontAwesome;left:0;top:-2px;color:#03A9F4;font-size:16px;line-height:22px}
.footer-box .footer-middle{background-color:#262626;padding:50px 0 20px}
.footer-box .col-md-4{width:100%;float:left;padding:0 10px}
.footer-box .col-md-4 .blkl{float:left}
.footer-box .col-md-4 .blkr{float:right}
.footer-box .col-md-4 .blkc{float:center}
.footer-box .col-md-4.col-sm-4 .qr-tips{text-align:center}
.footer-box .col-md-4.col-sm-4{width:33%;float:left;padding:0 5px}
.footer-box .col-md-4.col-sm-4:first-child{padding:0;text-align:left;padding:0 10px 0 0}
.footer-box .col-md-4.col-sm-4:last-child{padding:0;text-align:right;padding:0 0 0 10px}
.footer-box .col-sm-4 img{max-width:100%}
.footer-box .footer-title{position:relative;color:#e8e8e8;font-size:20px;font-weight:bold;margin:0 0 30px}
.footer-title:before{position:absolute;content:'';left:0;bottom:-10px;width:40px;height:1px;background-color:#03A9F4}
.footer-bottom span{padding:0 5px;color:#c1c1c1;display:block}
.footer-box .footer-bottom{background-color:#383838;padding:30px 0;font-size:14px;border-top:1px solid #202533}
.footer-box a,.footer-box a:link,.footer-box a:active,.footer-box a:visited{color:#c1c1c1}
.link{margin:0 auto;margin-top:10px;margin-bottom:20px;max-width:1160px}
.link span{float:left;font-size:14px}
.link ul li{display:inline;padding:0 5px}
#mask{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:899;display:none}
.fa-remove{color:#fff !important}
.btn{display:inline-block;margin-top:20px;margin-bottom:0;padding:6px 12px;width:100%;border:1px solid transparent;border-radius:3px;background-color:#bbb;color:#333;vertical-align:middle;text-align:center;white-space:nowrap;font-weight:400;font-size:14px;line-height:1.5;cursor:pointer;-webkit-user-select:none;-moz-user-select:none}
.tag-wrap{float:left;margin-top:10px}
.tag-wrap a{color:#ff8432}
.tag-wrap a:nth-child(5n+1){color:#0B7BDC}
.tag-wrap a:nth-child(5n+2){color:#5CB85C}
.tag-wrap a:nth-child(5n+3){color:#D9534F}
.tag-wrap a:nth-child(5n+4){color:#00ABA9}
.tag-wrap a:nth-child(5n+5){color:#F60}
.tag-wrap a:hover{color:#03A9F4}
#topcontrol{position:fixed;right:15px;bottom:15px;z-index:10000;opacity:0;visibility:hidden}
#topcontrol.active{opacity:1;visibility:visible}
#topcontrol .fa{color:#fff;font-size:22px;text-align:center;background-color:#0e79f3c4;width:40px;height:40px;line-height:40px;border-radius:3px;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;box-shadow:0px 0px 2px rgba(3,13,40,0.1)}
#topcontrol .fa:hover{background-color:#111}
#m-nav,#m-nav a{color:#fff}
#m-nav a:hover{color:#03A9F4}
.sidebar-mobile-header{padding-bottom:0.4rem}
.sidebar-nous{padding-bottom:0}
.sidebar-mobile-header{position:relative}
.sidebar-mobile-action{position:relative;padding:20px}
.sidebar-mobile-action .link-action{display:inline-block;font-size:16px;line-height:1;border:0;color:#fff;background:transparent}
.sidebar-mobile-user{display:flex;position:relative;padding:1rem;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:center;align-items:center}
.sidebar-mobile-user .flex-avatar img{width:56px;height:56px;border-radius:50%;border:2px solid #fff}
.d-block{display:block}
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.z-mini-fk{text-align:center;margin-left:4px;border-radius:3px;display:inline-block;padding:0 6px}
.z-mini-vip{background-color:#f1404b}
.z-mini-user{background-color:#148df2}
.z-mini-admin{background-color:#d16221}
img.nightlogoimg{display:none}
.jz-night-mbtn{float:right;margin-right:25px}
.jz-pencil-mbtn{float:right;margin-right:20px}
.jz-night-mbtn i,.jz-pencil-mbtn i{font-weight:900;font-size:17px;line-height:20px}
.compost .com-info li.yzm{padding-right:0px;position:relative}
.compost .com-info li.yzm .verifyimg{position:absolute;top:0px;right:0px;height:40px;border-radius:3px}
.video{position:relative;padding-bottom:56.25%!important;height:0;overflow:hidden}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%}
.pcd_ad{display:none}
.mbd_ad{display:block}
.mbd_ad img{display:block;border:none;width:100%!important;height:auto!important}
.an_btn{border-radius:5px;color:#fff !important;height:40px;font-size:16px;line-height:40px;display:inline-block;background-color:#f62020;padding:0 15px;box-shadow:1px 1px 4px rgba(246,32,32,0.8);text-align:center;margin-bottom:10px}
.pages{padding:20px 0;width:100%;text-align:center;clear:both}
.pages a,.pages span{color:#666;padding:0 15px;margin:0 3px;display:inline-block;vertical-align:middle;line-height:34px;background:#f9f9f9;border:1px solid #f2f2f2}
.pages a:hover{display:inline-block;color:#fff;background:#144686;border-color:#144686;box-shadow:0 0 14px rgba(0,0,0,.2)}
.pages span{display:inline-block;color:#666}
.text-secondary{text-align:center;padding:10px 0}
.baseLayout{margin-top:100px}
.my-4{margin:10px 0}
.footer-bottom .row{display:block}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;color:inherit}
.feature-post{padding:0;margin:0;list-style:none}
.feature-post li{position:relative;height:105px;border-radius:3px;overflow:hidden;background:#fff;width:32%;margin-right:2%;float:left}
.feature-post li:last-child{margin-right:0}
.feature-post li:last-child{margin-bottom:0}
.feature-post li:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .3s ease-out 0s}
.feature-post a{display:block}
.feature-post img{width:100%;height:80px;vertical-align:top;transition:all .3s ease-out 0s}
.feature-post span{position:absolute;display:block;left:0;bottom:0;width:100%;height:26px;padding:0 5px;line-height:26px;color:#fff;font-size:12px;background:rgba(0,0,0,.3);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.container>.slider-wrap .main-slider,.page-no-sidebar.member-lostpassword .member-lp-process>.slider-wrap .main-slider{width:860px;height:400px}
.sec-panel{background:#fff;margin-bottom:0.1rem}
.sec-panel .tabs{border-bottom:1px solid rgba(99,99,99,.1);line-height:40px;padding-left:15px}
.main-list-card .post-loop,.main-list-image .post-loop{padding:10px}
.tabs .tab{position:relative;display:inline-block}
.tabs .tab:after{position:absolute;top:13px;right:-8px;content:"";width:1px;height:16px;background:hsla(0,0%,39%,.1)}
.tabs .tab a{display:block;font-size:0.3rem;color:#666;font-weight:400;text-decoration:none;line-height:40px;padding-bottom:0}
.tabs .tab.active a:after{position:absolute;left:0;top:100%;width:100%;height:2px;background:#3ca5f6;border-radius:2px;content:""}
.sec-panel .tabs .tab.active a{position:relative;font-weight:500;color:#03A9F4}
.sec-panel .tabs .tab a:focus,.sec-panel .tabs .tab  a:hover{color:#03A9F4}
.sec-panel .tab-wrap{margin:0 0 20px;list-style:none;display:none;margin-top:2px;padding-bottom:0;margin-bottom:0}
.sec-panel .tab-wrap.active{display:block}
.sec-panel .tab-wrap .item{position:relative;padding:15px;border-bottom:1px solid #efefef;overflow:hidden;transition:all .3s ease 0s}
.sec-panel .tab-wrap .item:hover{-webkit-box-shadow:0 2px 10px 3px rgb(0 0 0 / 15%);box-shadow:0 2px 10px 3px rgb(0 0 0 / 15%);-webkit-transition:all .2s ease-in 0s;-o-transition:all .2s ease-in 0s;transition:all .2s ease-in 0s}
.sec-panel .tab-wrap .item-img{position:relative;float:left;width:28%;height:70px;overflow:hidden;border-radius:3px;transition:box-shadow .3s ease 0s}
.sec-panel .tab-wrap .item-img .item-img-inner{position:absolute;left:0;top:0;width:100%;height:100%}
.sec-panel .tab-wrap .item-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease-out 0s}
.sec-panel .tab-wrap .item-category{position:absolute;left:0;top:0;padding:5px 6px;font-size:0.2rem;line-height:1;color:#fff;background-color:#000;filter:alpha(opacity=60);background:rgba(0,0,0,.6);border-radius:2px;text-decoration:none}
.sec-panel .tab-wrap .item-content{margin-left:30%;text-align:left}
.sec-panel .tab-wrap .item-title{margin:0 0 10px}
.sec-panel .tab-wrap .item-title a{overflow:hidden;text-decoration:none;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:0.31em}
.sec-panel .tab-wrap .item-excerpt{display:none}
.sec-panel .tab-wrap .item-meta{color:#999;font-size:0.25em}
.sec-panel .tab-wrap .item-meta .item-meta-li{display:inline-block;margin-right:15px;vertical-align:top}
.appbox .sec-panel .tab-wrap .item-img{width:23%}
.appbox .sec-panel .tab-wrap .item-content{margin-left:25%}
#articlehot ul{}
#articlehot ul li,#articlerandom ul li{overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:13px;font-size:1.1em;font-weight:400}
#articlehot ul li i{font-style:normal;background-color:#eee;color:#888;padding:3px 8px;margin-right:8px;border-radius:5px;font-size:0.8em}
#articlehot ul li i.a1{background-color:#D90000;color:#fff}
#articlehot ul li i.a2{background-color:#FD6440;color:#fff}
#articlehot ul li i.a3{background-color:#4796D8;color:#fff}
#articlerandom .thumbnail{float:left;width:100px;height:75px;padding-right:15px}
#articlerandom .thumbnail img{height:75px;width:100%;display:block}
#articlerandom ul li.list .thumbnail{display:none}
#articlerandom ul li.list.cur .thumbnail{display:block}
#articlerandom ul li.list.cur i{display:none}
#articlerandom ul li.list.cur p{white-space:normal}
#articlerandom ul li.list p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#articlerandom ul li p{font-size:1em}
#articlerandom ul li i{color:#888}
#articlerecommend ul .item{margin:0;padding:7px 0 8px;overflow:hidden;position:relative}
#articlerecommend .item-img{float:left;width:100px;overflow:hidden;border-radius:3px}
#articlerecommend .item-img img{width:100%;height:63px;vertical-align:top;transition:all .3s ease-out 0s}
#articlerecommend .item-content{margin-left:110px;margin-top:-3px}
#articlerecommend .item-title{margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:2;line-height:1.4;font-size:1.1em}
#articlerecommend .item-title a{color:#333}
#articlerecommend .item-title a:hover{color:#03A9F4}
#articlerecommend .item-date{margin:0;font-size:1.2rem;color:#999;line-height:14px}
.sec-panel .position{margin:0 15px;line-height:40px;border-bottom:1px solid rgba(99,99,99,.1);font-size:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.sec-panel .position i:first-child{margin-right:5px}
.article-container .tab-wrap{margin:0 -15px}
#summary{padding:15px;border:1px solid #eee;background:#f5f5f5;font-size:16px;color:#777;line-height:160%}
#content{width:100%;color:#222;display:table;word-wrap:break-word;word-break:break-all;overflow:hidden;font-size:.32rem;line-height:.58rem}
#content h2{background:#1566cf;font-size:.3rem;padding:6px 10px;margin-top:.3rem;color:#fff;border-radius:0px 20px 20px 0px}
#content h3{position:relative;margin:10px 0 8px 0;color:#479ac1;background:#f1f7fd;border:1px dashed #cae0f3;border-left:2px solid #479ac1;padding:6px 10px;font-size:16px;font-weight:bold}
#content h4{color:#535e67;display:block;margin:10px auto 0 auto;border-radius:6px;padding:7px 14px;position:relative;background:#eef2f3}
#content h4::after{content:' ';width:85px;border-radius:2px;display:block;position:absolute;bottom:0;left:14px;height:2px;background:#bed3e4}
#content h5,#content h6{font-size:.3rem;margin-top:.3rem;color:#222}
#content ol,#content ul{list-style:decimal;margin:0 0 0 15px;word-break:break-word}
#content li{list-style-type:disc;margin:5px 0}
#content blockquote{padding:4px 4px 4px 10px;background:#f4f9fb;margin:10px auto 10px auto;border-left:#74cde6 3px solid;font-size:0.28rem;word-break:break-all}
#content blockquote p{margin-top:0px}
#content .jb51code{clear:both;text-align:left;width:98%;margin-left:1%;margin-top:.3rem}
#content .codetitle span{float:right}
#content .codebody{white-space:nowrap}
#content .htmlarea{margin:0px auto;padding:3px;width:590px;text-align:center;clear:both;font-size:14px}
#content .htmlarea textarea{width:96%;height:200px;font-size:14px}
#content SPAN.quote SPAN{DISPLAY:block;COLOR:#ff0000}
#content .code_n{display:none}
#content code{font-size:.24rem}
#content code,#content SPAN.quote{border:#bfdfff 1px dashed;padding:3px 5px;margin:10px 5px;color:#000000;background-color:#f5fbff;border-radius:3px}
#content pre{background:#fcfcfc;color:#333333;font-size:0.28rem;padding:0.2rem;line-height:.5rem;display:block;overflow-x:auto;border-radius:3px;border-left:3px solid #6ce26c}
#content table{border:1px solid #cccccc;border-collapse:collapse;text-align:center;margin-top:0.54em;clear:both;width:100%;font-size:12px}
#content table th,#content table td{padding:8px;border:1px solid #C1DAD7;line-height:.45rem;text-align:left}
#content table th{background:#CAE8EA}
#content table thead,#content table.jbborder tr{background-color:#fff}
#content table tr:nth-child(even){background-color:#f5fafa}
#content table tbody tr:hover{background:rgba(255,255,153,.4)}
#content table th img{display:block;margin:5px auto 0}
#content table td{text-align:left}
#content table td.version{font-weight:bold}
#content table pre{width:auto;margin:0;padding:0;border:0;background:transparent}
#content table td p{margin:0;padding:0;line-height:22px}
#content table ul{margin-top:2px}
#content strong{font-weight:bold}
#content code[data-copy]{background-color:#ff1318;color:#fff;border-color:#d81517;border-radius:3px}
#content code[data-copy]::before{content:"点击复制：";color:#fff}
#content code[data-copy]:hover{background-color:#ff3034;cursor:pointer}
#content a:link{color:#428bca;text-decoration:none}
#navCategory{background:#f6f7f9;border:1px solid #e7e9ef;padding:8px 15px;margin:20px 0;transition:border-color 0.2s;border-radius:8px;border-top:4px solid #0162cf;line-height: .58rem;font-size: .32rem;}
#navCategory .catalogue{font-weight: 500; font-size: 0.98em; color: #55575b; display: flex; justify-content: space-between; align-items: center; user-select: none; cursor: default;margin-top: 0 !important;gap: 6px;}
#navCategory .catalogue::before{content:"📑 ";display:inline-block}
#navCategory .catalogue .toc-btn{cursor:pointer;border:0;background:transparent;color:#1273e1;font-size:0.85em;font-weight:700;padding:0;line-height:1.5;font-family:inherit;flex-shrink:0;transition:color 0.2s;margin-left:auto}
#navCategory.is-collapsed .catalogue .toc-btn{color:#147be1}
#navCategory .first_class_ul ul.second_class_ul{margin-top: -0.3em !important;}
#navCategory .first_class_ul,#navCategory .first_class_ul ul{margin:0 !important;line-height: 1.5em;}
#navCategory .first_class_ul{padding: 0.6em 0 0 1em !important;display: none;margin-top: 0.3em !important;}
#navCategory .first_class_ul ul{padding: 0 0 0 0.8em !important;}
#navCategory .first_class_ul li{list-style:none;position:relative;margin-bottom:0 !important;padding-left: 0.35em;margin: 0;line-height:1.7}
#navCategory .first_class_ul > li:first-child:before{border-style:none none dashed none}
#navCategory .first_class_ul li:before{position:absolute;content:'';top:0em;left:-0.7em;width:0.8em;height:0.9em;border-style:none none dashed dashed;border-width:0.08em;border-color:#b8c8d8;transition:border-color 0.2s}
#navCategory .first_class_ul li:not(:last-child):after{position:absolute;content:'';top:0.9em;left:-0.7em;bottom:0;border-style:none none none dashed;border-width:0.08em;border-color:#b8c8d8;transition:border-color 0.2s}
#navCategory .first_class_ul > li > a{color:#0274be;font-weight:400;text-decoration:none;font-size:0.85em;padding:3px 0;border-bottom:2px solid transparent;transition:all 0.2s ease;display:inline-block}
#navCategory .first_class_ul ul.second_class_ul li a{font-size: 0.8em;color:#0274be;font-weight:400;text-decoration:none;padding:2px 0;border-bottom:1px solid transparent;transition:all 0.2s ease;display:inline-block}
#navCategory.is-collapsed .first_class_ul{display:block;border-top: 2px dashed #e2e8f0;}
#summary{margin:0.2rem 0;padding:10px;background:#ebf5fd;color:#333;border-left:3px solid #70b8f0;font-size:.32rem;line-height:.58rem}
#content table{table-layout:fixed}
.kx_data{width:150px;height:30px;margin:15px;display:flex;border-radius:4px;background:#ffffff;overflow:hidden;box-shadow:0 1px 5px rgba(127,149,188,0.2)}
.kx_data span{flex:0 0 50%;line-height:30px;font-size:14px;text-align:center}
.kx_data span:first-of-type{color:#fcb13d}
.kx_data span:last-of-type{color:#ffffff;background:#fcb13d}
.kx_list{margin:0 15px}
.kx_list li .info{}
.kx_list li{display:flex;padding-bottom:15px;position:relative}
.kx_list li:last-of-type:after{display:none}
.kx_list li > span{flex:0 0 15px}
.kx_list li:after{display:block;position:absolute;left:5px;top:12px;content:'';width:1px;height:100%;box-sizing:border-box;border:1px dashed #DEDEDE}
.kx_list li > span:after{display:block;position:absolute;left:0;top:3px;content:'';width:12px;height:12px;box-sizing:border-box;border:3px solid #E5E5E5;border-top-color:rgb(229,229,229);border-right-color:rgb(229,229,229);border-bottom-color:rgb(229,229,229);border-left-color:rgb(229,229,229);background:#fff;border-radius:50%;z-index:1}
.kx_list li .info .tit{display:block;margin-bottom:3px;line-height:25px;font-size:0.28rem;transition:all 0.1s linear;color:#4499ed;font-weight:500}
.kx_list li .info p{line-height:21px;font-size:0.25rem}
.kx_list li .info{background:none;margin:0;padding:0}
.kx_list li .info .time{line-height:20px;color:#a0a0a8}
.kx_list li .info div{padding:8px;background-color:rgb(243,246,255)}
.load_more{margin:20px auto;width:150px;height:36px;line-height:36px;border:1px solid #0279ff;font-size:14px;font-weight:400;color:#0279ff;text-align:center;cursor:pointer}
.load_more:hover{border:1px solid #0279ff;color:#fbfdff;background-color:#0279ff}
.kx_list .showmore{color:#ef9406;font-size:0.25rem;display:block;margin-top:0.1rem}
.kx_list .summary{color:#767680;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.kx_list .showAll{height:auto;overflow:initial;display:block}
.kx-dot{flex:0 0 auto;width:16px;height:16px;border-radius:50%;background:rgba(230,231,255,.6);display:flex;align-items:center;justify-content:center;margin:3px 14px 0 0}
.kx-dot-item{width:7px;height:7px;border-radius:50%;background:#487ce4}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}
.card-grid .card{max-width:303px;background:#ffffff;border-radius:12px;padding:15px 14px 14px;border:1px solid #edf0f4;box-shadow:0 2px 10px rgba(0,20,40,0.04);transition:transform 0.25s ease,box-shadow 0.3s ease,border-color 0.2s;display:flex;flex-direction:column}
.card-grid .card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,20,40,0.10)}
.card-grid .card-top{display:flex;flex-direction:row;align-items:center;flex:1}
.card-grid .card-image{flex-shrink:0;margin-right:10px;display:flex;align-items:center;justify-content:center}
.card-grid .card-image img{width:52px;height:52px;object-fit:contain;border-radius:12px;background:#f8fafc;border:1px solid #eef1f5;transition:border-color 0.2s,transform 0.2s}
.card-grid .card:hover .card-image img{border-color:#cbd5e1;transform:scale(1.02)}
.card-grid .card-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.card-grid .card-title{font-size:15px;font-weight:700;color:#1a2634;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-grid .card-desc{color:#6b7a8e;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}
.card-grid .card-actions{display:flex;gap:15px;flex-wrap:wrap;padding-top:10px}
.card-grid .card-actions .btn{max-width:48%;flex:1;margin:0;padding:5px 0;border:none;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;color:#fff;background:#4a6cf7;box-shadow:0 3px 10px rgba(74,108,247,0.15);transition:opacity 0.2s,transform 0.15s,background 0.2s}
.card-grid .card-actions .btn i{font-size:12px}
.card-grid .card-actions .btn-outline{background:transparent;color:#4a6cf7;border:1.5px solid #4a6cf7;box-shadow:none}
.card-grid .card-actions .btn:hover{transform:scale(0.96);opacity:0.85}
.card-grid .card-actions .btn-outline:hover{background:#f4f7ff;opacity:1}
.card-grid .card:nth-child(1) .btn-primary{background:#f97316;box-shadow:0 3px 10px rgba(249,115,22,0.20)}
.card-grid .card:nth-child(1) .btn-outline{color:#f97316;border-color:#f97316}
.card-grid .card:nth-child(2) .btn-primary{background:#0ea5e9;box-shadow:0 3px 10px rgba(14,165,233,0.20)}
.card-grid .card:nth-child(2) .btn-outline{color:#0ea5e9;border-color:#0ea5e9}
.card-grid .card:nth-child(3) .btn-primary{background:#8b5cf6;box-shadow:0 3px 10px rgba(139,92,246,0.20)}
.card-grid .card:nth-child(3) .btn-outline{color:#8b5cf6;border-color:#8b5cf6}
.card-grid .card:nth-child(4) .btn-primary{background:#ec4899;box-shadow:0 3px 10px rgba(236,72,153,0.20)}
.card-grid .card:nth-child(4) .btn-outline{color:#ec4899;border-color:#ec4899}
.card-grid .card:nth-child(5) .btn-primary{background:#22c55e;box-shadow:0 3px 10px rgba(34,197,94,0.20)}
.card-grid .card:nth-child(5) .btn-outline{color:#22c55e;border-color:#22c55e}
.card-grid .card:nth-child(6) .btn-primary{background:#f59e0b;box-shadow:0 3px 10px rgba(245,158,11,0.20)}
.card-grid .card:nth-child(6) .btn-outline{color:#f59e0b;border-color:#f59e0b}
.signup-wrap{max-width:100%;color:#374151;line-height:1.8;font-size:15px;display:flex;flex-direction:column;gap:20px}
.signup-wrap a{color:#2563eb;text-decoration:none;font-weight:500;transition:all 0.2s;border-bottom:1px solid transparent}
.signup-wrap a:hover{color:#1d4ed8;border-bottom-color:#1d4ed8}
.signup-wrap .s-head{background:linear-gradient(to bottom,#ffffff,#FFFBEB);border:1px solid #e5e7eb;border-radius:12px;padding:15px;text-align:left;box-shadow:0 8px 20px rgba(0,0,0,0.05)}
.signup-wrap .s-head h2{font-size:23px;font-weight:900;color:#111827;margin:0 0 15px;line-height:1.2}
.signup-wrap .s-head span{display: block;font-size:16px;color:#4b5563;margin-bottom:20px}
.signup-wrap .s-head p{display:flex;flex-wrap:wrap;gap:15px}
.signup-wrap .s-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 20px;border-radius:8px;font-weight:700;font-size:15px;text-decoration:none !important;border:none;transition:transform 0.1s ease}
.signup-wrap .s-btn:hover{transform:translateY(-2px)}
.signup-wrap .s-primary{background:#FCD535;color:#1e2329 !important;box-shadow:0 4px 10px rgba(252,213,53,0.3)}
.signup-wrap .s-dark{background:#1f2937;color:#ffffff !important}
.signup-wrap .s-dark:hover{background:#000000}
.signup-wrap .s-meta{border-bottom:1px solid #e5e7eb}
.signup-wrap .s-meta:last-child{border-bottom:none}
.signup-wrap .s-meta h2{font-size:20px;font-weight:800;color:#111827;margin:15px 0;position:relative;padding-left:16px;border-left:6px solid #0658b5}
.signup-wrap .s-meta h3{font-size:17px;font-weight:700;color:#1f2937;margin:15px 0 6px}
.signup-wrap .s-meta p{margin-bottom:8px;text-align:justify}
.signup-wrap .s-meta ul,.signup-wrap .s-meta ol{margin-bottom:20px;padding-left:20px;color:#4b5563}
.signup-wrap .s-meta li{margin-bottom:8px}
.signup-wrap ul.s-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding-left:0;margin-top:20px}
.signup-wrap .s-grid li{background:#F9FAFB;padding:20px;border-radius:12px;list-style:none;border:1px solid #e5e7eb}
.signup-wrap .s-grid li h3{margin:0 0 8px;color:#111;font-weight:700;font-size:16px}
.signup-wrap .s-grid li p{margin:0;font-size:14px;color:#666}
.signup-wrap .s-tip{background:#FFFBEB;border:2px solid #FCD34D;border-radius:12px;padding:24px;margin:20px 0;color:#92400E}
.signup-wrap .s-tip-title{font-weight:800;display:block;margin-bottom:10px;font-size:17px}
.signup-wrap .s-tip div{border-top:1px dashed #FCD34D}
.signup-wrap .s-tag{background:#fff;border:2px dashed #F59E0B;color:#D97706;padding:2px 8px;font-weight:800;font-size:1em;border-radius:4px}
.signup-wrap ul.s-faq{display:grid;grid-template-columns:1fr;gap:16px;padding: 0;}
.signup-wrap .s-faq li{background:#fff;border:1px solid #e5e7eb;list-style: none;border-radius:10px;padding:16px 20px;box-shadow:0 2px 5px rgba(0,0,0,0.02)}
.signup-wrap .s-faq span{font-weight:700;color:#111;display:block;margin-bottom:6px;font-size:16px}
.signup-wrap .s-faq p{color:#555;font-size:15px;margin:0}
.language{position:absolute;right:5px}
.trigger-area{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff;cursor:pointer;transition:background 0.25s,box-shadow 0.25s,transform 0.15s;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;border:none;padding:0;color:#555;font-size:20px;margin-top:3px}
.trigger-area:active{transform:scale(0.92)}
.trigger-area i{pointer-events:none}
.country-flag,.display-text{display:none !important}
.dropdown-arrow{display:none !important}
.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:160px;background:#ffffff;border-radius:14px;box-shadow:0 12px 44px rgba(0,0,0,0.14),0 4px 12px rgba(0,0,0,0.04);list-style:none;opacity:0;visibility:hidden;transform:translateY(-6px) scale(0.96);transform-origin:top right;transition:opacity 0.25s ease,transform 0.25s ease,visibility 0.25s;border:1px solid rgba(0,0,0,0.04);z-index:1000;overflow:hidden}
.language.is-open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.menu-item{display:flex;align-items:center;gap:12px;padding:0 18px;font-size:15px;font-weight:450;color:#333;cursor:pointer;transition:background 0.18s,color 0.18s;white-space:nowrap;border:none;background:transparent;width:100%;text-align:left;-webkit-touch-callout:none;touch-action:manipulation;min-height:48px}
.menu-item:active{background:#eef3fa}
.menu-item img{width:22px;height:15px;object-fit:cover;border:1px solid rgba(0,0,0,0.08);flex-shrink:0;background:#f0f0f0;border-radius:1px}
.menu-item.active{background:#f0f6fe;color:#1a5c9e;font-weight:600}
.menu-item.active::after{content:"✓";margin-left:auto;font-size:17px;color:#1a5c9e;font-weight:700;padding-left:12px}
.menu-item+.menu-item{border-top:1px solid #f0f0f0}
.trigger-area:focus-visible{outline:2px solid #1a5c9e;outline-offset:2px}
.menu-item:focus-visible{outline:2px solid #1a5c9e;outline-offset:-2px}
.sidebar-wrapper{width:100%;max-width:420px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.sidebar-wrapper .exchange-card{background:#fff;border-radius:14px 14px 12px 12px;padding:14px 16px 12px;box-shadow:0 6px 20px rgba(0,0,0,.04),0 2px 6px rgba(0,0,0,.02);transition:transform .25s ease,box-shadow .3s ease;border:1px solid rgba(0,0,0,.02);position:relative;overflow:hidden}
.sidebar-wrapper .exchange-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(0,0,0,.08)}
.sidebar-wrapper .exchange-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:18px 18px 0 0}
.sidebar-wrapper .c1::before{background:linear-gradient(90deg,#f0b90b,#f8d34a)}
.sidebar-wrapper .c2::before{background:linear-gradient(90deg,#1a5cff,#4a8dff)}
.sidebar-wrapper .c3::before{background:linear-gradient(90deg,#0b9e6b,#34d399)}
.sidebar-wrapper .c4::before{background:linear-gradient(90deg,#e53935,#ff6f60)}
.sidebar-wrapper .c5::before{background:linear-gradient(90deg,#f7931a,#ffb84d)}
.sidebar-wrapper .c6::before{background:linear-gradient(90deg,#1e5cff,#0ea5e9)}
.sidebar-wrapper .card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sidebar-wrapper .header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.sidebar-wrapper .exchange-logo{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #eef2f6}
.sidebar-wrapper .exchange-logo img{width:100%;height:100%;object-fit:contain}
.sidebar-wrapper .exchange-title{display:flex;flex-direction:column;gap:1px;min-width:0}
.sidebar-wrapper .exchange-name{font-size:15px;font-weight:700;color:#0b1a2b;letter-spacing:-.2px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.sidebar-wrapper .exchange-name:hover{color:#1e5cff}
.sidebar-wrapper .star-rating{display:flex;gap:1px;font-size:11px;color:#f5b342;letter-spacing:.5px}
.sidebar-wrapper .star-full::before{content:"★"}
.sidebar-wrapper .star-half::before{content:"★";opacity:.5}
.sidebar-wrapper .star-empty::before{content:"☆";opacity:.3}
.sidebar-wrapper .card-badge{font-size:10px;font-weight:700;padding:2px 10px;border-radius:30px;border:1px solid #e2e8f0;white-space:nowrap;line-height:1.6}
.sidebar-wrapper .c1 .card-badge{background:#fef9e0;color:#b88a0a;border-color:#f8e8a0}
.sidebar-wrapper .c2 .card-badge{background:#e8edff;color:#1a5cff;border-color:#c5d4ff}
.sidebar-wrapper .c3 .card-badge{background:#e3f5ec;color:#0b9e6b;border-color:#b3e6d0}
.sidebar-wrapper .c4 .card-badge{background:#fde8e5;color:#c62828;border-color:#fccac4}
.sidebar-wrapper .c5 .card-badge{background:#fef3e2;color:#c97d0e;border-color:#fce0b0}
.sidebar-wrapper .c6 .card-badge{background:#e8edff;color:#1e5cff;border-color:#c5d4ff}
.sidebar-wrapper .exchange-desc{font-size:13px;color:#5a6a7c;line-height:1.4;margin:6px 0 10px;padding-right:2px}
.sidebar-wrapper .card-actions{display:flex;gap:8px}
.sidebar-wrapper .btn{flex:1;padding:6px 0;border-radius:10px;text-align:center;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer;margin-top:0}
.sidebar-wrapper .btn:hover{transform:scale(1.02)}
.sidebar-wrapper .btn-secondary{background:#f0f4fa;color:#1e293b;border:1px solid #e2e8f0}
.sidebar-wrapper .btn-secondary:hover{background:#e6ecf4}
.sidebar-wrapper .btn-primary{color:#fff}
.sidebar-wrapper .c1 .btn-primary{background:#f97316;box-shadow:0 3px 10px rgba(249,115,22,.2)}
.sidebar-wrapper .c1 .btn-outline{color:#f97316;border-color:#f97316}
.sidebar-wrapper .c2 .btn-primary{background:#0ea5e9;box-shadow:0 3px 10px rgba(14,165,233,.2)}
.sidebar-wrapper .c2 .btn-outline{color:#0ea5e9;border-color:#0ea5e9}
.sidebar-wrapper .c3 .btn-primary{background:#8b5cf6;box-shadow:0 3px 10px rgba(139,92,246,.2)}
.sidebar-wrapper .c3 .btn-outline{color:#8b5cf6;border-color:#8b5cf6}
.sidebar-wrapper .c4 .btn-primary{background:#ec4899;box-shadow:0 3px 10px rgba(236,72,153,.2)}
.sidebar-wrapper .c4 .btn-outline{color:#ec4899;border-color:#ec4899}
.sidebar-wrapper .c5 .btn-primary{background:#22c55e;box-shadow:0 3px 10px rgba(34,197,94,.2)}
.sidebar-wrapper .c5 .btn-outline{color:#22c55e;border-color:#22c55e}
.sidebar-wrapper .c6 .btn-primary{background:#f59e0b;box-shadow:0 3px 10px rgba(245,158,11,.2)}
.sidebar-wrapper .c6 .btn-outline{color:#f59e0b;border-color:#f59e0b}
.page-wrapper{padding:0 !important}
.page-wrapper h2,.page-wrapper h2 a{font-size:1.33em !important}
.page-wrapper h3,.page-wrapper h3 a{font-size:1.3em !important}
.page-wrapper summary{font-size:1.32em !important}
.cta-text{flex:auto !important;text-align:center;margin-bottom:-20px !important}
.cta-button{text-align:center !important}
.cta-action-btn{padding:8px 30px !important;font-size:0.3rem}
.rating-overall{padding:20px 0 !important}
.ratings-block{gap:10px !important}
.block-list{padding-left:0 !important}
.deposit-logo{height:22px !important}
.org-card-logo,.org-card-terms,.org-card-rating,.org-card-button{width:100% !important}
.org-card-logo-inner{justify-content:center !important}
.org-card-button-inner a{min-width:auto !important;margin:10px 2px}
.org-card-logo-inner::after,.org-card-terms-inner::after,.org-card-rating-inner::after,.org-card-button-inner::after{width:0 !important}
.block-table td,.block-table th{word-break:break-word}
.ov-table .label-col{white-space:normal !important}
#content{overflow-x:auto;-webkit-overflow-scrolling:touch;word-wrap:break-word;word-break:break-word}
#content *{max-width:100% !important;box-sizing:border-box}
#content img{height:auto !important;max-width:100% !important;display:block}
#content table{display:block;overflow-x:auto;width:100% !important;table-layout:fixed;word-break:break-word;-webkit-overflow-scrolling:touch}
#content table td,#content table th{word-break:break-word;white-space:normal}
#content pre,#content code{max-width:100% !important;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto;-webkit-overflow-scrolling:touch}
#content a,#content p,#content li,#content div{word-break:break-all;overflow-wrap:break-word}
body.open .m-nav{left:0px}
body.open .m-btn{display:none}
body.open .m-nav .m-btn{display:block}
body.night{background-color:#181a1b;color:#fff}
body.night img{opacity:0.8}
body.night .shang_box img{opacity:1}
body.night h2.logo img.nightlogoimg{display:block}
body.night h2.logo span{color:#c0bebe}
body.night .header .nav-bar ul li > ul,body.night .authorbio,body.night .article_contact,body.night .post footer span,body.night .article-meta span,body.night .article-content h2,body.night .article-content h3,body.night .article-content h4,body.night .article-content h5,body.night .btn-block,body.night .layui-layer,body.night #txaArticle,body.night input{background:#333}
body.night .btn-block:hover{background-color:#0658b5;color:#fff}
body.night .layui-layer-msg,body.night #txaArticle,body.night input,body.night .compost .com-info li input,body.night #divTags a{border:1px solid #333}
body.night .function_t{border-bottom:1px solid #333}
body.night .header .nav-bar ul li > ul:before{border-bottom-color:#333}
body.night h2.logo p,body.night a,body.night .tabs .tab a,body.night #articlerecommend .item-title a,body.night #kuaixun ul li .title,body.night .header .nav-bar li em[class*="dot"] .fa,body.night .m-btn i,body.night .article-header h1,body.night .function_t,body.night .title h3,body.night .about_name,body.night .article-content h2,body.night .article-content h3,body.night .article-content h4,body.night .article-content h5,body.night textarea,body.night input,body.night .header .nav-bar li a,body.night .jz-search-btn,body.night .jz-night-btn,body.night .sidebar-wrapper .exchange-name,body.night .language .trigger-area,body.night .card-grid .card-title,body.night .sidebar-wrapper a.btn.btn-primary:hover,body.night .page-wrapper h1,body.night .ov-table .label-col{color:#fff}
body.night .post-text,body.night .sec-panel .tab-wrap .item-excerpt,body.night .sec-panel .tab-wrap .item-meta,body.night .article-content p,body.night .post footer span a,body.night .post footer span,body.night .article-meta span,body.night .ov-table .value-col{color:#d8d8d8}
body.night .header-nav,body.night .post,body.night .sec-panel,body.night #content,body.night #summary,body.night .function,body.night .article-container,body.night .post-navigation,body.night .relates,body.night #comment,body.night #related-img,body.night .related-title,body.night .card-grid .card,body.night .sidebar-wrapper .exchange-card{background:#232627}
body.night .function,body.night .post,body.night .article-container{-webkit-box-shadow:none;box-shadow:none}
body.night .header .nav-bar li.active a,body.night .header .nav-bar li a:hover,body.night a:focus,body.night a:hover,body.night .jz-night-btn a,body.night a.jz-night-mbtn i,body.night .header .nav-bar .sub-nav li.active a,body.night .header .nav-bar .sub-nav li a:hover{color:#0479ff}
body.night .header .nav-bar .sub-nav li a,body.night #content table td,body.night #divTags a{color:#fff}
body.night #content table tr:nth-child(2n){background-color:#454545}
body.night .jzinfo-down,body.night .jz-popup .jz-popup-container,body.night .post_hide_box,body.night .b-nav-search_wrap,body.night .header .nav-bar ul li > ul li.on a,body.night .header .nav-bar ul li > ul li.on a:hover,body.night #divTags a{background:#333}
body.night .details,body.night .jzinfo-down,body.night .jz-popup .jz-popup-container,body.night .post_hide_box,body.night .sidebar-wrapper .exchange-desc{color:#d8d8d8}
body.night .jzinfo-down.jz_zpojie h4{background-color:transparent;color:#0658b5}
body.night .jz-popup .title{background:#232627;color:#fff}
body.night .post_hide_box input[type=password]{background:#232627;color:#0658b5;border:1px solid #232627}
body.night .jzinfo-down.Jz52_dowbox h4{color:#0658b5}
body.night #divTags li{background:#74747475}
body.night #kuaixun ul .btn-more{border:1px solid #dcdada;color:#dcdada}
body.night a:hover,body.night #divTags a:hover{color:#36a0ff}
body.night .card-grid .card-desc{color:#999}
body.night .language .dropdown-arrow{border-top-color:#fff}
body.night .signup-wrap .s-head,body.night .signup-wrap .s-grid li,body.night .signup-wrap .s-tip,body.night .signup-wrap .s-faq li{background:none;}
body.night .signup-wrap .s-meta ul,body.night .signup-wrap .s-meta ol {color:#b1b1b1;}
body.night .signup-wrap .s-head span {color: #c8c8c8;}
body.night .signup-wrap .s-faq span{color:#fff;}
body.night .ov-table tr:nth-child(even){background:#000000}
body.night .ov-table tr:nth-child(odd){background:#232627}
body.night .page-wrapper h2{background:#333 !important}
body.night .coupon-title{color:#fff}
body.night .coupon-card,body.night .copy-wrapper{background:#333}
body.night .highlight-strong{color:#b1b1b1}
body.night figure.block-table{color:#dddddd}
body.night figure.block-table thead{background:#195ca9;color:#fff}
body.night .block-table th,body.night .block-table td{border:1px solid #555555}
body.night .page-wrapper ol,body.night .page-wrapper ul{color:#d1d1d1}
body.night .page-wrapper details{color:#d8d8d8}
body.night .org-details-item{display:flex;padding:10px 0;border-bottom:1px solid #eee;color:#fff}
body.night .cta-rating{background:#232627;border:1px solid #f5f5f5}
body.night .ratings-item,body.night .rating-overall{background:#181a1b;border:1px solid #515151}
body.night .ratings-item,body.night .rating-overall span{color:#c1c1c1}
body.night .cta-action-btn:hover,body.night .org-card-terms-inner .label-span{color:#fff}
body.night .coupon-card{border:1px solid #96beeb87}
body.night .coupon-card::before{height:2px}
body.night .org-card-inner{background-color:#232627;border:1px solid #ededed}
body.night .org-card-logo-inner:after,body.night .org-card-terms-inner:after,body.night .org-card-rating-inner:after{background-color:#5f5f5f}
body.night .org-card-button-inner:after,body.night .language .trigger-area{background-color:#232627}
body.night .signup-wrap .s-head,body.night .signup-wrap .s-grid li,body.night .signup-wrap .s-faq li,body.night #summary,body.night #navCategory{border: 1px solid #474747;}
body.night #summary {color: #b1b1b1;}
body.night #navCategory {background: #232627;border-top: 4px solid #0162cf;}
body.night #navCategory .catalogue {background: #232627;color: #ddd;}
body.night #navCategory.is-collapsed .first_class_ul {border-top: 1px solid #474747;}
body.night #navCategory .first_class_ul li::before,body.night #navCategory .first_class_ul li:not(:last-child)::after {border-color: #b1b1b1;}
body.night #navCategory .first_class_ul > li > a,body.night #navCategory .first_class_ul ul.second_class_ul li a{color: #c8c8c8;}
body.night .kx_list li .info div{background-color:#000;margin-top:5px;}
body.night .kx_list .summary{color: #dddddd;}