.app {
    display: none;
}

.app .bg-top {
    position: absolute;
    top: 0;
    width: 100%;
}

.app .section {
    position: relative;
    display: flex;
    justify-content: center;
}

.app .section .content {
    display: flex;
    flex-direction: column;
    border: solid 1px #D0E3EC;
}

.app .section .content .item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.app .section .content .item .title {
    font-weight: 600;
    color: #4E4C74;
    text-align: center;
}

.app .section .content .item .sub-title {
    font-weight: 400;
    color: #000000;
    text-align: center;
}

.app .section .content .item .desc {
    font-weight: 400;
    color: #6B6A8D;
    text-align: center;
}

.app .chapter {
    display: flex;
    flex-direction: column;
}

.app .paragraph {
    display: flex;
    align-items: baseline;
}

.app .paragraph .tag {
    background-color: #2F2E4E;
    border-radius: 50%;
}

.app .paragraph .text {
    color: #6B6A8D;
    font-weight: 400;
    line-height: 1.9;
}

.app .bg1 {
    display: flex;
    justify-content: center;
}

.app .bg1 .left {
    
}

.app .bg1 .right {
    display: flex;
    flex-direction: column;
}

.app .bg1 .right .image {
    
}

.app .smart-site {

}

.app .smart-site .content {
    
}

.app .smart-site .item1 {
    
}

.app .smart-site .item1 .image {
    
}

.app .smart-site .item2 {
    
}

.app .smart-site .item2 .desc {
    
}

.app .smart-site .item2 .image {
    
}

.app .bg3 {
    display: block;
}

.app .system {
    
}

.app .system .content {
    
}

.app .system .item1 {
    
}

.app .system .item1 .desc {
    
}

.app .system .item1 .image {
    
}

.app .system .item2 {

}

.app .system .item2 .desc {

}

.app .system .item2 .image {

}