*{margin:0;padding:0;position:relative;box-sizing:border-box}.text-primary{color:#009688}.text-dark{color:#333}.text-gray{color:#666}.text-light{color:#999}.font-bold{font-weight:bold}.border-0{border:0 !important}.border-bottom{border-bottom:1px solid #eee}a{color:#009688}.categoryWrap.hasTagName .article-category{margin:20px 0}.categoryWrap.hasTagName .article-category .icon-wrap{float:none;width:auto;padding:0}.categoryWrap.hasTagName svg{width:60px;height:60px;margin:0;float:left}.categoryWrap.hasTagName .category-name{float:none;margin-left:80px;text-align:left}.categoryWrap.hasTagName .des{white-space:normal;margin-left:80px;text-align:left}.categoryWrap .article-category{text-align:center;white-space:nowrap;margin:10px 0}.categoryWrap .article-category:after{content:"";display:block;clear:both}.categoryWrap .icon-wrap{float:left;width:25%}.categoryWrap .icon{position:relative;display:block;text-decoration:none}.categoryWrap .icon:hover svg{animation:categray-icon-spring 300ms forwards}.categoryWrap svg{width:20px;height:20px;margin:0 auto}@keyframes categray-icon-spring{0%{transform:scale(1, 1)}30%{transform:scale(1.2, 1.2)}60%{transform:scale(0.9, 0.9)}100%{transform:scale(1, 1)}}.new-comment-list img{width:24px;height:24px;border-radius:50%;float:left;margin-top:2px}.new-comment-list pre{white-space:pre-line;word-break:break-word}#asideContent .navList div{line-height:2}#asideContent .navList a{display:inline-block;font-size:13px}body{height:100%;background-color:rgba(4,113,48,.22);background-image:url(/slogan.jpg);background-repeat:repeat;background-size:60%}html{height:100%}.clearfix:before,.clearfix:after{content:"";clear:both;display:block}.GOMA{min-height:100%;padding-bottom:90px;padding-top:20px}footer{position:absolute;top:auto;right:0;bottom:0;left:0;width:100%;padding:10px 0;text-align:center}footer .footer-content{padding:0 10px;line-height:1.5}.keywords a:hover{background-color:#009688;color:#fff}.keywords span{color:rgba(0,145,131,.5);background-color:rgba(0,150,136,.02)}.keywords span,.keywords a{display:inline-block;border-radius:20px;margin:2px;padding:4px 8px;line-height:1;text-decoration:none}#search{position:relative;z-index:1}#searchResult{list-style:none;position:absolute;background-color:#fff;box-shadow:0px 1px 20px 0 rgba(0,0,0,.2);margin-top:6px;border-radius:4px;overflow:hidden;width:100%}#searchResult a:hover{text-decoration:none}#searchResult h1{padding:8px 12px 8px;font-size:14px;font-weight:bold;color:#009688}#searchResult h1:hover{background-color:rgba(38,113,106,.05);cursor:pointer}.analytics_tip{white-space:nowrap;box-shadow:0 0 10px 0 rgba(0,0,0,.3);position:absolute;z-index:1;line-height:1;background-color:#333;border-radius:2px;padding:6px 6px;color:#fff;font-size:12px;animation:analytics_tip_ani 200ms forwards}.analytics_tip::after{content:"";position:absolute;left:50%;bottom:-6px;width:6px;height:6px;background-color:#333;transform:translate3D(-50%, -50%, 0) rotate(45deg)}@keyframes analytics_tip_ani{0%{opacity:0;transform:translate3D(-50%, -150%, 0)}100%{opacity:1;transform:translate3D(-50%, -100%, 0)}}.pagination-wrap{line-height:2;margin:80px 0 10px}.pagination-wrap a,.pagination-wrap span{margin-right:10px}.pagination-wrap span{color:#999}.project-tabnav-tabs{margin-bottom:40px;line-height:1}.project-tabnav-tabs a{font-size:14px;padding:6px 0px;margin-right:18px;text-decoration:none;color:#999;cursor:pointer}.project-tabnav-tabs a::after{content:"";position:absolute;bottom:-6px;width:0;height:4px;border-radius:10px;background-color:#009688;transform:translate(-50%, 0px);left:50%;transition:width 200ms;opacity:0}.project-tabnav-tabs a:hover{color:#009688}.project-tabnav-tabs a[aria-current]{color:#009688;cursor:default;font-weight:bold}.project-tabnav-tabs a[aria-current]::after{width:50%;opacity:1}#all_articles{width:100%;height:auto;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;box-shadow:0 0 10px 2px rgba(4,113,48,.12);padding:20px 20px;background-color:#fff;margin-bottom:40px}#all_articles:after,#all_articles:before{display:block;content:"";clear:both}#all_articles .article_item{position:relative;text-decoration:none;overflow:hidden;min-height:60px}#all_articles .article_item img{max-height:200px;max-width:300px;display:block;float:right;margin-left:1em}#all_articles .article_item .title{overflow:hidden;word-break:break-word;padding:0;display:block;font-weight:bold}#all_articles .article_item .des{line-height:1.8}header{background-image:linear-gradient(135deg, #4caf50, #2196f3)}header section{padding:10px 10px;min-height:40px;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;color:#fff;line-height:1.2}header a{color:#fff;display:inline-block;margin-left:12px}.doodles{padding:20px 20px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px 2px rgba(4,113,48,.12)}.recommend-idea{padding:20px 20px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px 2px rgba(4,113,48,.12)}.recommend-idea img{float:left;margin-right:.2em}.recommend-idea .title{margin-bottom:.5em;font-size:16px;color:#333;line-height:22px;font-weight:bold}.recommend-idea section{float:left;width:20%;margin-bottom:1em;min-height:250px}.recommend-idea ul{list-style:none}.recommend-idea ul li{margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommend-idea ul a{line-height:1.2}@media only screen and (max-width: 1320px){.recommend-idea section{width:25%}}@media only screen and (max-width: 850px){.recommend-idea section{width:33.33%}}@media only screen and (max-width: 660px){.recommend-idea .title{font-size:12px}.recommend-idea section{width:50%}.recommend-idea a{font-size:12px}#all_articles .article_item img{max-width:200px}}.album{border-radius:8px;background-color:#fff;box-shadow:0 0 10px 2px rgba(4,113,48,.12);padding:16px}.album .img-wrap{float:left;margin-right:6px;width:20px;transition:all 200ms}.album img{max-width:100%}.album .tabnav-tab{cursor:pointer}.album .tabnav-tab[aria-current]{cursor:default}.album p{color:#777;font-size:12px;margin-top:4px;text-decoration:none;white-space:normal;overflow:hidden;line-height:1.3}.album .item{float:left;line-height:1.4em;margin-bottom:12px;font-size:13px;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;width:20%}.album .item:hover .img-wrap{width:36px}.album .item a{line-height:1;font-size:14px;margin-bottom:4px;font-weight:normal;color:#586069}.hljs{display:block;overflow-x:auto;padding:.5em;background:#fff}.hljs,.hljs-subst{color:#434f54}.hljs-keyword,.hljs-attribute,.hljs-selector-tag,.hljs-doctag,.hljs-name{color:#00979d}.hljs-built_in,.hljs-literal,.hljs-bullet,.hljs-code,.hljs-addition{color:#d35400}.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr,.hljs-selector-pseudo{color:#00979d}.hljs-type,.hljs-string,.hljs-selector-id,.hljs-selector-class,.hljs-quote,.hljs-template-tag,.hljs-deletion{color:#005c5f}.hljs-title,.hljs-section{color:#800;font-weight:bold}.hljs-comment{color:rgba(149,165,166,.8)}.hljs-meta-keyword{color:#728e00}.hljs-meta{color:#434f54}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}.hljs-function{color:#728e00}.hljs-number{color:#8a7b52}.markdown-body{color:#333;font-size:16px;line-height:1.8}.markdown-body h1{padding-bottom:0;border-bottom:0}.markdown-body hr{box-sizing:content-box;height:0;overflow:visible;height:.2em;padding:0;margin:2em 0;background-color:#efefef;border:0}.markdown-body table{display:block;width:100%;overflow:auto;border-spacing:0;border-collapse:collapse}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid #dfe2e5}.markdown-body table tr{background-color:#fff;border-top:1px solid #c6cbd1}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body h2{margin:2.2em 0 1em}.markdown-body blockquote{margin:0}.markdown-body img{max-width:100%;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;border-style:none;cursor:pointer;margin:16px auto}.markdown-body blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body pre code{display:inline;padding:0;margin:0;overflow:visible;line-height:inherit;background-color:transparent;font-size:100%;word-break:normal;white-space:pre;border:0}.markdown-body code{padding:.1em .4em;margin:0 .2em;font-size:95%;background-color:rgba(27,31,35,.07);border-radius:3px;white-space:nowrap}.loginPage{height:100%;margin:0;height:100%}.loginPage .container{padding-top:60px}.loginPage footer{padding-bottom:20px}.loginPage #Gjax,.loginPage .login-wrap,.loginPage .container{position:static}.loginPage .login-wrap .login-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -63%);transform:translate(-50%, -63%);width:300px;height:380px;margin:0 auto;background:#fff;border-radius:10px}.loginPage .login-wrap .login-content .picture-wrap{width:100%;height:30%;margin-bottom:30px;background-position:center;background-size:cover;background-repeat:no-repeat}.loginPage .login-wrap .login-content .label,.loginPage .login-wrap .login-content .label{position:absolute;z-index:1;top:10px;left:0;color:#aaa;font-size:14px;-webkit-transition:all .13s ease-out;transition:all .13s ease-out}.loginPage .login-wrap .login-content .username-input-wrap,.loginPage .login-wrap .login-content .password-input-wrap{width:70%;margin:0 auto;position:relative}.loginPage .login-wrap .login-content .username-input-wrap:after,.loginPage .login-wrap .login-content .password-input-wrap:after{position:absolute;bottom:0;left:50%;width:0%;height:2px;content:"";border-radius:4px;-webkit-transition:all 230ms;transition:all 230ms}.loginPage .login-wrap .login-content .username-input-wrap.active:after,.loginPage .login-wrap .login-content .password-input-wrap.active:after{width:100%;left:0}.loginPage .login-wrap .login-content .username-input-wrap.active .label,.loginPage .login-wrap .login-content .password-input-wrap.active .label{top:-6px !important}.loginPage .login-wrap .login-content .username-input,.loginPage .login-wrap .login-content .password-input{display:block;width:100%;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;font-size:16px;padding:20px 0 5px 0}.loginPage .login-wrap .login-content .request-login-btn{width:70%;margin:0 auto}.loginPage .login-wrap .login-content .request-login-btn:hover{cursor:pointer}.loginPage .weibo-login-btn{margin-top:20px;display:block}.loginPage .weibo-login-btn img{display:block;margin:0 auto}.loginPage footer{position:absolute;top:auto;right:0;bottom:0;left:0;width:100%}@media only screen and (max-height: 460px){.loginPage .login-wrap .login-content{position:inherit;top:initial;left:initial;-webkit-transform:initial;transform:initial}}@media only screen and (max-width: 400px){.loginPage .logo-wrap{float:left;position:relative;left:0;margin-left:0}.loginPage .page-name{display:none;font-size:14px;margin-left:5px;padding-left:0}}.homePage .GOMA{padding-top:0}.homePage #photo{position:relative;width:100%;overflow:hidden;margin:20px 0 20px;border-radius:4px;overflow:hidden}.homePage #photo .photo{padding-top:40%}.homePage #photo .photo-list{position:absolute;top:0;left:0;height:100%;transition:all 200ms;text-align:center}.homePage #photo .photo-list .photo-item{height:100%;float:left;background-position:center;background-repeat:no-repeat;background-size:cover}.homePage .doodles .item{overflow:hidden;float:left;padding:8px;width:16.66%;text-decoration:none}.homePage .doodles .item:hover{animation:doodle-hover-spring 300ms forwards}.homePage .doodles .item .title{text-align:center;height:30px;overflow:hidden;line-height:15px;margin-top:8px;color:#c1780c}.homePage .doodles .item .audio-mark{position:absolute;top:0;left:0;z-index:1;background-color:#ffc166;padding:6px 8px;border-radius:0 0 10px 0;line-height:1;color:#c1780c;font-size:12px;text-shadow:1px 1px 0 #ffd24c}.homePage .doodles .item .imgWrap{border:2px solid #ffc166;border-radius:6px;overflow:hidden;padding-top:74%}.homePage .doodles .item .imgWrap img{position:absolute;top:0;left:0;display:block;width:100%}.homePage #shInfo{overflow:hidden;margin-bottom:10px;color:#333;padding-bottom:10px;border-bottom:1px solid #eee}.homePage #shInfo #avatar{position:relative;float:left}.homePage #shInfo img{display:block;z-index:1;border-radius:20px}@keyframes doodle-hover-spring{0%{transform:scale(1, 1)}40%{transform:scale(1.06, 1.06)}70%{transform:scale(0.98, 0.98)}100%{transform:scale(1, 1)}}.homePage .mainContent{z-index:0;max-width:100%;width:1320px;margin:20px auto 0;padding-left:20px;padding-right:320px}.homePage .mainContent #asideContent{position:absolute;top:0;right:20px;width:280px;padding:20px 16px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px 2px rgba(4,113,48,.12)}@media only screen and (max-width: 1280px){.homePage .album .item{width:25%}}@media only screen and (max-width: 1180px){.homePage .mainContent{width:100%;padding-right:20px}.homePage .mainContent #asideContent{position:relative;top:auto;right:auto;width:auto;margin-bottom:40px}}@media only screen and (max-width: 800px){.homePage .album .item{width:33.33%}.homePage .book{width:50%}.homePage .doodles .item{width:25%}.homePage .doodles .item .title{height:46px}}@media only screen and (max-width: 620px){.homePage .album .item{width:50%}.homePage .doodles .item{width:33.33%}}@media only screen and (max-width: 414px){.homePage .album .item{width:100%}.homePage #bookmarks a{width:33.33%}.homePage .book{width:100%}.homePage .doodles .item{width:50%}.homePage .doodles .item .title{height:30px}}.articlePage .GOMA{padding-top:0}.articlePage .srotWrap{font-size:14px;margin-bottom:30px;overflow:hidden}.articlePage .srotWrap span,.articlePage .srotWrap a{display:block;float:left;margin-right:6px;border-radius:15px;padding:5px 10px}.articlePage .srotWrap span{background-color:rgba(0,145,131,.1);color:#009688}.articlePage .srotWrap a{background-color:#009688;text-decoration:none;color:#fff}.articlePage #shInfo{overflow:hidden;margin-bottom:10px}.articlePage #shInfo img{float:left;z-index:1;border-radius:20px}.articlePage #shInfo h1{color:#333}.articlePage #shInfo p{color:#666}.articlePage footer .footer-content{padding-left:10px;padding-right:10px}.articlePage .mainContent{z-index:0;max-width:100%;width:1320px;margin:20px auto 0;padding-left:20px;padding-right:320px;min-height:1090px}.articlePage .mainContent #asideContent{position:absolute;top:0;right:20px;width:280px;padding:20px 16px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px 2px rgba(4,113,48,.12)}.articlePage .mainContent #asideContent .navList{margin-bottom:15px}.articlePage .mainContent #asideContent .navList a{display:inline-block}@media only screen and (max-width: 1020px){.articlePage .mainContent{width:100%}}@media only screen and (max-width: 920px){.articlePage .mainContent{padding-right:20px}.articlePage .mainContent #asideContent{position:relative;top:auto;right:auto;width:auto}}.showArticlePage .metaInfo{color:#666;font-size:.8em;margin:1em 0 2em}.showArticlePage #editArticle{position:fixed;bottom:30px;right:-2px;border:1px solid #ddd;border-radius:30px 0 0 30px;padding:6px 15px;font-size:20px;background-color:#fff;z-index:9}.showArticlePage .comments-list img{width:40px;height:40px;border-radius:50%;float:left;margin-top:4px}.showArticlePage .comments-list pre{white-space:pre-wrap;word-break:break-word}.showArticlePage .comments-list .comment-comtent{margin-left:60px}.showArticlePage .GOMA{padding-top:0}.showArticlePage .prev-next{padding:45px;max-width:980px;margin:0 auto}.showArticlePage .prev-next{padding:45px;max-width:980px;margin:0 auto}.showArticlePage main{width:820px;margin:0 auto;max-width:100%;padding:20px 20px;background-color:#fff;border-radius:0 0 10px 10px;box-shadow:0 0 10px 2px rgba(4,113,48,.12)}@media(max-width: 1140px){.showArticlePage main{padding-right:20px}.showArticlePage #asideContent{width:auto;position:static}}.keywordsPage .mainContent{max-width:1220px;margin:0 auto;padding:0 10px}.keywordsPage .tag{border:1px solid #eee;border-radius:10px;padding:8px 10px;margin:2px 4px 2px 0;float:left}.keywordsPage button{padding:5px 10px;margin-right:4px;background-color:transparent;border-radius:6px;border:1px solid #ddd}.keywordsPage input{border:none;border-bottom:1px solid #ececec;line-height:2.4;margin-top:6px;margin-bottom:6px}.projectPage .GOMA{padding-top:0;padding-bottom:90px !important}.projectPage .project-article-wrap{padding:0 20px}.projectPage .project-article-wrap .project-article{border-radius:10px;box-shadow:0 0 10px 2px rgba(4,113,48,.12);padding:20px 20px;background-color:#fff;max-width:100%;width:820px;margin:40px auto}.projectPage .app-wrap::before{position:absolute;top:50%;left:50%;content:"加载资源...";color:#fff;background-color:#444;padding:4px 14px;border-radius:100px;transform:translate(-50%, 0);animation:project-loading-tips-blink 1s ease-in infinite alternate}.projectPage #app{min-height:300px}.projectPage article{margin:30px auto 60px;max-width:1120px;padding:0 10px}.projectPage iframe{width:100%;height:100%}@keyframes project-loading-tips-blink{0%{opacity:1}100%{opacity:.2}}@media only screen and (max-width: 1120px){.projectPage .album .item{width:25%}}@media only screen and (max-width: 860px){.projectPage .album .item{width:33.33%}}@media only screen and (max-width: 660px){.projectPage .album .item{width:50%}}@media only screen and (max-width: 420px){.projectPage .album .item{width:100%}}.iconPage .GOMA{padding-top:0}.iconPage .mainContent{max-width:1400px;margin:0 auto}.iconPage .icons-list .icon{float:left;background-color:#eee;padding:10px;margin:5px}.iconPage .icons-list .icon img{border:0;width:70px}