body,html,div,header,footer,nav,li,h1,h2,h3,h4,h5,h6{padding:0;margin:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-weight:400}html{height:100%}body{color:#282e40;background-image:url(../img/common/background.jpg);position:relative;min-height:100%}a{text-decoration:none}button{border:none;outline:none}hr{border:0;border-top:1px solid #eee;margin:20px 0}h1{font-size:30px}h2{font-size:26px;border-bottom:1px solid #eee;margin:20px 0 20px}h3{font-size:23px;margin:50px 0 20px}h4{font-size:19px;margin:30px 0 10px}h5{font-size:17px;margin:20px 0 10px}h6{font-size:16px;margin:10px 0 5px}blockquote{color:#444;border-left:5px solid #D6DBDF;padding-left:15px;background:rgba(112,138,153,0.1);padding:10px 20px;margin:0 0 20px}blockquote p:last-of-type{margin:0}table{border-top:2px solid #777;border-bottom:2px solid #777;margin:8px 0;border-collapse:collapse}table thead{border-bottom:1px solid #777;background-color:#aaa;color:#fff}table th{padding:2px 10px;text-align:left}table tbody tr:nth-of-type(2n+1){background-color:#f8f8fd}table tbody tr:nth-of-type(2n){background-color:#e5eaed}table td{padding:2px 10px}p{margin:0 0 14px}img{max-width:100%}header{background:#282e40;height:52px;color:#9d9d9d;box-shadow:0 2px 4px 1px rgba(0,0,0,0.5);margin-bottom:20px}header a{color:#9d9d9d;-webkit-transition:0.2s ease;transition:0.2s ease}header a:hover{color:#fff}header .wrapper{width:1280px;margin:0 auto;line-height:52px;padding:0 30px}header .wrapper .brand{font-size:22px;color:#e8e7e7;font-weight:bolder}header .wrapper .brand .logo{height:40px}header .wrapper small{margin-left:26px;font-size:14px}header .wrapper .menu{display:none}header .wrapper nav{float:right}header .wrapper nav ul{font-size:0;margin:0;padding:0}header .wrapper nav ul li{list-style:none;font-size:15px;display:inline-block;-webkit-transition:0.2s ease;transition:0.2s ease}header .wrapper nav ul li a{display:inline-block;padding:0 20px;height:52px}header .wrapper nav ul li a:hover{background-color:#202635;text-decoration:none}header .wrapper nav ul li a i{margin-right:5px;font-size:1.4em;color:#ccc}header .wrapper nav ul li>.active{color:#e9eaeb;background-color:#202635;box-shadow:0 25px 25px -15px rgba(255,255,255,0.93);font-weight:bold}header .wrapper nav ul li>.active i{color:#e9eaeb}@media screen and (max-width: 1200px) and (min-width: 770px){header{height:50px}header .wrapper{width:90%;line-height:50px}header .wrapper .brand{font-size:16px}header .wrapper small{margin-left:15px;font-size:12px}header .wrapper .menu{display:none}header .wrapper nav ul li a{padding:0 8px;height:50px}header .wrapper nav ul li a i{margin-right:4px}}@media screen and (max-width: 770px){header{height:48px;margin-bottom:15px}header .wrapper{width:95%;margin:0 auto;line-height:48px;position:relative;z-index:2000}header .wrapper .brand{font-size:16px}header .wrapper small{margin-left:10px;font-size:12px}header .wrapper .menu{display:inline-block;position:absolute;z-index:-102;right:0;padding:0px 10px;background:#282e40;color:#c9c9c9;border-radius:4px;font-size:20px}header .wrapper>.active{color:#fff}header .wrapper .nav-show{visibility:visible;transform:scale(1);opacity:1}header .wrapper nav{position:absolute;z-index:100;right:0;top:47px;text-align:center;visibility:hidden;transform-origin:100% 0%;transform:scale(0.1);opacity:0;transition:0.2s cubic-bezier(0.5, 0.1, 0.51, 1.38)}header .wrapper nav ul{background:#222;border-radius:0 0 4px 4px;box-shadow:0px 3px 4px 1px rgba(0,0,0,0.5)}header .wrapper nav ul li{font-size:14px;display:block;border-bottom:1px solid #333}header .wrapper nav ul li a{display:block;padding:0 10px;height:40px;line-height:40px;background-color:#282e40}header .wrapper nav ul li:last-of-type{border:none}header .wrapper nav ul li>.active{color:#fff;background-color:#282e40;box-shadow:none}}#markdown-toc{display:none}.read-button{margin-top:5px}.page[post] .label{overflow:hidden;margin-top:20px;overflow:hidden;color:#4c5d85;display:block;font-size:14px;text-align:left;line-height:unset;padding:0}.page[post] .label .label-card{float:left;margin-right:15px;padding:5px}.page[post] .label .label-card .point{padding:0 10px;color:#9d9d9d}.page[post] .label .label-card i{padding-right:5px;font-size:1.3em;color:#4c5d85}.page[post] .label .label-card .categories i{color:#4c5d85;font-size:1.3em}.page[post] .label .label-card .categories a{padding:2px 5px;border-radius:2px;color:#e6eaff;background-color:#4c5d85;transition:0.3s ease;text-decoration:none;border:0.5px solid #928f8f}.page[post] .label .label-card .categories a:hover{background-color:#e6eaff;color:#4c5d85}.page[post] .label .label-card .pageTag i{color:#4c5d85;font-size:1.3em}.page[post] .label .label-card .pageTag a{font-size:13px;padding:1px 2px;color:#4c5d85;background-color:#e6eaff;border-radius:4px;transition:0.3s ease;border:0.5px solid #928f8f;text-decoration:none}.page[post] .label .label-card .pageTag a:hover{background-color:#4c5d85;color:#e6eaff}.page[post] a{color:#4d6dad;transition:0.5s ease}.page[post] a:hover{color:#223253;background-color:#f4efeb}.page[post] .left ul>h2{color:#4c5d85}.page[post] .left ul li{color:#4c5d85;margin:0}.page[index] .left .post-list{list-style:none;padding-inline-start:unset}.page[index] .left ul li h3{margin:20px 0 12px}@media screen and (max-width: 770px){.page[post] .left{font-size:15px}.page[post] .left h2{font-size:24px}.page[post] .left h3{font-size:20px}.page[post] .left h4{font-size:18px}.page[post] .left h5{font-size:16px}.page[post] .left h6{font-size:15px}}.clearfix:after{content:"\200B";display:block;height:0;clear:both}.clearfix{*zoom:1}.map-frame{border:none;height:400px;width:100%}@media screen and (min-width: 770px){.map-frame{margin-top:-14px}}.social-icon{width:45px;padding:1px}.social-icon-fa{width:45px;height:45px;padding:0;background-color:#282e40;border-radius:50%;display:inline-flex !important;align-items:center;justify-content:center;font-size:20px;color:white;transition:all 0.3s ease;text-align:center}.social-icon-fa:hover{background-color:#1a1f2e;color:white}article p a{text-decoration:underline !important}.page{width:1220px;box-sizing:border-box;margin:0 auto;color:#4c5d85;min-height:768px;padding-bottom:10px}.page .left{width:75%;float:left;padding:20px 30px;line-height:1.6;font-size:16px;background-color:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,0.4),0 0 20px rgba(10,10,0,0.1) inset}.page .left>h1{margin-bottom:-10px}.page .left a:not([title]){word-break:break-word}.page .left ul>h2{margin-left:-40px;color:#4c5d85}.page .left ul li{line-height:1.8;color:#888888}.page .left ul li time{display:inline-block;width:135px}.page .left ul li .title{color:#223253;transition:0.3s ease}.page .left ul li .title:hover{color:#4d6dad}.page .left ul li i{margin-right:5px}.page .left ul li .categories{padding:0 15px}.page .left ul li .categories i{color:#c6cbe9}.page .left ul li .categories a{padding:2px 5px;border-radius:2px;color:#e6eaff;background-color:#4c5d85;transition:0.3s ease;text-decoration:none;border:0.5px solid #928f8f}.page .left ul li .categories a:hover{background-color:#e6eaff;color:#4c5d85}.page .left ul li .pageTag i{color:#6564ad}.page .left ul li .pageTag a{font-size:13px;padding:1px 3px;color:#4c5d85;background-color:#e6eaff;border-radius:4px;transition:0.3s ease;border:0.5px solid #928f8f}.page .left ul li .pageTag a:hover{background-color:#4c5d85;color:#e6eaff}.page .anchor{display:none}.page .right{float:left;width:25%;padding-left:20px;top:0}.page .right .fixed{position:fixed;top:20px}.page .right .scroll-bottom{position:absolute;bottom:190px}.page .right .side{box-sizing:border-box;background-color:#ffffff;box-shadow:0 1px 3px 1px rgba(0,0,0,0.3),0 0 30px rgba(10,10,0,0.1) inset;padding-bottom:1px;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.page .right .side>div{padding:12px 15px;border-bottom:1px solid #c0c0c0;font-size:15px;color:#313e5e;font-weight:bold}.page .right .side a{color:#4d6dad;transition:0.5s ease}.page .right .side a:hover{color:#223253}.page .right .content-ul{overflow-y:auto;padding-right:10px;line-height:1.8;padding-left:35px}.page .right .content-ul ul{padding-left:20px}.page .right .recent-post-ul{overflow-y:auto;padding-right:10px;padding-left:10px;list-style:none}.page .right .recent-post-ul li{padding-top:5px}.full-page{float:none;padding:20px 30px;line-height:1.6;font-size:16px;background-color:#f8f8fd;box-shadow:0 1px 2px rgba(0,0,0,0.4),0 0 30px rgba(10,10,0,0.1) inset}@media screen and (max-width: 1200px) and (min-width: 770px){.page{width:90%}}@media screen and (max-width: 770px){.page{width:95%}.page .left{width:100%;float:left;padding:10px 14px;font-size:14px}.page .left>h1{font-size:25px;margin-bottom:-10px}.page .left ul{padding-left:20px}.page .left ul>h2{font-size:20px;margin-left:-20px}.page .left ul li{margin:20px 0}.page .left ul li time{display:block;width:auto}.page .left ul li .title{display:block;font-size:16px}.page .left ul li .categories{font-size:12px;padding-left:0;padding-right:10px}.page .anchor{display:block;visibility:visible;position:fixed;top:76px;right:2.5%;padding:5px 10px;color:#333;font-size:15px;background-color:#f8f8fd;box-shadow:0 0 8px 0 rgba(0,0,0,0.3), 0 0 30px rgba(10,10,0,0.1) inset;opacity:0.7;transition:0.2s cubic-bezier(0.5, 0.1, 0.51, 1.38)}.page .anchor-hide{opacity:0;visibility:hidden}.page .right{visibility:hidden;position:fixed;float:none;width:auto;max-width:95%;padding:0;top:76px;right:2.5%;opacity:0;transform-origin:100% 0;transform:scale(0.1);transition:0.2s cubic-bezier(0.5, 0.1, 0.51, 1.38)}.page .right-show{z-index:999;visibility:visible;opacity:1;transform:scale(1)}.page .right-show .content-ul{margin-bottom:0}.page .right-show .content-ul>li:last-of-type{margin-bottom:16px}}code{padding:1px 4px;margin:0 2px;font-size:90%;border-radius:3px;color:#000;border:1px solid #d7d0d2;font-family:Monaco,Menlo,"Microsoft YaHei Mono",Consolas,"Courier New",monospace,sans-serif}pre{margin:12px 0;padding:8px 12px;word-wrap:break-word;white-space:-moz-pre-wrap;white-space:pre-wrap}pre>code{margin:0;padding:0;font-size:13px;color:#494949;border:none}.highlight{border-radius:3px;background:#e9e9e9}.highlight .hll{background-color:#e9e9e9}.highlight .c{color:#75715e}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#66d9ef}.highlight .l{color:#ae81ff}.highlight .n{color:#494949}.highlight .o{color:#f92672}.highlight .p{color:#494949}.highlight .cm{color:#75715e}.highlight .cp{color:#75715e}.highlight .c1{color:#75715e}.highlight .cs{color:#75715e}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .kc{color:#66d9ef}.highlight .kd{color:#66d9ef}.highlight .kn{color:#f92672}.highlight .kp{color:#66d9ef}.highlight .kr{color:#66d9ef}.highlight .kt{color:#66d9ef}.highlight .ld{color:#e6db74}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#494949}.highlight .nb{color:#494949}.highlight .nc{color:#494949}.highlight .no{color:#66d9ef}.highlight .nd{color:#494949}.highlight .ni{color:#494949}.highlight .ne{color:#494949}.highlight .nf{color:#494949}.highlight .nl{color:#494949}.highlight .nn{color:#494949}.highlight .nx{color:#494949}.highlight .py{color:#494949}.highlight .nt{color:#f92672}.highlight .nv{color:#494949}.highlight .ow{color:#f92672}.highlight .w{color:#494949}.highlight .mf{color:#ae81ff}.highlight .mh{color:#ae81ff}.highlight .mi{color:#ae81ff}.highlight .mo{color:#ae81ff}.highlight .sb{color:#e6db74}.highlight .sc{color:#e6db74}.highlight .sd{color:#e6db74}.highlight .s2{color:#494949}.highlight .se{color:#ae81ff}.highlight .sh{color:#e6db74}.highlight .si{color:#e6db74}.highlight .sx{color:#e6db74}.highlight .sr{color:#e6db74}.highlight .s1{color:#494949}.highlight .ss{color:#e6db74}.highlight .bp{color:#494949}.highlight .vc{color:#494949}.highlight .vg{color:#494949}.highlight .vi{color:#494949}.highlight .il{color:#ae81ff}.highlight .gu{color:#75715e}.highlight .gd{color:#f92672}.highlight .gi{color:#494949}.home-jumbo{background-color:#ffffff !important;box-shadow:0 1px 2px rgba(0,0,0,0.4),0 0 10px rgba(10,10,0,0.1) inset}.home-jumbo h3 h4 h5 h5 h6{color:#223253 !important}.page[index] a{color:#223253;text-decoration:none;transition:0.5s ease}.page[index] a:hover{color:#4d6dad}.page[index] .left>ul{padding:0}.page[index] .left>ul>li{list-style:none}.page[index] .left>ul li{color:#333}.page[index] .left>ul li h2{border:none;font-size:27px;margin:0}.page[index] .left>ul li .label{margin-bottom:15px;overflow:hidden}.page[index] .left>ul li .label .label-card{float:left;margin-right:15px;float:left;margin-top:10px;font-size:14px;color:#000}.page[index] .left>ul li .label .label-card i{padding-right:5px;font-size:1.3em;color:#4c5d85}.page[index] .left>ul li .label .categories{padding:0}.page[index] .left>ul li .excerpt h2{font-size:24px}.page[index] .left>ul li .excerpt h3{font-size:22px}.page[index] .left>ul li .excerpt h4{font-size:20px}.page[index] .left>ul li .excerpt .post-link{word-break:break-word;text-align:justify}.page[index] .left>ul li .read-all{text-align:right;font-size:14px}.page[index] .left>ul li .read-all a{color:#778ab0;transition:0.2s ease}.page[index] .left>ul li .read-all a:hover{color:#5872a7}.page[index] .left>ul li .read-all a i{padding-right:3px}.page[index] .left .pagination{text-align:center}.page[index] .left .pagination .previous,.page[index] .left .pagination .next{font-size:20px;padding:0 5px}.page[index] .left .pagination .page_number{padding:0 5px}.page[index] .left .pagination .disable{color:#cbcbcb}.page[index] .right .wrap .side{margin-bottom:20px;padding-bottom:0}.page[index] .right .wrap .side i{margin-right:3px;color:#4c5d85;font-size:1.4em}.page[index] .right .wrap .side .content-ul[cate]{overflow:hidden;list-style:none;margin:0;padding:0}.page[index] .right .wrap .side .content-ul[cate] li{font-size:14px}.page[index] .right .wrap .side .content-ul[cate] li a{display:block;width:100%;padding:2px 0;border-bottom:1px solid #eee}.page[index] .right .wrap .side .content-ul[cate] li a:hover{background-color:#dbdfee}.page[index] .right .wrap .side .content-ul[cate] li a:hover .badge{background-color:#dbdfee;transform:scale(1.2) rotate(360deg)}.page[index] .right .wrap .side .content-ul[cate] li a .name{padding-left:15px}.page[index] .right .wrap .side .content-ul[cate] li a .badge{display:block;min-width:30px;float:right;text-align:center;margin-right:15px;margin-top:3px;padding:0 10px;font-size:12px;color:#fff;background-color:#4c5d85;transition:0.5s ease-in-out;line-height:1.5}.page[index] .right .wrap .side .content-ul[cate] li:last-of-type a{border:none}.page[index] .right .wrap .side .content-ul[recent]{padding-bottom:16px}.page[index] .right .wrap .side .content-ul[recent] li{color:#aaa;font-size:14px}.page[index] .right .wrap .side .tags-cloud{font-weight:normal;padding:10px 9px}.page[index] .right .wrap .side .tags-cloud a{padding:0 3px;border-radius:5px;border:0.5px solid #928f8f;word-break:break-word}.page[index] .right .wrap .side .tags-cloud a:hover{background-color:#e6eaff;border:1px solid #928f8f;border-radius:4}.tags-cloud{color:#556186;margin-top:20px}.tags-cloud a{padding:12px 9px;border-radius:5px;border:0.5px solid #928f8f;word-break:break-word;font-size:15pt;background-color:#e6eaff;text-decoration:none;-moz-border-radius:10px 10px 0 0}.tags-cloud a:hover{background-color:white;border:1px solid #928f8f;border-radius:4}.blog-latest-card{background-color:#ffffff !important;box-shadow:0 1px 2px rgba(0,0,0,0.4),0 0 10px rgba(10,10,0,0.1) inset;border-radius:.3rem;padding:.5rem}@media screen and (max-width: 770px){.page[index] .left>ul li h2{font-size:22px}.page[index] .left>ul li .excerpt h2{font-size:20px}.page[index] .left>ul li .excerpt h3{font-size:18px}.page[index] .left>ul li .excerpt h4{font-size:16px}.page[index] .left>ul li .excerpt li{margin:0}}.page[demo] .left{width:100%}.page[demo] .left a{color:#4d6dad;transition:0.5s ease}.page[demo] .left a:hover{color:#223253;background-color:#f4efeb}.page[demo] .left .grid{margin:0 auto}.page[demo] .left .grid:after{content:'';display:block;clear:both}.page[demo] .left .grid .grid-item{width:250px;background-color:#fff;margin-bottom:20px;padding-bottom:10px;float:left;transition:0.5s ease;-webkit-transition:0.5s ease;-moz-transition:0.5s ease;-o-transition:0.5s ease;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);box-shadow:0 0 10px 0 rgba(0,0,0,0.3)}.page[demo] .left .grid .grid-item:hover{-webkit-box-shadow:0 2px 30px -1px rgba(0,0,0,0.6),inset 0 0 87px 0 rgba(184,184,184,0.13);-moz-box-shadow:0 2px 30px -1px rgba(0,0,0,0.6),inset 0 0 87px 0 rgba(184,184,184,0.13);box-shadow:0 2px 30px -1px rgba(0,0,0,0.6),inset 0 0 87px 0 rgba(184,184,184,0.13)}.page[demo] .left .grid .grid-item .a-img{color:#fff}.page[demo] .left .grid .grid-item .a-img:hover{color:#fff;background-color:#fff}.page[demo] .left .grid .grid-item .demo-title{font-size:18px;font-weight:bold;margin:0 8px}.page[demo] .left .grid .grid-item p{margin:0;padding:0 8px;font-size:14px}.deep{transition:0.32s cubic-bezier(0.46, 0.03, 0.52, 0.96);transform-style:preserve-3d;transform:perspective(1600px) rotateX(14deg) translateZ(-200px)}.site-footer{right:0;bottom:0;left:0;text-align:center;padding-top:8px;background-color:#282e40db;box-shadow:0 -2px 4px 1px rgba(0,0,0,0.5);color:#bbb;bottom:0}.site-footer .wrapper{width:1240px;margin:0 auto;padding:15px 0;text-align:left;font-size:14px}.site-footer .wrapper p{margin:0;line-height:1.6}.site-footer .wrapper .contact{display:inline-block;font-size:24px}.site-footer .wrapper .contact a{color:#ccc;transition:0.3s ease}.site-footer .wrapper .contact a:hover{color:#fff}.site-footer .wrapper .contact a i{margin:0 5px}.site-footer .wrapper .description{display:inline-block}.site-footer .wrapper .power{font-size:13px;font-weight:600}.site-footer .wrapper .power a{color:#e9eaeb;transition:0.3s ease}.site-footer .wrapper .power a:hover{color:#fff}.site-footer .wrapper .power .red{color:red}@media screen and (max-width: 1200px) and (min-width: 770px){.site-footer .wrapper{width:90%}}@media screen and (max-width: 770px){.site-footer .wrapper{width:90%}}.social-links{font-size:20px;margin-top:15px}.social-links a{padding:20px 20px 10px 0px}.social-links a i,.social-links a span{position:relative;color:#e8e7e7}.social-links a.linkedin i{color:#0e76a8}.social-links a.github i{color:#333}.social-links a.stackoverflow i{color:#f48024}.social-links a.twitter i{color:#1da1f2}.social-links a.linkenin i:hover,.social-links a.github i:hover,.social-links a.stackoverflow i:hover,.social-links a.twitter i:hover{color:#282e40}.content-ul::-webkit-scrollbar{width:7px;height:6px}.content-ul::-webkit-scrollbar-button{width:0;height:0}.content-ul::-webkit-scrollbar-thumb{background:#D3D3D3;border:0 none #ffffff;border-radius:50px}.content-ul::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.content-ul::-webkit-scrollbar-thumb:active{background:#787878}.content-ul::-webkit-scrollbar-track{background:#F1F1F1;border-radius:50px}.content-ul::-webkit-scrollbar-track:hover{background:#e2e2e2}.content-ul::-webkit-scrollbar-track:active{background:#cccccc}.content-ul::-webkit-scrollbar-corner{background:transparent}.back-to-top{position:fixed;left:50%;margin-left:580px;bottom:6px;background-color:#f8f8fd;visibility:hidden;opacity:0;transition:0.4s ease;box-shadow:0 1px 3px 1px rgba(0,0,0,0.3),0 0 30px rgba(10,10,0,0.1) inset}.back-to-top a{display:block;background-color:#eee;width:38px;height:38px;line-height:38px;text-align:center;font-size:20px;color:#282e40}.back-to-top-show{visibility:visible;opacity:0.7}.back-to-top-show:hover{opacity:1}@media screen and (max-width: 1200px) and (min-width: 770px){.back-to-top{left:50%;margin-left:45.5%}}@media screen and (max-width: 770px){.back-to-top{right:2.5%;left:auto;margin-left:0px}.back-to-top a{width:33px;height:33px;line-height:33px;text-align:center;font-size:18px}}

/*# sourceMappingURL=main.css.map */