body{font-family:'Microsoft YaHei', sans-serif;font-size:16px;line-height:1.9;-webkit-text-size-adjust:100%}@media all and (max-width: 600px){body{font-family:'roboto', 'Microsoft YaHei', sans-serif}}img{display:block;margin:20px auto;max-width:100%;vertical-align:middle}a{color:#222;text-decoration:none;-webkit-transition:all 0.5s;outline:none}a:hover{color:#4b42a3}.site-header{transition:0.5s all;background-color:#fff;z-index:9999;border-bottom:1px solid #e9e9e9;height:100px;position:fixed;top:0;width:100%}.site-header .site-title{transition:0.2s all;font-size:18px;line-height:100px;float:left;padding-right:150px}.site-header .site-nav{transition:0.2s all;position:relative;z-index:9999;float:right;line-height:100px}.site-header .site-nav .menu-icon{display:none}.site-header .site-nav .page-link{color:#222;transition:0.2s all;height:100px;display:inline-block;text-transform:capitalize;padding-left:10px;padding-right:10px}.site-header .site-nav .page-link:hover,.site-header .site-nav .page-link.active{color:#4b42a3}.site-header.reading{height:50px}.site-header.reading .site-title{line-height:50px}.site-header.reading .site-nav{line-height:50px}.site-header.reading .site-nav .page-link{height:50px}@media screen and (max-width: 600px){.site-header .site-nav{position:absolute;top:50%;margin-top:-18px;right:10px;background-color:#fff;border:1px solid #e9e9e9;border-radius:2px;text-align:right}.site-header .site-nav .menu-icon{display:block;float:right;width:36px;height:26px;line-height:0;padding-top:6px;text-align:center}.site-header .site-nav .menu-icon svg{width:18px;height:15px}.site-header .site-nav .menu-icon svg path{fill:#222}.site-header .site-nav .trigger{clear:both;display:none}.site-header .site-nav:hover .trigger{display:block;padding-bottom:5px}.site-header .site-nav .page-link{height:auto;line-height:1.5;display:block;padding:5px 10px}}.page-content{padding:100px 0 30px 0}.page-content .wrapper{padding-top:15px}.page-content .post-header{margin-bottom:30px}.page-content .post-meta{font-size:14px;color:#828282}.page-content .post-title{margin-top:15px;font-size:42px;line-height:1.5;text-transform:capitalize}.post-content{margin-bottom:30px}.post-content h1,.post-content h2,.post-content h3{margin-bottom:1em;padding-left:10px;border-left:8px solid #4b42a3}.post-content a{color:#835092}.post-content p{color:#222;margin-bottom:1em}.post-content ol{list-style-type:decimal}.post-content ul{list-style-type:circle}.post-content ol,.post-content ul{padding-top:1em;padding-bottom:1em}.post-content ol p,.post-content ul p{text-indent:0}.post-content img{border:1px solid #e9e9e9}.post-content hr{height:1px;background-color:#eee;outline:none;border:none;margin-top:20px;margin-bottom:20px}.post-content pre,.post-content code{font-size:14px;border:1px solid #e9e9e9;border-radius:3px;background-color:#eee;margin:20px 0}.post-content code{padding:1px 5px;margin:0 3px}.post-content pre{padding:8px 12px;overflow:auto}.post-content pre>code{border:0;padding-right:0;padding-left:0}.site-footer{border-top:1px solid #e9e9e9}.site-footer .footer-col-wrapper{font-size:16px;color:#222}.site-footer .footer-col-wrapper .footer-col{float:left;text-align:center;padding-left:20px;padding-right:20px}.site-footer .footer-col-wrapper .footer-col a{display:block;padding:30px 0}@media screen and (max-width: 600px){.site-footer .footer-col-wrapper .footer-col{text-align:left;float:none;width:100%}.site-footer .footer-col-wrapper .footer-col a{padding:10px}}.wrapper{max-width:-webkit-calc(1340px - (30px * 2));max-width:calc(1340px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}@media screen and (max-width: 800px){.wrapper{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));padding-right:15px;padding-left:15px}}.page{display:block;margin:0 auto;font-size:14px;position:relative;text-align:center;width:24px}.page span,.page a{float:left;line-height:24px;width:24px;height:24px;display:inline-block}.page a:hover{cursor:pointer;border-radius:100px;background-color:#000;color:#fff}.page .next,.page .prev{display:inline-block;position:absolute;top:0}.page .next:after,.page .prev:after{content:'';position:absolute;@arrow-width : 8px;;height:8px;width:8px;top:50%;left:50%;transform-origin:50% 50%;border-top:1px solid #222;border-right:1px solid #222}.page .next:hover:after,.page .prev:hover:after{border-top:1px solid #fff;border-right:1px solid #fff}.page .prev{left:-24px}.page .prev:after{transform:translate(-25%, -60%) rotate(-135deg)}.page .next{right:-24px}.page .next:after{transform:translate(-75%, -60%) rotate(45deg)}.page span{cursor:default;color:#4b42a3}.post-list{margin-left:0;list-style:none}.post-list li{border-bottom:1px solid #e9e9e9;padding:20px;margin-bottom:30px}.post-list li .post-link{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;font-size:24px;text-transform:capitalize}.post-list li .post-meta{font-size:14px;color:#828282}.post-list li .preview{font-size:16px;display:block;color:#555;text-indent:2em;margin-top:10px;margin-bottom:10px}.post-list li .preview:hover{color:#4b42a3}.post-list li .read-more{font-size:12px;display:inline-block;line-height:1em;padding:6px 9px;-webkit-border-radius:15px;border-radius:15px;background-color:#eee;color:#999;text-decoration:none;margin-top:10px}.post-list li .read-more:hover{color:#fff;background-color:#4b42a3}#toTop{display:none;position:fixed;bottom:20px;right:20px;width:50px;height:50px;background-image:url("../source/up.png");background-repeat:no-repeat;background-size:100% 100%;opacity:0.4;transition:none}#toTop:hover{opacity:0.8}#loading{z-index:99999;background:#1c1c3d;position:fixed;top:0;left:0;width:100%;height:100%}#loading .bokeh{top:50%;left:50%;margin-top:-50px;margin-left:-50px;font-size:100px;width:100px;height:100px;position:relative;border-radius:100px;list-style:none}#loading .bokeh li{position:absolute;width:20px;height:20px;border-radius:100px}#loading .bokeh li:nth-child(1){left:50%;top:0;margin:0 0 0 -10px;background:#00C176;-webkit-transform-origin:50% 250%;-ms-transform-origin:50% 250%;transform-origin:50% 250%;-webkit-animation:rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;animation:rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate}#loading .bokeh li:nth-child(2){top:50%;right:0;margin:-10px 0 0 0;background:#FF003C;-webkit-transform-origin:-150% 50%;-ms-transform-origin:-150% 50%;transform-origin:-150% 50%;-webkit-animation:rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;animation:rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate}#loading .bokeh li:nth-child(3){left:50%;bottom:0;margin:0 0 0 -10px;background:#FABE28;-webkit-transform-origin:50% -150%;-ms-transform-origin:50% -150%;transform-origin:50% -150%;-webkit-animation:rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;animation:rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate}#loading .bokeh li:nth-child(4){top:50%;left:0;margin:-10px 0 0 0;background:#88C100;-webkit-transform-origin:250% 50%;-ms-transform-origin:250% 50%;transform-origin:250% 50%;-webkit-animation:rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;animation:rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate}@keyframes rota{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes opa{12.0%{opacity:0.80}19.5%{opacity:0.88}37.2%{opacity:0.64}40.5%{opacity:0.52}52.7%{opacity:0.69}60.2%{opacity:0.60}66.6%{opacity:0.52}70.0%{opacity:0.63}79.9%{opacity:0.60}84.2%{opacity:0.75}91.0%{opacity:0.87}}