.ct-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 100vh;
}

.content.ct-main {
    min-height: 80vh;
    margin-top: 76px;
}

.ct-main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.app-main h1 {
    font-size: 36px;
    margin-top: 36px
}

.app-main .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.app-main .app-main-logo {
    margin-top: 36px;
}

.app-main .advantage-wrap {
    margin: 0 -16px 0 -16px
}

.app-main .advantage-wrap .advantage {
    padding: 0 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

.app-main .justify-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.app-main .text-center {
    text-align: center
}

.app-main .item {
    font-size: 20px
}

.app-main .item .num {
    color: #3370ff
}

.app-main .item .stress {
    padding: 2px;
    background: #b7edb1
}

.app-main p {
    font-size: 18px;
    font-weight: 400
}

.app-main h3 {
    margin-bottom: 12px
}

.app-main .product-img {
    width: 100%;
    max-width: 100%
}

.app-main.mobile h1 {
    font-size: 20px;
    margin-top: 16px!important
}

.app-main.mobile h2 {
    font-size: 18px
}

.app-main.mobile .item,.app-main.mobile h3 {
    font-size: 16px
}

.app-main.mobile .advantage {
    margin-top: 12px
}

.app-main.mobile .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.app-main.mobile .flex.center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.app-main.mobile p {
    font-size: 14px
}

.app-main.mobile .text-center {
    width: 90%
}

.app-main.mobile .text-center img {
    width: 100%;
    max-width: 100%
}

.app-main .beian {
    padding: 20px;
    text-align: center;
    color: black;
}
.app-main .beian a{
    color: inherit;
    text-decoration: none;
}
.app-main .beian span {
    display: block;
}


.wrapper {
    margin: 0 auto;
    width: 94%
}

@media (min-width: 576px) {
    .wrapper {
        width: 100%
    }
}

@media (min-width: 768px) {
    .wrapper {
        width: 750px
    }
}

@media (min-width: 992px) {
    .wrapper {
        width: 910px
    }
}

@media (min-width: 1200px) {
    .wrapper {
        width: 1140px
    }
}