body {
    font-family: "Open Sans", "DejaVu Sans", sans-serif;
}

.layui-layout-admin .layui-body {
    bottom: 0px;
}

.layui-body {
    left: 0px;
}

.layui-layout-admin .layui-logo {
    font-size: 32px;
    font-weight: 500;
    color: #1e9fffd6;
}

.layui-header .layui-nav * {
    font-size: 16px;
}

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
    background-color: #1e9fffd6;
}

.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this {
    background-color: #f7f7f8;
    color: #333;
}

#content-iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.section-intro {
    height: 600px;
    background-image: linear-gradient(0deg, #047cc6db, #2ba3de9c 51%, #685be3ed);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-intro .name h2 {
    font-family: Avenir-Heavy;
    font-size: 58px;
}

.section-intro .desc {
    font-size: 24px;
    padding: 25px;
}

.section-intro .buttons .layui-btn {
    width: 150px;
}

.section-intro .btn-start {
    background-color: #fbfbfb;
    color: #393d49;
}

.vertical-middle {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.section-architecture {
    color: black;
    text-align: center;
    padding: 60px 0;
}

.section-architecture .title h2 {
    font-size: 36px;
    margin: 20px 0 30px;
}

.section-architecture .desc {
    font-size: 20px;
    color: #999;
    width: 80%;
}

.section-architecture img {
    width: 85%;
}

.section-feature {
    color: black;
    text-align: center;
    background-color: #f9fafa;
    padding: 40px 0;
}

.section-feature .title h2 {
    font-size: 36px;
    margin: 20px 0 30px;
}

.section-feature ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    text-align: left;
}

.section-feature ul li {
    vertical-align: top;
    display: inline-block;
    width: 50%;
}

.section-feature ul li div {
    margin: 20px;
}

.section-feature ul li h3 {
    font-family: Avenir-Heavy;
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}

.section-feature ul li p {
    font-family: Avenir-Medium;
    font-size: 14px;
    line-height: 20px;
    color: #999;
}


.section-contract {
    color: black;
    text-align: center;
    background-color: #f9fafa;
    padding: 40px 0;
}

.section-contract .title h2 {
    font-size: 36px;
    margin: 20px 0 30px;
}

.section-contract ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    text-align: left;
}

.section-contract ul li {
    vertical-align: top;
    display: inline-block;
    width: 13%;
    margin: 5px;
}

.section-contract ul li h3 {
    font-family: Avenir-Heavy;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
}

.section-contract ul li h3 > a {
    color: #1e9fffd6;
}

.section-contract ul li img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.section-contract .ding h3 {
    font-family: Avenir-Medium;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    margin-top: 20px;
}

.section-contract .supporter li div {
    width: 120px;
    margin-left: 300px;
}

.bootstrap-header {
    padding-bottom: 40px;
}

.bootstrap-header h1 {
    font-size: 2.75em;
    font-family: "Open Sans", "DejaVu Sans", sans-serif;
    font-weight: 300;
    border-bottom: 1px solid #ddddd8;
    padding-bottom: 8px;
}

.bootstrap-container {
    width: 960px;
    padding: 50px;
    margin: 0 auto;
}

.bootstrap-container .bootstrap-buttons {
    padding: 40px 0;
    text-align: center;
}

.bootstrap-container .bootstrap-buttons button {
    width: 150px;
}

.bootstrap-container .layui-form-item .layui-form-checkbox {
    width: 30%;
}

.ib-docs .layui-layout-admin .layui-side {
    width: 300px;
}

.ib-docs .layui-side-scroll {
    width: 320px;
}

.ib-docs .layui-nav-tree {
    width: 300px;
    padding-top: 10px;
}

.ib-docs .layui-nav, .ib-docs .layui-nav-itemed > .layui-nav-child {
    background-color: #eeeeee !important;;
}

.ib-docs .layui-nav .layui-nav-more {
    border: none;
    background-image: url(../images/arrow_down.png);
    background-size: 13px 8px;
    float: right;
    width: 13px;
    height: 8px;
    margin-top: -3px;
    transform: rotate(-90deg);
}

.ib-docs .layui-nav-itemed > a > span.layui-nav-more {
    transform: rotate(0deg);
}

.ib-docs .layui-nav .layui-nav-item a,
.ib-docs .layui-nav-itemed > a,
.ib-docs .layui-nav-tree .layui-nav-title a,
.ib-docs .layui-nav-tree .layui-nav-title a:hover {
    color: #666 !important;
}

.ib-docs .layui-nav-tree .layui-nav-bar {
    background-color: #1e9fffd6 !important;
}

.ib-docs .layui-nav-tree .layui-nav-item a:hover {
    background-color: #fff
}

.ib-docs .layui-nav-tree .layui-nav-child dd.layui-this,
.ib-docs .layui-nav-tree .layui-nav-child dd.layui-this a,
.ib-docs .layui-nav-tree .layui-this,
.ib-docs .layui-nav-tree .layui-this > a,
.ib-docs .layui-nav-tree .layui-this > a:hover {
    background-color: #fff;
    color: #333;
}

.ib-docs li.menu-item-level-1 {
    font-family: Avenir-Heavy;
    font-size: 18px;
    color: #333;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
}

.ib-docs li.menu-item-level-2 > a {
    padding-left: 40px;
    font-size: 15px;
    height: 36px;
    line-height: 36px;
}

.ib-docs li.menu-item-level-2 > dl > dd > a {
    padding-left: 60px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
}

.ib-docs li.menu-item-level-2 > dl > dd > dl > dd > a {
    padding-left: 80px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
}

.ib-docs li.menu-item-level-3 > a {
    padding-left: 40px;
    font-size: 15px;
    height: 36px;
    line-height: 36px;
}

.ib-docs li.menu-item-level-3 > dl > dd > a {
    padding-left: 60px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
}

.ib-docs li.menu-item-level-3 > dl > dd > dl > dd > a {
    padding-left: 80px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
}

.ib-docs li.menu-item-level-3 > dl > dd > dl > dd > dl > dd > a {
    padding-left: 100px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
}

.ib-docs .layui-layout-admin .layui-body {
    top: 0;
    left: 300px;
    bottom: 0;
}