@font-face {
  font-family: 'fontello';
  src: url(/fb40052dbc17f6363b1e.eot?47971818);
  src: url(/fb40052dbc17f6363b1e.eot?47971818#iefix) format('embedded-opentype'),
       url(/6165a2222be27d3cf92b.woff2?47971818) format('woff2'),
       url(/bab68c063ee224d67e78.woff?47971818) format('woff'),
       url(/390f0cc39c97844eb538.ttf?47971818) format('truetype'),
       url(/45f8caaf0a3508f2f194.svg?47971818#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?47971818#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-home:before { content: '\e800'; } /* '' */
.icon-book-open:before { content: '\e801'; } /* '' */
.icon-menu:before { content: '\e802'; } /* '' */
.icon-bookmark:before { content: '\e803'; } /* '' */
.icon-layout:before { content: '\e804'; } /* '' */
.icon-code:before { content: '\e805'; } /* '' */
.icon-book:before { content: '\e806'; } /* '' */
.icon-book-open-1:before { content: '\e807'; } /* '' */
.icon-th-large:before { content: '\e808'; } /* '' */
.icon-search:before { content: '\e809'; } /* '' */
.icon-heart:before { content: '\e80a'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-github-circled:before { content: '\f09b'; } /* '' */
.icon-rss:before { content: '\f09e'; } /* '' */
.icon-docs:before { content: '\f0c5'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-doc-text:before { content: '\f0f6'; } /* '' */
.icon-html5:before { content: '\f13b'; } /* '' */
.icon-dropbox:before { content: '\f16b'; } /* '' */
.icon-linux:before { content: '\f17c'; } /* '' */
.icon-weibo:before { content: '\f18a'; } /* '' */
.icon-wechat:before { content: '\f1d7'; } /* '' */
.icon-share:before { content: '\f1e0'; } /* '' */
.icon-share-squared:before { content: '\f1e1'; } /* '' */
.icon-user-circle:before { content: '\f2bd'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}blockquote,q{quotes:none}table{border-collapse:collapse;border-spacing:0}img{vertical-align:top;border:none}abbr,dfn{border-bottom:1px dotted #777;cursor:help}select,input,textarea,button{vertical-align:middle;z-index:2;margin:0}input[type="radio"],input[type="checkbox"]{margin:-2px 0 1px}a:focus{outline:thin dotted #373d41;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}html,body{scroll-behavior:smooth}.fa{font-family:FontAwesome !important}body{font-family:Consolas,Monaco,Tahoma,"Helvetica Neue",Helvetica,"Lucida Grande","Lantinghei SC","Open Sans","Microsoft YaHei",sans-serif;line-height:1.8;font-weight:300;margin:0;text-align:left;color:#525F7F}.header .following{position:fixed;top:0px;z-index:900;left:0;right:0;padding:2em 0;border-bottom:1px solid transparent;transition:padding 0.5s ease, background-color 0.5s ease, box-shadow 0.5s ease, border 0.5s ease}.header .following.fixed{padding:0;background-color:#fff;border-bottom:1px solid #ddd}.header .following.fixed nav .menu li>a{color:#00B5AD;margin:0 .5rem}.header .following.fixed nav .menu li>a:hover{background-color:rgba(0,0,0,0.05)}.header .following.fixed nav .search-box .search span,.header .following.fixed nav .search-box .search input{color:#00B5AD}.header .following.fixed nav .search-box .search.opened{background-color:rgba(0,0,0,0.05)}.header nav{width:100%;flex-wrap:nowrap;display:flex;justify-content:space-between}.header nav .logo{padding:.78571429em .78571429em .78571429em .92857143em;margin-right:1rem}.header nav .logo img{width:36px;height:36px}.header nav .menu{list-style:none;line-height:1;display:flex;flex-grow:1}.header nav .menu li{display:flex;justify-content:center;align-items:center;position:relative}.header nav .menu li>a{font-size:0.875rem;border-radius:0.28571429rem;padding:0.78571429em 0.92857143em;margin:0 .5rem;text-decoration:none;color:#fff;cursor:pointer;text-align:center}.header nav .menu li>a:hover{background-color:rgba(255,255,255,0.08)}.header nav .menu li .dropdown-menu{visibility:hidden;transition:visibility .25s, opacity .25s,transform .25s;position:absolute;top:100%;left:0.5rem;min-width:12em;border:1px solid rgba(34,36,38,0.15);border-radius:0.28571429em;background-color:#fff;box-shadow:0 0 30px rgba(0,0,0,0.3);transform:translate(0, 10px) perspective(200px) rotateX(-2deg);opacity:0}.header nav .menu li .dropdown-menu::before{position:absolute;z-index:-5;bottom:100%;left:20px;display:block;width:16px;height:16px;content:'';transform:rotate(-45deg) translateY(1rem);border-radius:.2rem;background:#fff;box-shadow:none}.header nav .menu li .dropdown-menu a{display:block;font-size:0.875rem;padding:0.78571429em 0.92857143em;margin:0;text-decoration:none;color:#32325D;cursor:pointer}.header nav .menu li .dropdown-menu a:hover{background-color:rgba(0,0,0,0.05)}.header nav .menu li:hover .dropdown-menu{visibility:visible;transform:translate(0, 0);opacity:1}.header nav .search-box{display:flex;align-items:center;justify-content:flex-end}.header nav .search-box .search{border-radius:0.28571429rem;display:flex;height:36px;display:flex;justify-content:flex-end;align-items:center;transition:all .3s ease;width:39px;background-color:rgba(255,255,255,0)}.header nav .search-box .search input{border:0;width:0;font-size:0.875rem;padding:0;background:none;outline:none;color:#fff;transition:all .3s ease}.header nav .search-box .search span{color:#fff;cursor:pointer;font-size:0.875rem;line-height:1;padding:0.78571429em 0.92857143em}.header nav .search-box .search.opened{margin-right:1rem;width:220px;background-color:rgba(255,255,255,0.08)}.header nav .search-box .search.opened input{flex-grow:1;padding:0.78571429em 0.92857143em 0.78571429em 0}.banner{position:relative;background:#000000;z-index:3}.banner::after{background-image:url(/c5858533204dec7eb776.jpg);position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1;content:'';background-size:cover;opacity:0.45}.banner .container{height:55vh;min-height:600px;align-items:center;display:flex;justify-content:center;text-align:center}.banner .container .introduction h1{font-size:3em;color:#fff;line-height:1.2;perspective:500px;text-shadow:0px 0px 10px rgba(0,0,0,0.2)}.banner .container .introduction h1 span.title{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;display:block;font-size:1.75em;font-weight:bold}.banner .container .introduction h1 span.subtitle{font-size:0.75em}.content{display:flex;justify-content:center;margin:1rem 0}.content .aside{flex-grow:0;flex-shrink:0;box-sizing:border-box}.content .aside.aside-right{flex-basis:20rem}.content .aside.aside-right .prefile{box-shadow:-1px 0 0 rgba(34,36,38,0.15);margin-top:4rem;margin-left:2rem}.content .aside.aside-right .prefile .avator{width:100px;height:100px;overflow:hidden;border-radius:100px;margin:0 auto}.content .aside.aside-right .prefile .avator img{width:100px}.content .aside.aside-right .prefile .name{font-size:1.2rem;text-align:center;margin:1rem 0}.content .aside.aside-right .prefile .site-state{display:flex;justify-content:space-around;margin:1rem}.content .aside.aside-right .prefile .site-state .item{text-align:center;border-left:1px solid #eee;padding:0 .5rem}.content .aside.aside-right .prefile .site-state .item:first-child{border:0}.content .aside.aside-right .prefile .site-state .item strong,.content .aside.aside-right .prefile .site-state .item span{font-size:13px;display:block}.content .aside.aside-right .prefile .social-share{display:flex;justify-content:center}.content .aside.aside-right .prefile .social-share a{display:block;margin:1rem;background-color:#00B5AD;color:#fff;width:2rem;height:2rem;line-height:2rem;text-align:center;font-size:1.15rem;border-radius:50%}.content .aside.aside-right .prefile .social-share a.github{background-color:#333333}.content .aside.aside-right .prefile .social-share a.twitter{background-color:#55acee}.content .aside.aside-right .prefile .social-share a.facebook{background-color:#3b5998}.content .aside.aside-right .catalog{margin-top:0;margin-left:2rem;overflow-y:auto}.content .aside.aside-right .catalog.fixed{position:fixed;top:62px}.content .aside.aside-right .catalog ul{list-style:none}.content .aside.aside-right .catalog ul li ul{padding-left:1rem}.content .aside.aside-right .catalog ul li a{display:block;font-size:.85rem;cursor:pointer;word-break:break-all;line-height:1;width:100%;padding:.4rem;overflow-x:hidden;white-space:nowrap;color:#32325D;text-decoration:none;box-sizing:border-box}.content .aside.aside-right .catalog ul li a:hover{color:#00B5AD}.content .main{flex-basis:56rem;flex-grow:0;flex-shrink:0;max-width:56rem;padding-left:14rem}.content .main .article{margin-top:4rem;padding:0 0 4rem 0;clear:both;width:100%}.content .main .article h2{margin:0.85rem 0;font-weight:300}.content .main .article h2 a{color:black;text-decoration:none;font-size:1.8rem;transition:color .5s}.content .main .article h2 a:hover{color:#00B5AD}.content .main .article .date{float:left;margin-left:-10rem;width:100px;padding:20px 0;text-align:center;background:#00B5AD;font-size:2em;color:#fff}.content .main .article .date small{display:block;font-size:.5em;border-top:#fff solid 1px;width:4em;margin:auto}.content .main .article .time{color:#999}.content .main .article .tags{margin-top:.85em;word-break:break-all}.content .main .article .tags span{margin:0 0.5rem 0 0;padding:0.2rem 0.4rem;background-color:#f7f7f7;color:#525F7F;transition:background-color .5s;font-size:.85em;font-weight:200;cursor:pointer}.content .main .article .tags span:hover{background-color:#e7e7e7}.footer{margin:2rem 0;text-align:center}.footer img{width:36px;height:36px}.footer p{margin:1rem 0;color:#999;font-size:.85rem}.card,.markdown-section{background:rgba(255,255,255,0.95);padding:1rem;margin-bottom:1rem}.card h1,.card h2,.card h3,.card h4,.card h5,.markdown-section h1,.markdown-section h2,.markdown-section h3,.markdown-section h4,.markdown-section h5{font-weight:300 !important}.card h1,.markdown-section h1{font-size:2em;letter-spacing:.5px;transition:all .35s ease;color:#00B5AD;word-wrap:break-word;text-align:center}.card h1:hover,.markdown-section h1:hover{letter-spacing:1px}.markdown-section{padding:2rem}@media only screen and (min-width: 1127px){.container{width:1127px;margin-left:auto !important;margin-right:auto !important}}@media only screen and (max-width: 1126px){.content{display:block}.content .aside.aside-right .prefile{box-shadow:none !important;margin-left:0 !important}.content .main{padding-left:12rem;padding-right:1em;max-width:none;flex-basis:auto}.content .main .article .date{margin-left:-10rem}}@media only screen and (max-width: 768px){html,body{width:100%;height:100%;overflow:hidden;position:relative;padding:0;margin:0}.site-container{width:100%;height:100%;overflow-y:scroll}.header .following{position:absolute;top:auto !important;left:0;right:0;bottom:0;padding:0;background-color:#fff;border-top:1px solid #ddd;border-bottom:0}.header .following nav .menu{justify-content:center}.header .following nav .menu li{flex:1 0 25%}.header .following nav .menu li>a{display:inline-block;color:#00B5AD}.header .following nav .menu li>a i{display:block;font-size:1.5rem;margin-bottom:2px}.header .following nav .menu li>a:hover{background-color:rgba(0,0,0,0.05)}.header .following nav .menu li:hover .dropdown-menu{visibility:visible;transform:translate(0, 0);opacity:1;top:auto;bottom:120%}.header .following nav .menu li:hover .dropdown-menu::before{top:100%;bottom:auto;margin-top:-20px}.header .following .logo,.header .following .search-box{display:none}.banner .container{height:auto;min-height:380px;font-size:0.85rem}.content .main{padding-left:1rem}.content .main .article p,.content .main .article h1{text-align:justify}.content .main .article .date{float:none;margin:1rem auto}}

.markdown-section {
  display: block;
  overflow: hidden;
  color: #333;
  word-wrap: break-word;
  line-height: 1.7;
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%
}

.markdown-section * {
  box-sizing: border-box;
  font-size: inherit
}

.markdown-section>:first-child {
  margin-top: 0 !important
}

.markdown-section>:last-child {
  margin-bottom: 0 !important
}

.markdown-section blockquote,
.markdown-section code,
.markdown-section figure,
.markdown-section img,
.markdown-section pre,
.markdown-section table,
.markdown-section tr {
  page-break-inside: avoid
}

.markdown-section h2,
.markdown-section h3,
.markdown-section h4,
.markdown-section h5,
.markdown-section p {
  orphans: 3;
  widows: 3
}

.markdown-section h1,
.markdown-section h2,
.markdown-section h3,
.markdown-section h4,
.markdown-section h5 {
  page-break-after: avoid
}

.markdown-section b,
.markdown-section strong {
  font-weight: 700
}

.markdown-section em {
  font-style: italic
}

.markdown-section blockquote,
.markdown-section dl,
.markdown-section ol,
.markdown-section p,
.markdown-section table,
.markdown-section ul {
  margin-top: 0;
  margin-bottom: .85em
}

.markdown-section a {
  background: 0 0;
  color: #4183c4;
  text-decoration: none;
}

.markdown-section a:active,
.markdown-section a:focus,
.markdown-section a:hover {
  outline: 0;
  text-decoration: underline
}

.markdown-section img {
  max-width: 100%;
  height: auto;
  border: 0;
}

.markdown-section hr {
  overflow: hidden;
  margin: 1.7em 0;
  padding: 0;
  height: 4px;
  border: none;
  background-color: #e7e7e7;
}

.markdown-section hr:after,
.markdown-section hr:before {
  display: table;
  content: " "
}

.markdown-section hr:after {
  clear: both
}

.markdown-section h1,
.markdown-section h2,
.markdown-section h3,
.markdown-section h4,
.markdown-section h5,
.markdown-section h6 {
  margin-top: 1.275em;
  margin-bottom: .85em;
  font-weight: 700
}

.markdown-section h1 {
  font-size: 2em
}

.markdown-section h2 {
  font-size: 1.75em
}

.markdown-section h3 {
  font-size: 1.5em
}

.markdown-section h4 {
  font-size: 1.25em
}

.markdown-section h5 {
  font-size: 1em
}

.markdown-section h6 {
  color: #777;
  font-size: 1em;
}

.markdown-section code,
.markdown-section pre {
  margin: 0;
  padding: 0;
  border: none;
  color: inherit;
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  direction: ltr;
}

.markdown-section pre {
  overflow: auto;
  margin: 0;
  margin-bottom: 1.275em;
  padding: .85em 1em;
  background: #f7f7f7;
  word-wrap: normal;
}

.markdown-section pre>code {
  display: inline;
  overflow: initial;
  margin: 0;
  padding: 0 !important;
  max-width: initial;
  background: 0 0;
  white-space: pre;
  font-size: .85em;
  line-height: inherit;
}

.markdown-section pre>code:after,
.markdown-section pre>code:before {
  content: normal
}

.markdown-section code {
  margin: 0;
  padding: .2em;
  background-color: #f7f7f7;
  font-size: .85em;
}

.markdown-section code:after,
.markdown-section code:before {
  content: "\00a0";
  letter-spacing: -.2em;
}

.markdown-section table {
  display: table;
  overflow: auto;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

.markdown-section table td,
.markdown-section table th {
  padding: 6px 13px;
  border: 1px solid #ddd
}

.markdown-section table tr {
  border-top: 1px solid #ccc;
  background-color: #fff;
}

.markdown-section table tr:nth-child(2n) {
  background-color: #f8f8f8
}

.markdown-section table th {
  font-weight: 700
}

.markdown-section ol,
.markdown-section ul {
  margin: 0;
  margin-bottom: .85em;
  padding: 0;
  padding-left: 2em
}

.markdown-section ol ol,
.markdown-section ol ul,
.markdown-section ul ol,
.markdown-section ul ul {
  margin-top: 0;
  margin-bottom: 0
}

.markdown-section ol ol {
  list-style-type: lower-roman
}

.markdown-section blockquote {
  margin: 0;
  margin-bottom: .85em;
  padding: 0 15px;
  border-left: 4px solid #e5e5e5;
  color: #858585;
}

.markdown-section blockquote:first-child {
  margin-top: 0
}

.markdown-section blockquote:last-child {
  margin-bottom: 0
}

.markdown-section dl {
  padding: 0
}

.markdown-section dl dt {
  margin-top: .85em;
  padding: 0;
  font-weight: 700;
  font-style: italic;
}

.markdown-section dl dd {
  margin-bottom: .85em;
  padding: 0 .85em;
}

.markdown-section dd {
  margin-left: 0
}

.markdown-section .glossary-term {
  text-decoration: underline;
  cursor: help;
}

pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383a42;background:#fafafa}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#a626a4}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#50a14f}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#986801}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#c18401}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}