.head-bg{position:relative;height:480px;z-index:99}.taiji{width:120px;height:120px;border-radius:50%;position:relative;top:-60px;margin:0 auto;background-color:#fff;border-left:60px solid #000;-webkit-animation:rotate 1s linear;animation:rotate 1s linear}.taiji:after,.taiji:before{content:"";display:block;width:60px;height:60px;border-radius:50%;margin-left:-30px;box-sizing:border-box;border:20px solid #000;background-color:#fff}.taiji:after{border:20px solid #fff;background-color:#000}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.asideBg{height:120px;background:url(/image/asideBg.jpg)}.pigIcon{width:90px;height:90px;border:4px solid rgba(0,0,0,.1);border-radius:50%;position:relative;top:-45px;margin:0 auto;background:url(/image/smallPig.jpg) 0 0/cover}.list-meta{position:relative;height:80px;bottom:30px;display:flex;justify-content:space-around}.list-meta .list-meta-content{width:68px;height:80px;margin:0 24px;border-radius:10px;font-size:18px;cursor:pointer;transition:all .3s;padding-top:10px}.list-meta .list-meta-content:hover{background-color:var(--meta-bg)}.list-meta .list-meta-content:hover span{color:#618eba}.list-meta .list-meta-content span{color:var(--list-fc);text-align:center;display:block}.Categories{position:relative;top:20px;margin:0 auto;width:88%;border-bottom:1px solid #e7e7e7;line-height:2.4}.Categories:after{content:"";position:absolute;left:0;bottom:0;width:35%;height:2px;background-color:#51aded}.Categories-list{width:85%;margin:0 auto;margin-top:30px}.Categories-list li{display:block;line-height:2;padding:0 5px}.Categories-list li:before{font-family:fontawesome;content:"\f114";font-size:15px;margin-right:10px}.tags-list{margin-top:15px;padding:20px 30px}.tags-list span{cursor:pointer;transition:.5s;display:inline-block;border:1px solid #ccc;padding:2px 12px;margin-right:15px;border-radius:5px}.tags-list span:hover{color:var(--font-hover);background-color:var(--list-fc)}.Categories-box:hover .fa-folder,.tags-box:hover .fa-tags{-webkit-animation:rock .5s linear;animation:rock .5s linear}@-webkit-keyframes rock{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,62.5%{transform:rotate(10deg)}37.5%,87.5%{transform:rotate(-10deg)}}@keyframes rock{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,62.5%{transform:rotate(10deg)}37.5%,87.5%{transform:rotate(-10deg)}}aside{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.github{transition:all .5s}.github:hover{color:#6ec3f5}:root{--trans:scale(0.3);--op:0;--h:220px}[size=big]{--trans:scale(1);--op:1;--h:auto!important}.article-container{transition:.8s!important;opacity:var(--op);transform:var(--trans);height:var(--h);min-height:220px}.article-box{width:100%;height:100%;padding:20px}.article-box:hover .article-cover{transform:scale(1.3)}.article-box .articleCover-box{position:relative;float:left;overflow:hidden;height:auto;width:240px;height:145px}.article-box .articleCover-box div{width:240px;height:145px;border:1px solid #f3f3f3;overflow:hidden}.article-box .articleCover-box div .article-cover{background-color:transparent!important;transition:.8s!important;width:100%;height:100%}.article-box .article-introduce{padding-left:20px;top:20px;overflow:hidden;text-overflow:ellipsis;height:auto}.article-box .article-introduce header{position:relative;top:-3px;height:45px}.article-box .article-introduce header .article-type{position:relative;top:-2px;display:inline-block;padding:4px;font-size:13px;font-weight:700;line-height:1;color:#fff;background-color:#51aded}.article-box .article-introduce header .article-type:after{position:absolute;right:-4px;bottom:6px;content:"";border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #51aded;border-radius:1px}.article-box .article-introduce header h2{height:27px;margin-left:12px;display:inline-block;line-height:1}.article-box .article-introduce header h2 .article-title{display:inline-block;font-size:20px}.article-box .article-introduce .article-introduce-content{height:100px;overflow:hidden}.article-box .article-introduce .article-introduce-content p{font-size:15px}.article-footer{position:absolute;bottom:0;padding:0 20px;width:100%;font-size:12px}.article-footer i{margin-left:.3em}.article-footer p{position:relative;height:34px;line-height:34px;height:auto}.article-footer p span{margin-right:10px;cursor:pointer}.article-footer p .readArticle{position:absolute;height:34px;line-height:34px;right:0}.page-container{margin-top:30px;height:50px;display:flex;justify-content:center}.page-container .page-box{cursor:pointer;color:var(--black-white);text-align:center;line-height:36px;position:relative;top:7px;font-size:18px;width:36px;height:36px;margin:0 5px;background-color:var(--content-bgc);transition:all .4s}.page-container .currentPage,.page-container .page-box:hover{background-color:#51aded}.history{height:500px}.history .history-tag{width:100%;display:inline-block;margin-top:40px;text-align:center;border-left:5px solid #51aded}.history-container{padding:15px 50px}.history-container h3{margin-bottom:20px;font-size:1.2em}.history-container .history-content{position:relative;height:300px}.history-container .history-content .history-title{position:relative}.history-container .history-content .history-title h2{margin-left:20px}.history-container .history-content .history-title:before{content:"";position:absolute;left:-7px;top:40%;width:10px;height:10px;border-radius:50%;background-color:#bbb}.history-container .history-content .history-node{position:relative}.history-container .history-content .history-node p{line-height:3;margin-left:20px}.history-container .history-content .history-node p .history-pubtime{font-size:12px;color:#00a7e0;margin-right:20px}.history-container .history-content .history-node p .historyTitle{-webkit-transition:all .5s;cursor:pointer;transition:all .5s;color:var(--list-fc)}.history-container .history-content .history-node p .historyTitle:hover{color:#6ec3f6}.history-container .history-content .history-node:before{box-sizing:border-box;content:"";position:absolute;left:-5px;top:45%;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:#bbb}.history-container .history-content .history-node:after{content:""}#article-Head{text-align:center}#article-Head hr{margin:20px auto;border:0;border-top:1px solid #eee}#article-Head .articleInfo{padding:10px}#article-Head .articleInfo h1{font-size:30px;line-height:2.4;color:var(--black-white)}#article-Head .articleInfo p span{font-size:14px;margin:0 10px}.liked,.red{color:#ce3636!important}#comment-container{transition:all .5s;background-color:var(--comment-bg);margin-top:50px;padding:20px}#comment-container .comment-box{position:relative;border:1px solid #ddd;border-radius:.75em;padding:10px;padding-bottom:0}#comment-container .comment-box .comment-warp .remind{position:relative;float:right;right:1em;bottom:3em;color:var(--black-white);display:none}#comment-container .comment-box #comment-text,#comment-container .comment-box #reply-text{transition:all .3s;width:100%;height:16em;min-height:10em;max-height:16em;border:none;outline:none;resize:none;border-radius:.5em;font-size:1.2em;background-color:transparent;padding:5px;color:var(--black-white)}#comment-container .comment-box #comment-text:focus,#comment-container .comment-box #reply-text:focus{background-color:var(--textarea-bg)}#comment-container .comment-box #reply-text{height:9em;min-height:4em}#comment-container .comment-box .submit-box{position:relative;height:3em;max-height:3em;border-top:1px dashed #666}#comment-container .comment-box .submit{display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:5px;width:56px;height:32px;border:none;outline:none;border-radius:.5em;cursor:pointer;background-color:#27ae60;color:#fff}#comment-container .comment-box .submit:hover{background-color:#2ecc71}#comment-container .comment-area{margin-top:30px}#comment-container .comment-area .fa-comment-o{position:relative;top:-1px}#comment-container .comment-area .comment-info{margin-bottom:-50px}#comment-container .comment-area .comment-info .comment-avtar{position:relative;top:30px;margin-right:20px;width:36px;height:36px;border-radius:50%}#comment-container .comment-area .comment-main{width:92%;position:relative;bottom:40px;left:50px;padding:20px 0}#comment-container .comment-area .comment-main:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background-color:var(--black-white);transform:scaleY(.1)}#comment-container .comment-area .comment-main .comment-top .commentator,#comment-container .comment-area .comment-main .comment-top .toName{color:var(--commentator-c)}#comment-container .comment-area .comment-main .comment-top .author{margin-left:5px;font-size:13px;font-weight:500;padding:1px 3px;color:#fff;background-color:var(--author)}#comment-container .comment-area .comment-main .comment-top .landlord{margin-left:5px;font-size:12px;font-weight:550;padding:1px 3px;color:#000;background-color:#eca500}#comment-container .comment-area .comment-main .comment-top .comment-time{vertical-align:2px;margin-left:10px;color:#666;font-size:12px}#comment-container .comment-area .comment-main .comment-content{word-break:break-all;margin-top:5px;margin-bottom:5px;color:var(--list-fc);font-size:14px}#comment-container .comment-area .comment-main .comment-bottom span{box-sizing:border-box;margin-top:0;color:#666;font-size:15px;margin-right:20px;transition:.5s}#comment-container .comment-area .comment-main .comment-bottom span i{margin-right:.3em!important;height:20px!important}#comment-container .comment-area .comment-main .comment-bottom .comment-replyIcon,#comment-container .comment-area .comment-main .comment-bottom .like{cursor:pointer}#comment-container .comment-area .comment-main .comment-bottom .comment-replyIcon .comment-agree,#comment-container .comment-area .comment-main .comment-bottom .like .comment-agree{margin-right:0}#comment-container .comment-area .comment-main .comment-bottom .comment-replyIcon:hover,#comment-container .comment-area .comment-main .comment-bottom .like:hover{color:#88afd6}#comment-container .comment-area .comment-main .comment-bottom .comment-replyIcon:active,#comment-container .comment-area .comment-main .comment-bottom .like:active{color:#87ceeb}#comment-container .comment-area h3{color:var(--list-fc);margin-bottom:20px}.comment-reply{width:92%;position:relative;bottom:40px;left:50px;padding:20px 0}.comment-reply .reply-top{font-size:13px}.comment-reply .reply-top .comment-time{vertical-align:1px!important}.reply-img{top:12px!important;width:20px!important;height:20px!important}.comment-reply{left:30px!important}.reply-box{margin:20px 0;height:13em}.reply-box .submit-box{position:relative;height:3em}.reply-font{color:var(--black-white);margin-left:10px}.comment-footer{text-align:center;margin:0 auto}.comment-footer .loadMore{transition:all .3s;background-color:transparent;cursor:pointer;padding:5px 10px;border:1px solid #666;color:#666;border-radius:.5em;font-weight:600;z-index:999}.comment-footer .loadMore:hover{color:#78ce79;border-color:#78ce79}.comment-footer .notMore{color:#666}textarea::-webkit-input-placeholder{color:var(--list-fc)}#article{background-color:transparent}#article .article-center{padding:0 20px}.buildBlog,.test{height:300px}