body{font-family:Helvetica,Arial,"Microsoft YaHei","微软雅黑",SimSun,"宋体",sans-serif;-ms-word-wrap:normal;word-wrap:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#808080;margin:0;padding:0}input:focus,button:focus,select:focus,textarea:focus{outline:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}a:visited,a:active,a:focus{outline:none}a:hover{text-decoration:none}img{max-width:100%}.footer{width:100%;line-height:26px;/* Vertically center the text there */}.logo{height:20%;display:flex;justify-content:center;align-items:center}.logo img{max-width:320px;margin-left:-10px;align-self:center}.x-bg-dark{background-color:#232731 !important}.x-nav-item{margin-left:10px;margin-right:15px}.x-navbar{padding:0}.navbar-dark .navbar-nav .nav-link{color:#fff}#bodycell{height:100%}.desc-box{height:20%;display:flex;justify-content:center;align-items:center}.desc-box .description{font-size:22px;line-height:32px;color:#333;width:768px;margin:0 auto;align-self:center}.tip-box{margin-top:80px}.tip-box .tip{vertical-align:central;color:#111;font-size:32px;align-self:center}#colorlib-footer{background:#303133;color:rgba(221,221,221,.8) !important;padding-top:0}#colorlib-footer .copy{background:#262626;padding:2.25em 0}#colorlib-footer .copy p{margin-bottom:0;color:#ddd;line-height:36px;font-size:13px}#colorlib-footer .link-bar{margin-bottom:1em}#colorlib-footer .link-bar a{color:#ddd;margin:0 10px}#colorlib-footer a.icp{color:#ddd}@media(max-width:576px){.logo img{max-width:80%}.tip-box{margin-top:30px}.tip-box .tip{margin:0 5px;line-height:26px;font-size:20px}.desc-box{height:18%}.desc-box .description{font-size:14px;line-height:22px;width:auto;margin:0 15px}#colorlib-footer .copy{padding:1.25em 0}}a{-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}a:hover,a:focus{color:#d7405d;text-decoration:none}ul,ol{margin:0;padding:0}ul li{list-style:none}p{color:#5d6d7a;line-height:1.7em}.section-padding{padding:120px 0}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:normal;line-height:1.4;visibility:visible;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;text-transform:capitalize;background-color:#000;border-radius:4px}/* ==========================================================================
Intro
========================================================================== */.intro span.icon{font-size:40px;color:#68919e;font-weight:bold}.intro-icon{display:inline-block;vertical-align:top;padding:6px 0 0 0;margin-right:20px;width:40px}.intro-content{display:inline-block;width:80%}section.intro,section.features-extra,section.sign-up{background:#fff}section.features,section.blog-intro,section.blog{background:#f3f4f8}.ii-navbar{padding:0 15px}.navbar{min-height:60px;margin-bottom:0;border-radius:0;border:none;line-height:1}.navbar-inverse{background-color:#232731 !important}.navbar .navbar-nav a{line-height:30px}.logo-tag-a{padding:0}.logo-tag-a .logo-header{height:60px;margin-right:10px;float:left;clear:both}.x-login{margin:0 2px}.icon-menu{color:#eee;padding:3px 0}/* ==========================================================================
Hero
========================================================================== */.hero{background:url("../images/home-cover.jpg") center center;background-size:cover;position:relative;min-height:420px}.hero .down-arrow a{color:#fff}.hero h1{color:#fff;margin-bottom:30px;margin-top:10px;font-size:30px;font-weight:500;line-height:1.2}.hero p.intro{color:#fff;font-size:22px;font-weight:300;padding:0;margin:0;line-height:32px}.hero .hero-content{max-width:768px;margin:0 auto;padding:80px 15px 50px}/*--------------------------------------------------------------
#0.6	cta-section
--------------------------------------------------------------*/.cta-section{background:url(../images/cta.jpg) center center/cover no-repeat local;padding:80px 0;color:#274054;position:relative}@media(max-width:991px){.cta-section{padding:60px 0 50px}}.cta-section:before{content:"";background-color:rgba(255,255,255,.97);width:100%;height:100%;position:absolute;left:0;top:0}.cta-section .intro-text{width:680px;float:left;border-right:1px solid #ececec;padding-right:40px}@media(max-width:1199px){.cta-section .intro-text{width:520px}}@media(max-width:991px){.cta-section .intro-text{width:100%;float:none;padding-right:0}}.cta-section .intro-text>img{width:640px}@media(max-width:1199px){.cta-section .intro-text>img{width:480px}}@media(max-width:991px){.cta-section .intro-text>img{width:100%;border:none}}.cta-section .intro-text>span{font-size:26px}@media(max-width:767px){.cta-section .intro-text>span{font-size:16px}}.cta-section .intro-text>h3{font-size:1.875rem;line-height:1.5em;color:#274054;margin:.7em 0 0;text-transform:capitalize}@media(max-width:767px){.cta-section .intro-text>h3{font-size:22px}}.cta-section .details{width:calc(100% - 680px);float:right;padding-left:40px;padding-top:8px}@media(max-width:1199px){.cta-section .details{width:calc(100% - 520px);padding-top:10px}}@media(max-width:991px){.cta-section .details{width:100%;float:none;padding:30px 0 0}}.cta-section .details p{color:#5d6d7a;margin:0}.cta-section .details>span{display:inline-block;font-size:26px;margin-bottom:20px}@media(max-width:991px){.cta-section .details>span{font-size:22px}}.section-padding{padding:120px 0}.about-section-s2,.about-section-s3{padding:120px 0 115px;border-bottom:1px solid #f1f1f1}.about-section-s2 .row,.about-section-s3 .row,.about-section-s2 .container,.about-section-s3 .container{position:relative}@media(max-width:991px){.about-section-s2,.about-section-s3{padding:90px 0 85px}}@media(max-width:767px){.about-section-s2,.about-section-s3{padding:50px 0 45px}}@media screen and (min-width:1200px){.about-section-s3 .about-text{padding-right:50px}}.about-section-s2 .about-pic,.about-section-s3 .about-pic{position:absolute;right:15px;bottom:-120px}@media(max-width:991px){.about-section-s2 .about-pic,.about-section-s3 .about-pic{display:none}}.about-section-s2 .about-text>span,.about-section-s3 .about-text>span{font-size:20px;font-size:1.25rem;color:#c83226;font-weight:600;text-transform:capitalize}@media(max-width:991px){.about-section-s2 .about-text>span,.about-section-s3 .about-text>span{font-size:18px}}.about-section-s2 .about-text>h3,.about-section-s3 .about-text>h3{font-size:24px;font-size:1.5rem;line-height:1.5em;margin:.5em 0 .8em;text-transform:capitalize}@media(max-width:991px){.about-section-s2 .about-text>h3,.about-section-s3 .about-text>h3{font-size:20px}}.about-section-s2 .about-text>p,.about-section-s3 .about-text>p{margin-bottom:2em}.about-section-s2 .info h4,.about-section-s3 .info h4{margin:0 0 .3em}.about-section-s2 .info>span,.about-section-s3 .info>span{font-size:14px;font-size:.875rem}.about-section-s3 .more{float:right}.about-section-s3 .more a{color:#333}.about-section-s3 .image-area{position:relative}@media(max-width:991px){.about-section-s3 .image-holder{margin-top:50px}}.about{color:#000;margin-top:50px;margin-bottom:50px;font-size:18px;padding-right:40px;padding-left:40px;background-color:#eee;border-radius:6px;padding-top:40px;padding-bottom:40px}.about h2{text-align:center;margin:0 0 20px 0}.about p{margin-bottom:1rem;line-height:30px;text-indent:0;font-size:18px;text-align:left}@media(max-width:991px){.about{padding-right:30px;padding-left:30px}.about h2{font-size:24px}}@media(max-width:767px){.about{padding-right:20px;padding-left:20px}.about h2{font-size:20px}.about p{font-size:18px}}@media(max-width:479px){.about{padding-right:10px;padding-left:10px}.about h2{font-size:18px}.about p{font-size:16px}}/* ==========================================================================
opensource project
========================================================================== */.os-project{margin:30px auto 40px}.os-project h3{font-size:26px;line-height:36px;font-weight:300;color:#676767;margin:15px 0 0}.os-project .os-container{margin:0 auto}.os-project .os-container .content{margin-top:10px}.os-project .os-item{margin:30px auto 0 auto}.os-project .os-item .os-logo{text-align:center;margin:0 auto;border:solid 1px #c7c7c7}.os-project .os-item .os-logo img{width:100%}.os-project .os-item h4{color:#676767;font-size:18px;font-weight:600}.features .feature-container{margin-bottom:40px}.features .feature-item{margin-top:30px}.features .feature-item .icon img{max-width:128px;min-width:72px}.features .git-title{font-size:26px;line-height:36px;font-weight:300;color:#676767;margin:8px 30px}@media(max-width:767px){.os-project h3{font-size:22px;line-height:26px;margin:0}.features .git-title{font-size:22px;line-height:28px;margin-left:-5px;margin-right:-5px}.features .feature-item h3{font-size:1.375em}.navbar{min-height:50px}.navbar .navbar-nav a{line-height:20px}.logo-tag-a .logo{height:39px}.hero{min-height:240px}.hero h1{color:#fff;margin-bottom:20px;font-size:26px}.hero p.intro{font-size:15px;line-height:22px;margin-bottom:20px}.hero .hero-content{padding-top:50px;padding-bottom:12px;margin-bottom:0;background-position-x:right}}/* ==========================================================================
To top
========================================================================== */.to-top{height:60px;background-color:#495061}.to-top .to-top-wrap{height:60px;width:70px;position:absolute;right:0;text-align:center}.to-top .to-top-wrap a{display:block;width:100%;height:100%;color:#fff;background-color:rgba(0,0,0,.15)}.to-top .to-top-wrap a:hover,.to-top .to-top-wrap a:focus{background-color:rgba(0,0,0,.4)}.to-top .to-top-wrap i{font-size:30px;line-height:55px}.to-top .row{position:relative}input{border-radius:3px}.search{margin:0 8px}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.search form{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:20px;color:#2e2e2e;background-color:#fff;background-clip:padding-box;border:1px solid #dfdfdf;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control,.search form{border-radius:2px;padding:6px 10px}.search form{margin:13px 0 0;padding:4px;width:200px;line-height:24px;height:32px;border:0;border-radius:4px;transition:border-color ease-in-out .15s,background-color ease-in-out .15s}.search form{background-color:rgba(209,209,240,.2)}.search .search-input-container{display:flex;position:relative}.search .search-input-wrap .dropdown{position:static}.dropdown-toggle,.dropdown-menu-toggle{padding:6px 8px 6px 10px;background-color:#fff;color:#2e2e2e;font-size:14px;text-align:left;border:1px solid #e5e5e5;border-radius:3px;white-space:nowrap}.dropdown-menu-toggle{padding-right:25px;position:relative;width:163px;text-overflow:ellipsis;overflow:hidden}.dropdown-toggle.no-outline,.no-outline.dropdown-menu-toggle{outline:0}.search form:hover{background-color:rgba(209,209,240,.3)}.search .search-input{border:0;font-size:14px;padding:0 20px 0 0;margin-left:5px;line-height:25px;width:98%;color:#fff;background:none;transition:color ease-in-out .15s}.search.search-active form{color:#2e2e2e;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.search.search-active form{border-color:#73afea;box-shadow:none}.search.search-active form{width:320px}.search.search-active form{background-color:#fff}svg{fill:currentColor}svg:not(:root){overflow:hidden}svg.s16{width:16px;height:16px}.search .search-input-wrap .search-icon,.search .search-input-wrap .clear-icon{position:absolute;right:5px;top:4px}.search .search-input-wrap .search-icon{transition:color .15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.search .search-input-wrap .search-icon,.search .search-input-wrap .clear-icon{fill:rgba(209,209,240,.8)}.search .search-input-wrap .search-icon,.search .search-input-wrap .clear-icon{fill:rgba(209,209,240,.8)}.search.search-active form .search-input-wrap .search-icon,.search.search-active form .search-input-wrap .clear-icon{color:#919191;transition:color ease-in-out .15s}.search.search-active form .search-input{color:#2e2e2e;transition:color ease-in-out .15s}:not(svg),:not(foreignObject)>svg{transform-origin:0 0 0}.search .search-input-wrap .clear-icon{display:none}.x-navbar-nav{display:flex;flex-direction:row;padding-left:0;margin-top:1px;list-style:none}.navbar-sub-nav,.x-navbar-nav{align-items:center}@media(min-width:576px){.navbar-expand-sm .x-navbar-nav{flex-direction:row}}.navbar-gitlab .navbar-collapse .nav{flex-wrap:nowrap}.navbar-gitlab .nav>li{color:#d1d1f0}.x-btn{display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:1px solid transparent;border-radius:3px;font-size:14px;font-weight:400;padding:6px 10px;background-color:#fff;border-color:#e5e5e5;color:#2e2e2e}.x-btn-sign-in{background-color:#ebebfa;color:#292961;font-weight:600;margin-top:12px;line-height:18px !important}.btn:not(:disabled):not(.disabled){cursor:pointer}.navbar .navbar-nav a.gitlab{color:#fff;font-weight:300}@media(max-width:575.98px){.ii-navbar{min-height:42px}.ii-navbar .container{padding-left:0;padding-right:0}.ii-navbar .navbar-brand{float:left;padding:3px 0 0 7px;height:42px;font-size:18px;line-height:20px}.ii-navbar .navbar-toggle{margin:5px 10px}.x-btn-sign-in{margin-top:0}}.search-input::-webkit-input-placeholder{color:#b2b3bb}.search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#b2b3bb}.search-input::-moz-placeholder{/* Mozilla Firefox 19+ */color:#b2b3bb}.search-input:-ms-input-placeholder{/* Internet Explorer 10-11 */color:#b2b3bb}.search.search-active form .search-input::-webkit-input-placeholder{color:#919191}.search.search-active form .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#919191}.search.search-active form .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */color:#919191}.search.search-active form .search-input:-ms-input-placeholder{/* Internet Explorer 10-11 */color:#919191}