style.css

@charset "utf-8";@font-face{font-family:'icomoon';src:url('../fonts/icomoon.eot?7jyvbf');src:url('../fonts/icomoon.eot?7jyvbf#iefix') format('embedded-opentype'),url('../fonts/icomoon.ttf?7jyvbf') format('truetype'),url('../fonts/icomoon.woff?7jyvbf') format('woff'),url('../fonts/icomoon.svg?7jyvbf#icomoon') format('svg');font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-close:before{content:"\e5cd"}.icon-search:before{content:"\e8b6"}.icon-chevron-down:before{content:"\e900"}.icon-chevron-left:before{content:"\e901"}.icon-chevron-right:before{content:"\e902"}.icon-chevron-thin-down:before{content:"\e903"}.icon-chevron-thin-left:before{content:"\e904"}.icon-chevron-thin-right:before{content:"\e905"}.icon-chevron-thin-up:before{content:"\e906"}.icon-chevron-up:before{content:"\e907"}.icon-mail:before{content:"\e90d"}.icon-menu:before{content:"\e908"}.icon-rss:before{content:"\e90a"}.icon-user:before{content:"\e90b"}.icon-vcard:before{content:"\e909"}.icon-sina-weibo:before{content:"\e90e"}.icon-facebook:before{content:"\e90f"}.icon-github:before{content:"\e910"}.icon-google:before{content:"\e911"}.icon-instagram:before{content:"\e912"}.icon-pinterest:before{content:"\e913"}.icon-tumblr:before{content:"\e914"}.icon-twitter:before{content:"\e915"}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;outline:none;margin:0;padding:0}html{width:100%;height:100%;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{width:100%;height:100%;font-family:"futura-pt",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",Microsoft JhengHei,WenQuanYi Micro Hei,"Microsoft YaHei",sans-serif;font-size:1.8rem;line-height:1.5em;color:#414141;text-rendering:geometricPrecision;background-color:#EBECEE}body.modal-active{overflow:hidden}@media (max-width:680px){body.modal-active{position:fixed;top:0;right:0;bottom:0;left:0}}body.menu-open #site-menu{transform:translate3d(0, 0, 0);visibility:visible}::-moz-selection{background:rgba(255,183,77,0.7);color:#414141}::selection{background:rgba(255,183,77,0.7);color:#414141}h1,h2,h3,h4,h5,h6{-webkit-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-moz-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;-o-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;text-rendering:geometricPrecision;margin:0 0 .4em 0}h1{font-size:1.8em}h2{font-size:1.6em}h3{font-size:1.4em}h4{font-size:1.2em}h5{font-size:1em}h6{font-size:1em}a{color:#414141;text-decoration:none;transition:all .24s ease}a:hover{text-decoration:none}pre{tab-size:2;-moz-tab-size:2;-o-tab-size:2;-webkit-tab-size:2}pre code{display:block;background:white;color:#4d4d4c;line-height:1.5;border:1px solid #ccc;padding:10px}::-webkit-input-placeholder{color:#b5b5b5;font-weight:300}:-moz-placeholder{color:#b5b5b5;font-weight:300}::-moz-placeholder{color:#b5b5b5;font-weight:300}:-ms-input-placeholder{color:#b5b5b5;font-weight:300}.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.hidden{text-indent:-9999px;visibility:hidden;display:none}.inner{position:relative;width:80%;max-width:710px;margin:0 auto}.vertical{display:table-cell;vertical-align:middle}.right{float:right}.left{float:left}#site-wrapper{position:relative;min-height:100%;background:#EBECEE;overflow-x:hidden;transition:all .24s ease;z-index:2}.dark-btn{display:inline-block;background:rgba(0,0,0,0.3);border:1px solid black;padding:0 15px;font-size:13px;font-family:"futura-pt",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",Microsoft JhengHei,WenQuanYi Micro Hei,"Microsoft YaHei",sans-serif;text-align:center;color:#c2c2c2}.dark-btn:hover{color:#f5f5f5;background-color:#009688}.dark-btn .icon{margin-right:5px;font-size:16px;vertical-align:middle;line-height:44px}.dark-btn .text{vertical-align:middle;line-height:44px}#loading-bar-wrapper{position:absolute;width:100%;top:0;left:0;overflow:visible;z-index:999}#loading-bar{position:relative;width:0;height:2px;background-color:#ff9c0a;transition:all .5s ease}#header{position:relative;width:100%;color:#414141;padding-bottom:40px;border-top:2px solid black;transition:all .24s ease;z-index:3}@media (max-width:820px){#header{padding-bottom:20px}}#header #header-wrapper{position:relative;width:100%;height:70px;background:white;box-shadow:0 0 3px rgba(0,0,0,0.1);border-bottom:1px solid #e1e2e3;padding:0 20px;z-index:3}#header #logo{position:absolute;display:block;top:0;left:50%;margin-left:-80px;width:200px;height:100px;background:#000;padding:10px 0 12px 0;transition:all .24s}@media (max-width:820px){#header #logo{width:140px;height:70px;margin-left:-70px;padding:10px 0}}#header #logo img{display:block;width:70px;height:auto;margin:0 auto;transition:all .24s}@media (max-width:820px){#header #logo img{width:50px}}#header #logo #site-desc{display:block;text-align:center;color:white;font-size:13px;transition:all .24s}@media (max-width:820px){#header #logo #site-desc{font-size:12px}}#header #site-nav-switch{position:relative;border:0;float:right;outline:none;background:transparent;font-size:30px;margin-top:20px;transition:all .24s ease}#header #site-nav-switch.active{transform:rotate(90deg)}#site-menu{position:absolute;top:69px;right:0;width:220px;padding:20px 0;background:white;border:1px solid #e6e7e6;border-right:0;box-shadow:0 0 1px rgba(0,0,0,0.1);transform:translate3d(280px, 0, 0);transition:all .24s ease;visibility:hidden;z-index:2}#site-menu nav .nav{position:relative;display:block;color:#414141;font-size:.8125em;padding:2px 20px;border-left:3px solid transparent}#site-menu nav .nav:hover{background:rgba(233,234,234,0.6);border-color:#ff9800}#main{position:relative;width:100%;max-width:820px;margin:0 auto;padding:0 30px 20px 30px;opacity:0;transform:translate3d(0, -20px, 0);transition:all .24s ease}#main.loaded{transform:translate3d(0, 0, 0);opacity:1}@media (max-width:820px){#main{padding:0 20px 20px 20px}}#main .post-list{position:relative;width:760px;margin:0 auto}@media (max-width:820px){#main .post-list{width:100%}}#main .page-header{text-align:center;margin:0 auto 20px auto}#main .page-header h1{font-size:.875em;font-weight:normal;color:#b5b5b5}#main #comments{position:relative;padding:30px;background:white;box-shadow:0 0 3px rgba(0,0,0,0.15)}@media (max-width:820px){#main #comments{padding:20px}}#main #comments.page{margin-top:20px}#main .post{margin-bottom:50px;position:relative;padding:40px 0;background:white;box-shadow:0 0 3px rgba(0,0,0,0.15)}#main .post.no-title{padding:20px 0}#main .post.no-title>time{text-align:left;padding-left:30px;margin:0}@media (max-width:820px){#main .post.no-title>time{padding-left:20px}}#main .post:last-child,#main .post.single,#main .post#archive-page{margin-bottom:0}#main .post.author-profile{position:relative;padding:30px 20px;height:auto;text-align:center;margin-bottom:30px;transition:all .24s ease}@media (max-width:820px){#main .post.author-profile{padding:20px}}#main .post.author-profile .author-title,#main .post.author-profile .author-bio{position:relative;font-size:1em;z-index:1}#main .post.author-profile .author-title span,#main .post.author-profile .author-bio span,#main .post.author-profile .author-title a,#main .post.author-profile .author-bio a{display:inline-block;background:rgba(0,0,0,0.5);color:white;padding:5px 15px 7px 15px;border-radius:5px;font-weight:500;letter-spacing:1px}#main .post.author-profile .author-title a:hover,#main .post.author-profile .author-bio a:hover{color:#ff9800;background:rgba(0,0,0,0.75)}#main .post.author-profile .author-title a{font-size:1.25em}@media (max-width:820px){#main .post.author-profile .author-title a{font-size:1.25em;padding:7px 20px}}#main .post.author-profile .author-avatar{position:relative;margin:0 auto;width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:20px;z-index:1}#main .post.author-profile .author-avatar img{display:block;width:100%;height:100%}#main .post.author-profile .author-cover{position:absolute;top:0;left:0;width:100%;height:100%;background:#414141;z-index:0}#main .post.author-profile .author-cover .img{display:block;width:100%;height:100%;background-size:cover}#main .post>.title{display:block;text-align:center;font-size:1.25em;padding:0 20px}@media (max-width:820px){#main .post>.title{font-size:1em}}#main .post>.title a{display:inline;line-height:1.25;font-weight:normal;color:#464646}#main .post>.title a:hover{color:#55b559}#main .post>time{display:block;text-align:center;color:#b5b5b5;font-size:.75em;margin-bottom:30px}#main .post .image{position:relative;width:100%;margin:20px 0}#main .post .image a{display:block}#main .post .image img{position:relative;display:block;width:104%;margin:0 -2%;box-shadow:0 0 3px rgba(0,0,0,0.15)}#main .post .readmore{margin-top:20px}#archive-page .archive{position:relative;padding:20px}#archive-page .archive .archive-item{position:relative}#archive-page .archive .archive-item a{display:inline-block;padding:3px 15px;border-left:3px solid transparent;background:transparent;transition:all ease .24s}#archive-page .archive .archive-item a:hover{border-left-color:#ffad33;background:#f1f1f3}#archive-page .archive .archive-year{font-size:16px;margin:10px 0}#archive-page .archive .archive-post time{font-size:12px;padding-right:10px}#archive-page .archive .archive-post .title{font-size:14px;color:#ff9800}.content{color:#464646;font-size:14px;line-height:1.75em;padding:0 30px}@media (max-width:820px){.content{padding:0 20px}}.content img{position:relative;display:block;width:114%;margin:0 -7%;box-shadow:0 0 3px rgba(0,0,0,0.15);padding:5px;background:white;transition:all .24s ease}@media (max-width:820px){.content img{width:100%;margin:0;box-shadow:none}}.content hr{border:0;border-bottom:1px solid #ddd}.content p.small-img img,.content div.small-img img{width:auto;max-width:100%;margin:0;box-shadow:none}.content p{margin:20px 0}.content ul,.content ol{list-style:circle;margin:20px 0;padding-left:30px}.content a{color:#f59200}.content a:hover{color:#f08f00;background:rgba(255,152,0,0.1)}.content a:active{background:rgba(255,152,0,0.2);color:#ffffff}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{position:relative;font-family:"futura-pt",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",Microsoft JhengHei,WenQuanYi Micro Hei,"Microsoft YaHei",sans-serif;font-weight:bold;margin:40px auto 30px auto;left:20px}.content h1::before,.content h2::before,.content h3::before,.content h4::before,.content h5::before,.content h6::before{position:absolute;left:-20px;top:0;content:"#";color:#4caf50;font-weight:normal}.content figure figcaption span{display:inline-block;margin-right:5px}.content blockquote{position:relative;width:100%;margin:20px 0;padding:0 20px;border-left:4px solid #4caf50}.content blockquote footer strong{margin-right:7px}.content pre{display:block;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"inconsolata",Consolas,monospace,sans-serif;width:100%;font-size:13px;margin:20px 0;padding:10px 15px;background:#f9f9fa;white-space:pre;overflow:auto}.content pre code{color:#414141;margin:0;font-size:1em;background:transparent;border:0;white-space:inherit}.content pre figure{margin:0}.content code{font-family:"inconsolata",Consolas,monospace,sans-serif;color:#008c7f;padding:3px 5px;margin:0 2px;border-radius:2px;white-space:nowrap;font-size:1em;background:#f9f9fa}.content .highlight{width:100%;margin:20px 0;background:#f9f9fa;overflow:auto}.content .highlight figcaption{background:white;padding-bottom:15px}.content .highlight pre{margin:0}.content .highlight .gutter pre{padding:10px;text-align:right}.content .highlight .line.marked{background:#F6F6F8}.content .tags{margin-top:50px}.content .tags a{position:relative;padding:4px 10px 4px 20px;margin-right:5px;font-size:14px;background:#EBECEE;border-radius:2px;vertical-align:middle;line-height:1.75em;color:#414141}.content .tags a:hover{background:#414141;color:white}.content .tags a::before{position:absolute;top:0;left:7px;content:"#"}@media (max-width:820px){.content h1,.content h2,.content h3{margin:30px 0}.content h4,.content h5,.content h6{margin:20px 0}.content h1{font-size:1.5em}.content h2{font-size:1.4em}.content h3{font-size:1.3em}.content h4{font-size:1.2em}.content h5{font-size:1.1em}.content h6{font-size:1em}.content figure{font-size:13px;line-height:1.6em}}.tomorrow-comment,pre .comment,pre .title{color:#8e908c}.tomorrow-red,pre .variable,pre .attribute,pre .tag,pre .regexp,pre .ruby .constant,pre .xml .tag .title,pre .xml .pi,pre .xml .doctype,pre .html .doctype,pre .css .id,pre .css .class,pre .css .pseudo{color:#c82829}.tomorrow-orange,pre .number,pre .preprocessor,pre .built_in,pre .literal,pre .params,pre .constant{color:#f5871f}.tomorrow-yellow,pre .class,pre .ruby .class .title,pre .css .rules .attribute{color:#eab700}.tomorrow-green,pre .string,pre .value,pre .inheritance,pre .header,pre .ruby .symbol,pre .xml .cdata{color:#718c00}.tomorrow-aqua,pre .css .hexcolor{color:#3e999f}.tomorrow-blue,pre .function,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword,pre .perl .sub,pre .javascript .title,pre .coffeescript .title{color:#4271ae}.tomorrow-purple,pre .keyword,pre .javascript .function{color:#8959a8}#page-nav{position:relative;width:100%;padding:20px 0}#page-nav .page-number,#page-nav .space{display:none}#page-nav .next,#page-nav .prev{font-size:.8125em;font-weight:normal;color:#a7a7a7;border-radius:2px}#page-nav .next:hover,#page-nav .prev:hover{color:white;background:#414141}#page-nav .next span,#page-nav .prev span{line-height:20px;vertical-align:middle}#page-nav .next span.icon,#page-nav .prev span.icon{position:relative;top:1px}#page-nav .next{float:right;padding:0 7px 2px 10px}#page-nav .prev{float:left;padding:0 10px 2px 7px}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;outline:none;margin:0;padding:0}#u-search{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:60px 20px;z-index:999999}@media (max-width:680px){#u-search{padding:0}}#u-search .modal{position:fixed;height:80%;width:100%;max-width:640px;left:50%;top:0;margin:64px 0 0 -320px;background:#fff;box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);z-index:3}@media (max-width:680px){#u-search .modal{box-shadow:none;max-width:none;top:0;left:0;margin:0;height:100%}}#u-search .modal .modal-ajax-content{opacity:0;visibility:hidden;transition:all .36s}#u-search .modal .modal-ajax-content.loaded{opacity:1;visibility:visible}#u-search .modal .modal-header{position:relative;width:100%;height:50px;background-color:#33475A;z-index:3}#u-search .modal .modal-header .btn-close{display:block;position:absolute;width:50px;height:50px;top:0;right:0;color:white;cursor:pointer;text-align:center;line-height:50px;vertical-align:middle;font-size:18px;transition:all .24s;z-index:2}#u-search .modal .modal-header .btn-close:hover{transform:rotate(90deg)}#u-search .modal .modal-header .modal-loading{position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:transparent;z-index:1}#u-search .modal .modal-header .modal-loading .modal-loading-bar{display:block;position:relative;width:0;height:100%;background:#ffb74d;transition:width .24s}#u-search .modal .modal-header #u-search-modal-form{position:relative;width:100%;height:100%;z-index:2}#u-search .modal .modal-header #u-search-modal-form #u-search-modal-input{width:100%;padding:0 50px 0 40px;font-size:15px;line-height:50px;vertical-align:middle;color:#fff;border:none;background:transparent;transition:background-color .24s;font-weight:thin;appearance:none;box-shadow:none}#u-search .modal .modal-header #u-search-modal-form #u-search-modal-input:focus{background-color:#3c546a}#u-search .modal .modal-header #u-search-modal-btn-submit{position:absolute;top:0;left:0;padding-left:5px;padding-top:2px;background:transparent;border:none;width:40px;height:50px;vertical-align:middle;font-size:20px;color:white;z-index:2}#u-search .modal .modal-footer{position:absolute;bottom:0;left:0;width:100%;height:50px;padding:0 15px;background:#fff;border-top:1px solid #dadada}#u-search .modal .modal-footer .logo{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;z-index:0}#u-search .modal .modal-footer .logo a{display:inline-block}#u-search .modal .modal-footer .logo.google img{height:24px;margin-top:13px}#u-search .modal .modal-footer .logo.baidu img{height:22px;margin-top:14px}#u-search .modal .modal-footer .logo img{position:relative;display:inline-block;width:auto;height:18px;margin-top:16px}#u-search .modal .modal-footer .modal-error{position:relative;float:left;vertical-align:middle;line-height:50px;font-size:13px;z-index:1}#u-search .modal .modal-footer .modal-metadata{position:relative;float:left;vertical-align:middle;line-height:50px;font-size:13px;z-index:1}#u-search .modal .modal-footer .nav{position:relative;display:block;float:right;vertical-align:middle;font-size:13px;font-weight:500;line-height:50px;color:#828282;cursor:pointer;z-index:1}#u-search .modal .modal-footer .nav:hover{color:#414141}#u-search .modal .modal-footer .nav.btn-next{margin-left:10px}#u-search .modal .modal-footer .nav .icon{font-size:12px}#u-search .modal .modal-body{position:absolute;padding:64px 40px 80px 40px;width:100%;height:100%;top:0;left:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}@media (max-width:680px){#u-search .modal .modal-body{padding:60px 20px 80px 20px}}#u-search .modal .modal-body .modal-results{list-style:none}#u-search .modal .modal-body .modal-results li{border-bottom:1px solid #e6e8ea}#u-search .modal .modal-body .modal-results li:last-child{border-bottom:none}#u-search .modal .modal-body .modal-results .result{position:relative;display:block;padding:15px 30px 15px 0;text-decoration:none}#u-search .modal .modal-body .modal-results .result:hover .digest,#u-search .modal .modal-body .modal-results .result:hover .icon{color:#414141}#u-search .modal .modal-body .modal-results .result .title{display:inline-block;max-width:100%;color:#2196f3;font-size:15px;font-weight:bold;background:#f1f8fe;padding:1px;border-bottom:1px solid #e6e8ea;margin-bottom:2px;line-height:110%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#u-search .modal .modal-body .modal-results .result .digest{display:block;font-size:13px;line-height:140%;color:#8e8e8e;transition:color .24s}#u-search .modal .modal-body .modal-results .result .digest em{font-weight:bold}#u-search .modal .modal-body .modal-results .result .icon{position:absolute;top:50%;right:0;margin-top:-4px;font-size:11px;color:#828282}#u-search .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1}#footer{position:relative;padding:20px;width:100%;max-width:820px;margin:0 auto;font-size:14px;overflow:hidden;text-align:center;opacity:0;transform:translate3d(0, -20px, 0);transition:all .4s ease;z-index:3}#footer.loaded{transform:translate3d(0, 0, 0);opacity:1}#footer .codename{color:#ff9800}#footer .social-wrapper{padding-top:20px}#footer a{color:#828282}#footer a:hover{background:rgba(255,152,0,0.1);color:#f08f00}#footer a.social{position:relative;display:inline-block;text-align:center;font-size:16px;margin:0 5px}#footer a.social:hover{background:transparent;color:#ff9800}#footer a.social.github:hover{color:#467cc2}#footer a.social.google:hover{color:#db4437}#footer a.social.twitter:hover{color:#55acee}#footer a.social.weibo:hover{color:#f8712a}.search{position:relative;width:100%;max-width:100%;margin:0 auto 20px auto;z-index:2}.search #searchform{position:relative;display:block;width:100%}.search #searchform #u-search-btn-submit{display:block;position:absolute;top:0;right:0;width:36px;height:36px;background:transparent;color:white;border:0;text-align:center}.search #searchform #u-search-btn-submit span{line-height:36px}.search #searchinput{width:100%;padding:0 10px;line-height:36px;height:36px;font-size:14px;font-family:"futura-pt",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3",Microsoft JhengHei,WenQuanYi Micro Hei,"Microsoft YaHei",sans-serif;border:none;border-radius:0 !important;background:#414141;color:white;box-sizing:border-box;appearance:none;box-shadow:none;transition:all .24s ease}.search #searchinput:focus{background:black;border-color:black}