.domore-box {
    padding: 116px 0 111px 0;
}

    .domore-box h2 {
        font-size: 36px;
        font-weight: 400;
        color: #222222;
        text-align: center;
    }

.more-list {
    margin: 70px 0 0 0;
    display: flex;
    flex-wrap: wrap;
}

.more-item {
    width: 200px;
    height: 170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #EBF1FF;
    border-radius: 20px;
}

    .more-item:not(:nth-of-type(5)) {
        margin: 0 50px 0 0;
    }

    .more-item > img {
        margin: 27px 0 0 0;
    }

    .more-item > span {
        margin: 29px 0 0 0;
        font-size: 22px;
        font-weight: 400;
        color: #4477FF
    }

.dobetter-box {
}

    .dobetter-box > h2 {
        font-size: 36px;
        font-weight: 400;
        color: #222222;
        text-align: center;
    }

.better-list {
    display: flex;
    flex-wrap: wrap;
    margin: 70px 0 0 0;
}

.better-item {
    width: 20%;
    height: 26.145vw;
    position: relative;
}

    .better-item:nth-of-type(1) {
        background: url(../img/better_01_bg.png);
        background-size: cover;
    }

    .better-item:nth-of-type(2) {
        background: url(../img/better_02_bg.png);
        background-size: cover;
    }

    .better-item:nth-of-type(3) {
        background: url(../img/better_03_bg.png);
        background-size: cover;
    }

    .better-item:nth-of-type(4) {
        background: url(../img/better_04_bg.png);
        background-size: cover;
    }

    .better-item:nth-of-type(5) {
        background: url(../img/better_05_bg.png);
        background-size: cover;
    }

    .better-item > img {
        margin: 208px auto 0;
        transition: all ease 0.5s;
    }

    .better-item > p:nth-of-type(1) {
        margin: 41px auto 0;
        font-size: 22px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 30px;
        transition: all ease 0.5s;
        text-align: center;
    }

    .better-item > p:nth-of-type(2) {
        padding: 0 48px;
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 30px;
        height: 0;
        transition: all ease 0.5s;
        text-align: center;
        overflow: hidden;
    }

    .better-item:hover img {
        margin: 129px auto 0;
    }

    .better-item:hover p:nth-of-type(1) {
        margin: 44px auto;
    }

    .better-item:hover p:nth-of-type(2) {
        height: auto;
    }

    .better-item:after {
        bottom: 0;
        left: 0;
        content: '';
        position: absolute;
        width: 100%;
        height: 0;
        transition: all ease 0.5s;
        background-color: rgba(68, 119, 255, 0.4);
    }

    .better-item:hover:after {
        height: 100%;
    }

/* 解决方案2 */
.spread-box {
    padding: 129px 0 90px 0;
    text-align: center;
    background: #F7F7F7;
}

    .spread-box > h2 {
        font-size: 36px;
        font-weight: 400;
        color: #222222;
    }

    .spread-box > h3:nth-of-type(1) {
        font-size: 24px;
        font-weight: 300;
        color: #555555;
        margin: 24px 0 78px 0;
    }

.spread-list {
    padding: 50px 0 83px 0;
    display: flex;
    flex-wrap: wrap;
}

.spread-item {
    width: 590px;
    height: 184px;
    background: #FFFFFF;
    margin: 20px 0px 0 0;
    padding: 36px 51px 0 28px;
}

    .spread-item:nth-of-type(odd) {
        margin: 20px 20px 0 0;
    }

    .spread-item > div {
        display: flex;
        align-items: center;
    }

        .spread-item > div > img {
            margin: 0 27px 0 0;
        }

        .spread-item > div > span {
            font-size: 20px;
            font-weight: 400;
            color: #222222;
        }

    .spread-item > p {
        margin: 21.5px 0 0 0;
        font-size: 18px;
        font-weight: 300;
        color: #555555;
        line-height: 27px;
        text-align: left;
    }

.spread-box > p {
    padding: 30px 0 72.5px 0;
    width: 693px;
    margin: auto;
    font-size: 18px;
    font-weight: 300;
    color: #555555;
    line-height: 27px;
}

.spread-box > .diy-box {
    width: 642px;
    height: 302px;
    margin: auto;
    background: url(../img/diy_bg.png);
    background-size: cover;
}

.search-box {
    background-color: #2A62FF;
    padding: 40px 0 0 0;
    background-image: url(../img/search_left.png);
    background-size: cover;
    height: 597px;
}

    .search-box > h2 {
        font-size: 30px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        padding: 0px 0 20px;
    }

    .search-box > ul {
        padding: 0 0 0 50.9375vw;
    }

        .search-box > ul > li {
            margin: 40px 0 0 0;
            display: flex;
            align-items: center;
            font-size: 30px;
            font-weight: 300;
            color: #FFFFFF;
        }

.pay-box {
    padding: 77px 0 130px 0;
    background: #F7F7F7;
}

    .pay-box > h2 {
        font-size: 36px;
        font-weight: 400;
        color: #222222;
        text-align: center;
        padding: 0 0 50px 0;
    }

.pay-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pay-item {
    width: 49.16%;
}

.pay-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: #FFFFFF;
    width: 49.16%;
    margin: 20px 0 0 0;
    padding: 20px 50px 13px 30px;
}

    .pay-item > div > h3 {
        font-size: 24px;
        font-weight: 400;
        color: #222222;
        margin: 20px 0 0 0;
    }


    .pay-item > div > p {
        font-size: 16px;
        font-weight: 300;
        color: #222222;
        line-height: 24px;
        margin: 16px 0 0 0;
    }

.seo-box {
    width: 100%;
    min-height: 41.927vw;
    background: url(../img/seo_bg.png);
    background-size: cover;
}

    .seo-box > h2:nth-of-type(1) {
        font-size: 36px;
        font-weight: 400;
        color: #222222;
        text-align: center;
        padding: 6.51vw 0 0 0;
    }


    .seo-box > h3:nth-of-type(1) {
        font-size: 36px;
        font-weight: 400;
        color: #222222;
        text-align: center;
        padding: 10px 0 0 0;
    }


.seo-list {
    display: flex;
    flex-wrap: wrap;
    margin: 4.427vw 18.86% 0 50.2%;
}

.seo-item {
    text-align: center;
    margin: 3.02vw 0 0 0;
}

    .seo-item > img {
        width: 2.98vw;
    }

    .seo-item > span {
        display: block;
        font-size: 0.83vw;
        font-weight: 400;
        color: #222222;
        margin: 0.83vw 0 0 0;
    }

    .seo-item:not(:nth-of-type(4n)) {
        margin: 3.02vw 5.208vw 0 0;
    }

.flow-box {
    width: 100%;
    height: 38.4375vw;
    background: url(../img/flow_bg.png);
    background-size: cover;
}


.solution-02 > h2:nth-last-of-type(1) {
    width: 537px;
    line-height: 54px;
    border: 1px solid #222222;
    font-size: 30px;
    font-weight: 400;
    color: #222222;
    text-align: center;
    margin: 0 auto 180px;
}


/* 党史解决方案 */
.solution-03 {
}


    .solution-03 > .strong-box {
        padding: 5.83vw 18.307vw 0;
        height: 41.40625vw;
        background: url(../img/strong_bg.png);
        background-size: cover;
    }

.strong-box > h2,
.point-box > h2,
.mode-box > h2 {
    font-size: 36px;
    font-weight: 500;
    color: #222222;
}

.strong-box > ul,
.point-box > ul,
.mode-box > ul {
    margin: 36px 0 0 0;
}

    .strong-box > ul > li,
    .point-box > ul > li,
    .mode-box > ul > li {
        display: flex;
        align-items: center;
        font-size: 30px;
        color: #666666;
        line-height: 42px;
    }


.solution-03 > .rich-box {
    height: 51.25vw;
    background: url(../img/rich_bg.png);
    background-size: cover;
    padding: 2.34375vw 0 0 0;
}

.rich-box > h2 {
    font-size: 36px;
    font-weight: 400;
    color: #222222;
    text-align: center;
}

.rich-box > p {
    width: 28.07vw;
    margin: 2.34375vw auto 0;
    font-size: 30px;
    font-weight: 400;
    color: #222222;
    line-height: 42px;
    text-align: center;
}


.solution-03 > .point-box {
    padding: 5.83vw 18.307vw 0;
    height: 40.15625vw;
    background: url(../img/point_bg.png);
    background-size: cover;
}


.solution-03 > .page-box {
    padding: 5.729vw 0 0 65.1vw;
    height: 35.625vw;
    background: url(../img/page_bg.png);
    background-size: cover;
}

.page-box > h2 {
    font-size: 36px;
    font-weight: 500;
    color: #222222;
}

.page-box > p {
    width: 15.52vw;
    margin: 2.447vw 0 0 0;
    font-size: 30px;
    color: #222222;
    line-height: 42px;
}

.solution-03 > .mode-box {
    padding: 5.83vw 18.307vw 0;
    height: 43.48vw;
    background: url(../img/mode_bg.png);
    background-size: cover;
}

.solution-03 > .question-box {
    padding: 5.729vw 0 0 0;
    height: 39.79vw;
    background: url(../img/question_bg.png);
    background-size: cover;
}

.question-box > h2 {
    font-size: 36px;
    font-weight: 500;
    color: #222222;
    text-align: center;
}


.question-box > h3 {
    margin: 2.552vw 0 0 0;
    font-size: 30px;
    font-weight: 400;
    color: #222222;
    text-align: center;
}

.solution-03 > .qrcode-box {
    width: 100%;
    padding: 3.541vw 18.3vw 0;
    height: 16.04vw;
    background: #8D0303;
}

.qrcode-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.solution-04 > .section-01 {
    background-color: #3DA5FE;
    text-align: center;
}

.solution-04 > .section-02 {
    background-color: #fff;
    text-align: center;
}


.solution-04 > .section-03 {
    background-color: #3DA5FE;
    text-align: center;
}

.solution-04 > .section-04 {
    background-color: #fff;
    text-align: center;
}

/* 邮箱独享 */
.solution-05 > .section-01 {
    padding: 0 0 4.6875vw 0;
}

.solution > ul {
    padding: 5.677vw 31.6vw 0;
    display: flex;
}

    .solution > ul > li > a {
        font-size: 0.9375vw;
        font-weight: 400;
        color: #222222;
    }
    .solution > ul > li.active > a {
        font-size: 1.04vw;
    }
        .solution > ul > li.active > i {
        display: block;
        width: 4.53125vw;
        height: 3px;
        background: #222222;
        margin: 1.458vw auto 0;
    }

    .solution > ul > li {
    }

        .solution > ul > li:not(:nth-of-type(3n)) {
            margin: 0 7.2vw 0 0;
        }



.common-section-01 > h2 {
    font-size: 36px;
    font-weight: 400;
    color: #222222;
    text-align: center;
    margin: 8vw 0 1.614vw 0;
}

.common-section-01 > h3 {
    font-size: 18px;
    font-weight: 300;
    color: #555555;
    text-align: center;
}

.common-section-01 > div {
    margin: 3.07vw 18.958vw 4.6875vw 16.82vw;
    display: flex;
    align-items: flex-start;
}

    .common-section-01 > div > img {
        width: 21.77vw;
        margin: 0 3.02vw 0 0;
    }

    .common-section-01 > div > div > p {
        font-size: 16px;
        font-weight: 300;
        color: #222222;
        line-height: 24px;
    }


    .common-section-01 > div > div > h2 {
        font-size: 16px;
        font-weight: 300;
        color: #222222;
        line-height: 24px;
        font-weight: bold;
        margin: 16px 0 0 0;
    }

.common-section-02 > h2 {
    font-size: 36px;
    font-weight: 400;
    color: #222222;
    text-align: center;
}

.common-section-02 > .advantage-list {
    display: flex;
    flex-wrap: wrap;
}

    .common-section-02 > .advantage-list > .advantage-item {
        width: 224px;
        height: 244px;
        background: #FFFFFF;
        margin: 0 20px 0 0;
    }

.common-section-02 {
    padding: 81px 0;
    background: #F7F7F7;
}

    .common-section-02 > .advantage-list {
        margin-top: 70px;
    }

.advantage-item > img {
    display: block;
    margin: 50px auto 0;
}

.advantage-item > span {
    font-size: 18px;
    font-weight: 400;
    color: #222222;
    display: block;
    text-align: center;
}

.solution-05 .advantage-item > span {
    margin: 40px 0 0 0;
}

.solution-07 .advantage-item > span {
    margin: 10px 0 0 0;
}

.solution-05 .section-03 {
    padding: 0 0 99px 0;
    background: #FFFFFF;
}

.solution .h2 {
    font-size: 36px;
    font-weight: 400;
    color: #222222;
    text-align: center;
}

.solution-05 .h2 {
    padding: 110px 0 70px 0;
}



.table-list {
    border: 1px solid #C7C7C7;
}

    .table-list > .table-item {
        display: flex;
        height: 100px;
        align-items: center;
    }

        .table-list > .table-item:nth-of-type(odd) {
            background: #FFFFFF;
        }

        .table-list > .table-item:nth-of-type(even) {
            background: #F9F9F9;
        }


.table-item > i {
    width: 6px;
    height: 6px;
    background: #333333;
    border-radius: 3px;
    margin: 0 20px 0 147px;
}

.table-item > span {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
}

    .table-item > span:nth-of-type(1) {
        font-size: 16px;
        font-weight: 400;
        color: #333333;
        width: 30%;
    }

    .table-item > span:nth-of-type(2) {
        font-size: 16px;
        font-weight: 400;
        color: #333333;
        width: 45.23%;
        margin: 0 130px 0 0px;
    }

/* .solution-05>.section-04 */
.common-section-04 {
    background: #F7F7F7;
    padding: 81px 0;
}

/* .solution-05>.section-04>h2 */
.common-section-04 {
    font-size: 36px;
    font-weight: 400;
    color: #222222;
    text-align: center;
}

.core-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 69px;
}

.core-item {
    background: #FFFFFF;
    text-align: center;
}

.solution-05 .core-item {
    width: 386px;
    height: 244px;
    margin: 0 21px 0 0;
}

.solution-07 .core-item {
    width: 285px;
    height: 263px;
    margin: 0 20px 0 0;
}

.solution-05 .core-item:nth-of-type(3n) {
    margin-right: 0;
}

.solution-07 .core-item:nth-of-type(4n) {
    margin-right: 0;
}

.core-item > img {
    display: block;
    margin: 20px auto 0;
}

.core-item > span:nth-of-type(1) {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #222222;
    margin: 21px 0 23px 0;
}

.core-item > span:nth-of-type(2) {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #888888;
}

/* 解决方案6 */
.solution-06 .h2:nth-of-type(1) {
    padding: 49px 0 70px 0;
}

.solution-06 > .h2:nth-of-type(1) {
    padding: 110px 0 70px 0;
}

.solution-06 .table-item > span:nth-of-type(2) {
    width: 54.75%;
    margin: 0;
}

.solution-06 .section-02:nth-of-type(2) {
    border: 1px solid #C7C7C7;
}

.tab-list {
    display: flex;
    height: 71px;
}

.tab-item {
    width: 50%;
    line-height: 71px;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    color: #555555;
}

    .tab-item:nth-of-type(1) {
        background: #F9F9F9;
    }

    .tab-item:nth-of-type(2) {
    }

.solution-06 > .section-02 > h3 {
    font-size: 18px;
    font-weight: 300;
    color: #555555;
    text-align: center;
    padding: 59px 251px;
}

.solution-06 > .section-02 > div {
    display: flex;
    align-items: flex-start;
    margin: 0 0 4.6875vw 0;
}

    .solution-06 > .section-02 > div > img {
        width: 21.77vw;
        margin: 0 3.02vw 0 0;
    }

    .solution-06 > .section-02 > div > div > p {
        font-size: 16px;
        font-weight: 300;
        color: #222222;
        line-height: 24px;
        margin: 16px 43px 0 0;
    }

    .solution-06 > .section-02 > div > div > h2 {
        font-size: 16px;
        font-weight: 300;
        color: #222222;
        line-height: 24px;
        font-weight: bold;
        margin: 16px 0 0 0;
    }

.solution-06 > .section-03 > h2 {
    font-size: 36px;
    font-weight: 400;
    color: #222222;
    text-align: center;
    margin: 110px 0 0 0;
}

.solution-06 > .section-03 > h3 {
    font-size: 18px;
    font-weight: 300;
    color: #555555;
    text-align: center;
    margin: 30px 0 0 0;
}

.solution-06 > .section-03 > .version-list {
    margin-top: 80px;
    display: flex;
}

.version-list .version-item {
    width: 386px;
    height: 422px;
    background: #FFFFFF;
    box-shadow: 0px 2px 15px 0px rgba(14, 5, 9, 0.1);
    padding: 40px 20px 40px 20px;
    margin: 0px 20px 180px 0;
}

    .version-list .version-item:nth-of-type(3n) {
        margin-right: 0;
    }

.version-item > h3 {
    font-size: 24px;
    font-weight: 400;
    color: #222222;
}

.version-item > p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    color: #555555;
    margin: 30px 0 0 0;
}

/* 解决方案7 */


.global-list {
    display: flex;
    flex-wrap: wrap;
}

.solution-07 > .section-03 > h2 {
    padding: 110px 0 70px 0;
}

.global-item {
    width: 386px;
    height: 244px;
    background: #FFFFFF;
    box-shadow: 0px 2px 15px 0px rgba(14, 5, 9, 0.1);
    margin: 0 21px 0 0;
    text-align: center;
}

    .global-item:nth-of-type(3) {
        margin-right: 0;
    }

    .global-item > img:nth-of-type(1) {
        display: block;
        margin: 20px auto 0;
    }

    .global-item > span:nth-of-type(1) {
        display: block;
        font-size: 16px;
        color: #222222;
        margin: 27px auto 0;
    }

    .global-item > span:nth-of-type(2) {
        display: block;
        font-size: 16px;
        color: #888888;
        margin: 13px auto 0;
    }

.worry-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.worry-item {
    display: flex;
    align-items: center;
    width: 49.1%;
    height: 140px;
    background: #FFFFFF;
    padding: 20px 30px;
    box-shadow: 0px 2px 15px 0px rgba(14, 5, 9, 0.1);
}

    .worry-item:nth-of-type(2) ~ div {
        margin-top: 20px;
    }

    .worry-item > div > h3:nth-of-type(1) {
        font-size: 24px;
        font-weight: 400;
        color: #222222;
    }

    .worry-item > div > p:nth-of-type(1) {
        width: 22.552vw;
        font-size: 16px;
        font-weight: 300;
        color: #222222;
        margin: 16px 0 0 0;
    }

/* 解决方案8 */
.solution-08 > h2:nth-of-type(1) {
    width: 340px;
    font-size: 36px;
    font-weight: 400;
    color: #222222;
    text-align: center;
    padding: 119px 0 72px 0;
    margin: auto;
}

.bonus-list {
    display: flex;
    flex-wrap: wrap;
}

.bonus-item {
    width: 277px;
    height: 844px;
    margin: 0 30px 0 0;
    background-color: rgba(42, 98, 255, 0.05);
}

    .bonus-item > span:nth-of-type(1) {
        display: block;
        font-size: 24px;
        font-weight: 500;
        color: #FFFFFF;
        background: #2A62FF;
        text-align: center;
        line-height: 62px;
    }

    .bonus-item > div {
        text-align: center;
        padding: 78px 0 0 0;
        transition: all ease 0.5s;
    }

        .bonus-item > div:hover {
            padding: 33px 0 31px 0;
            margin: 21px 0 0 0;
            background: #FFFFFF;
            box-shadow: 0px 2px 15px 0px rgba(14, 5, 9, 0.1);
        }

            .bonus-item > div:hover > span:nth-of-type(2) {
                height: auto;
            }

            .bonus-item > div:hover + div {
                padding: 28px 0 0 0;
            }


        .bonus-item > div > span:nth-of-type(2) {
            height: 0;
            overflow: hidden;
        }

        .bonus-item > div > img {
            display: block;
            margin: auto;
        }

        .bonus-item > div > span:nth-of-type(1) {
            display: block;
            font-size: 22px;
            font-weight: 400;
            color: #222222;
            padding: 28px 0 11px 0;
        }

        .bonus-item > div > span:nth-of-type(2) {
            display: block;
            width: 145px;
            font-size: 18px;
            line-height: 24px;
            font-weight: 400;
            color: #888888;
            margin: auto;
        }

.style-box {
    position: relative;
    background: #F7F7F7;
    padding: 119px 0 119px 0;
}

    .style-box > h2 {
        font-size: 36px;
        font-weight: 400;
        color: #222222;
        text-align: center;
    }

    .style-box > ul {
        display: flex;
        justify-content: center;
        margin: 75px auto 90px auto;
    }

        .style-box > ul > li {
            margin: 0 36px 0 0;
        }

            .style-box > ul > li.active > span {
                font-size: 20px;
                font-weight: 500;
                color: #222222;
            }

            .style-box > ul > li.active > i {
                margin: 21px auto 0;
                display: block;
                width: 47px;
                height: 3px;
                background: #222222;
            }

            .style-box > ul > li > span {
                font-size: 18px;
                font-weight: 300;
                color: #555555;
            }

    .style-box .swiper-slide {
        width: 198px;
        text-align: center;
    }

        .style-box .swiper-slide > img:nth-of-type(1) {
            width: 100%;
            height: 412px;
            object-fit: cover;
        }

        .style-box .swiper-slide > span {
            display: block;
            font-size: 20px;
            font-weight: 300;
            color: #555555;
            margin: 30px auto 0;
        }

.style-qrcode {
    height: 0;
    width: 170px;
    position: absolute;
    object-fit: cover;
    top: calc(50% - 85px);
    left: calc(50% - 85px);
    transition: all ease 0.3s;
}

.swiper-slide:hover .style-qrcode {
    height: 170px;
    width: 170px;
}

/* 解决方案9 */

.solution-09 > h3 {
    font-size: 24px;
    font-weight: 300;
    color: #555555;
    text-align: center;
    margin: 0 0 69px 0;
}

.solution-09 > h2:nth-of-type(1) {
    margin: 110px 0 99px 0;
}



.solution-09 > h2:nth-of-type(2) {
    margin: 114.5px 0 70px 0;
}


.solution-09 > h2:nth-of-type(3) {
    margin: 120px 0 24px 0;
}


.solution-09 .style-box > h2 {
    padding: 0 0 77px 0;
}

.mini-list {
    display: flex;
    justify-content: space-between;
}

.mini-item {
    text-align: center;
}

    .mini-item > img {
        display: block;
        margin: auto;
    }

    .mini-item > span:nth-of-type(1) {
        display: block;
        font-size: 22px;
        font-weight: 400;
        color: #222222;
        margin: 40px auto 7px;
    }


    .mini-item > span:nth-of-type(2) {
        display: block;
        width: 196px;
        font-size: 18px;
        font-weight: 400;
        color: #888888;
        line-height: 27px;
        margin: auto 0;
    }



.industry-list {
    display: flex;
    flex-wrap: wrap;
}

.industry-item {
    width: 200px;
    height: 170px;
    background: #EBF1FF;
    border-radius: 20px;
    margin: 0 50px 0 0;
    text-align: center;
}


    .industry-item > img {
        display: block;
        margin: 20px auto 0;
    }

    .industry-item > span:nth-of-type(1) {
        display: block;
        font-size: 22px;
        color: #4477FF;
        margin: 20px auto 7px;
    }




.experience-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 120px 0;
}

.experience-item {
    width: 180px;
    margin: 0 330px 0 0;
    text-align: center;
}

    .experience-item:nth-of-type(3n) {
        margin: 0 0 0 0;
    }

        .experience-item:nth-of-type(3n) ~ div {
            margin-top: 60px;
        }

    .experience-item > img {
        max-width: 100%;
        display: block;
        margin: 20px auto 0;
    }

    .experience-item > span:nth-of-type(1) {
        display: block;
        font-size: 22px;
        color: #4477FF;
        margin: 40px auto 0;
    }


@media screen and (min-width:1200px) {

    .solution-05 > .section-02 > .advantage-list > .advantage-item:nth-of-type(5n),
    .common-section-02 > .advantage-list > .advantage-item:nth-of-type(5n) {
        margin-right: 0;
    }

    .bonus-item:nth-of-type(4) {
        margin: 0;
    }


    .industry-item:nth-of-type(5n) {
        margin: 0 0 0 0;
    }

        .industry-item:nth-of-type(5n) ~ div {
            margin-top: 50px;
        }
}

@media screen and (max-width:1199.98px) {

    .domore-box {
        padding: 30px 2% 30px 2%;
    }

        .domore-box h2 {
            font-size: 18px;
            text-align: center;
        }

    .more-list {
    }


    .more-list {
        margin: 10px 0 0 0;
    }

    .more-item {
        width: 30%;
        height: 28.88vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #EBF1FF;
        border-radius: 20px;
        margin-top: 10px;
    }

        .more-item:not(:nth-of-type(5)) {
            margin: 10px 0% 0 0;
        }

        .more-item:not(:nth-of-type(3)) {
            margin: 10px 5% 0 0;
        }

        .more-item > img {
            width: 29px;
            margin: 25px 0 0 0;
        }

        .more-item > span {
            margin: 10px 0 0 0;
            font-size: 12px;
        }

    .dobetter-box > h2 {
        font-size: 18px;
    }

    .better-list {
        display: flex;
        flex-wrap: wrap;
        margin: 10px 0 0 0;
        padding: 0 3%;
        justify-content: space-between;
    }

    .better-item {
        width: 49%;
        height: 60.3vw;
        background-size: cover;
        position: relative;
        margin: 10px 0 0 0;
    }


        .better-item > img {
            margin: 52px auto 0;
            transition: all ease 0.5s;
        }

        .better-item > p:nth-of-type(1) {
            margin: 20px auto 0;
            font-size: 12px;
            line-height: 15px;
        }

        .better-item > p:nth-of-type(2) {
            padding: 0 12px;
            font-size: 12px;
            line-height: 15px;
        }

        .better-item:hover img {
            margin: 32px auto 0;
        }

        .better-item:hover p:nth-of-type(1) {
            margin: 22px auto;
        }


    /* 解决方案2 */
    .spread-box {
        padding: 10px 10px 20px;
    }

        .spread-box > h2 {
            font-size: 18px;
        }

        .spread-box > h3:nth-of-type(1) {
            font-size: 12px;
            margin: 10px 0 30px 0;
        }

    .spread-list {
        padding: 10px 3% 30px 3%;
        justify-content: space-between;
    }

    .spread-item {
        width: 48%;
        height: auto;
        margin: 10px 0px 0 0;
        padding: 8px 10px 20px 6px;
    }

        .spread-item:nth-of-type(odd) {
            margin: 10px 10px 0 0;
        }


        .spread-item > div > img {
            width: 30px;
            margin: 0 10px 0 0;
        }

        .spread-item > div > span {
            font-size: 12px;
        }

        .spread-item > p {
            margin: 10px 0 0 0;
            font-size: 12px;
            line-height: 18px;
        }

    .spread-box > p {
        padding: 10px 0 24px 0;
        width: 80%;
        margin: auto;
        font-size: 14px;
        line-height: 16px;
    }

    .spread-box > .diy-box {
        width: 80%;
        height: 35.62vw;
        margin: auto;
        background: url(../img/diy_bg.png);
        background-size: cover;
    }

    .search-box {
        background-color: #2A62FF;
        padding: 10px 0 0 0;
        background-image: url(../img/search_left.png);
        background-size: cover;
        height: 31.2vw;
    }


        .search-box > h2 {
            font-size: 12px;
            padding: 0px 0 10px;
        }

        .search-box > ul {
            padding: 0 0 0 50.9375vw;
        }

            .search-box > ul > li {
                margin: 5px 0 0 0;
                font-size: 12px;
            }


    .pay-box {
        padding: 30px 0 30px 0;
        background: #F7F7F7;
    }

        .pay-box > h2 {
            font-size: 18px;
            padding: 0 0 10px 0;
        }

    .pay-list {
        padding: 0 2%;
    }




    .pay-item {
        width: 49.16%;
        margin: 10px 0 0 0;
        padding: 10px 0px 10px 15px;
    }

        .pay-item > div > h3 {
            font-size: 14px;
            margin: 4px 0 0 0;
        }



        .pay-item > div > p {
            color: #666;
            font-size: 12px;
            line-height: 14px;
            margin: 8px 0 0 0;
        }

        .pay-item > img {
            width: 50px;
        }


    .seo-box {
        padding: 0 0 30px 0;
        background-position: top;
    }

    .seo-box > h2:nth-of-type(1) {
        font-size: 14px;
        padding: 6.51vw 0 0 0;
    }


    .seo-box > h3:nth-of-type(1) {
        font-size: 12px;
        padding: 10px 0 0 0;
    }


    .seo-list {
        margin: 0% 0% 0 40%;
        padding: 10px 3%;
        justify-content: flex-start;
        width: 60%;
    }

    .seo-item {
        width: 33.3%;
        text-align: center;
        margin: 3.02vw 0 0 0;
    }

        .seo-item > img {
            width: 28px;
        }

        .seo-item > span {
            font-size: 0.83vw;
        }

        .seo-item:not(:nth-of-type(4n)) {
            margin: 3.02vw 0vw 0 0;
        }

    .flow-box {
        height: 38.4375vw;
    }


    .solution-02 > h2:nth-last-of-type(1) {
        width: 270px;
        line-height: 24px;
        font-size: 12px;
        margin: 0 auto 10px;
    }



    .solution-03 > .strong-box {
        padding: 5.83vw 2vw 0;
        height: 41.40625vw;
        background-position: 16vw 5.33vw;
    }


    .solution-03 > .rich-box {
        background-repeat: no-repeat;
        height: 70.25vw;
    }

    .solution-03 > .question-box {
        height: 52.79vw;
    }
    .strong-box > h2,
    .point-box > h2,
    .mode-box > h2 {
        font-size: 18px;
    }

    .strong-box > ul,
    .point-box > ul,
    .mode-box > ul {
        margin: 18px 0 0 0;
    }

        .strong-box > ul > li,
        .point-box > ul > li,
        .mode-box > ul > li {
            line-height: 16px;
            font-size: 12px;
        }

    .rich-box > h2 {
        font-size: 18px;
        font-weight: 400;
        color: #222222;
        text-align: center;
    }

    .rich-box > p {
        width: 68.07vw;
        margin: 2.34375vw auto 0;
        font-size: 12px;
        line-height: 16px;
    }

    .solution-03 > .point-box {
        padding: 5.83vw 2vw 0;
        height: 43.48vw;
        background-size: cover;
        background-position: 15vw 2vw;
    }
    .solution-03 > .mode-box {
        padding: 5.83vw 2vw 0;
        height: 43.48vw;
        background-size: cover;
        background-position: 18vw 4vw;
    }

    .page-box > h2 {
        font-size: 18px;
    }

    .page-box > p {
        width: 32.52vw;
        margin: 2.447vw 0 0 0;
        font-size: 12px;
        line-height: 16px;
    }

    .question-box > h2 {
        font-size: 18px;
    }


    .question-box > h3 {
        margin: 2.552vw 0 0 0;
        font-size: 12px;
    }

    .solution-03 > .qrcode-box {
        padding: 3.541vw 18.3vw 2vw;
        height: auto;
    }

    .qrcode-box > img:nth-of-type(1) {
        width: 135px;
    }

    .qrcode-box > img:nth-of-type(2) {
        width: 90px;
    }

    .solution-04 > .section-01 > img {
        width: 100%;
    }

    .solution-04 > .section-02 > img {
        width: 100%;
    }

    .solution-04 > .section-03 > img {
        width: 100%;
    }

    .solution-04 > .section-04 > img {
        width: 100%;
    }

    .solution > ul {
        padding: 10px 3% 0;
        display: flex;
        justify-content: space-between;
    }

        .solution > ul > li:not(:nth-of-type(3n)) {
            margin: 0 0 0 0;
        }

    .common-section-01 > h2 {
        font-size: 18px;
    }

    .common-section-01 > h3 {
        font-size: 12px;
    }

    .common-section-01 > div {
        margin: 1vw 6vw 0 5vw;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }

        .common-section-01 > div > div > p {
            font-size: 12px;
            line-height: 16px;
        }

        .common-section-01 > div > img {
            width: 100%;
        }

    .common-section-02 {
        padding: 10px 0 30px 0;
        margin: 30px 0 0 0;
    }

        .common-section-02 > h2 {
            margin: 30px 0 0 0;
            font-size: 18px;
        }

        .common-section-02 > .advantage-list {
            margin-top: 10px;
        }

            .common-section-02 > .advantage-list > .advantage-item {
                width: 32%;
                height: 25vw;
                background: #FFFFFF;
                margin: 10px 2% 0 0;
            }

                .common-section-02 > .advantage-list > .advantage-item:nth-of-type(3n) {
                    margin-right: 0;
                }


    .advantage-item > img {
        display: block;
        width: 47px;
        margin: 10px auto 0;
    }


    .advantage-item > span {
        font-size: 12px;
        margin: 10px 0 0 0;
    }

    .solution-05 .advantage-item > span {
        margin: 15px 0 0 0;
    }

    .solution-05 .section-03 {
        padding: 0 0 10px 0;
    }

    .solution .h2 {
        font-size: 18px;
    }

    .solution-05 .h2 {
        padding: 30px 0 0px 0;
    }

    .table-list > .table-item {
        height: auto;
        padding: 10px;
    }


    .table-item > i {
        margin: 0 10px 0 12px;
    }

    .table-item > span {
        font-size: 12px;
    }


    .table-list {
        border: none;
    }

        .table-item > span:nth-of-type(1) {
            font-size: 12px;
        }

        .table-item > span:nth-of-type(2) {
            font-size: 12px;
            margin: 0 32px 0 0px;
        }


    /* .solution-05>.section-04 */
    .common-section-04 {
        padding: 30px 0;
    }

        /* .solution-05>.section-04>h2 */
        .common-section-04 > h2 {
            font-size: 18px;
        }

    .core-list {
        margin-top: 10px;
        justify-content: space-between;
    }

    .solution-05 .core-item {
        width: 30%;
        height: 122px;
        margin: 0 0 0 0;
    }

        .solution-05 .core-item:nth-of-type(3n) {
            margin-right: 0;
        }

    .solution-07 .core-item {
        width: 48%;
        height: auto;
        margin: 5px 0 5px 0;
    }

    .solution-7 .core-item:nth-of-type(4n) {
        margin-right: 0;
    }




    .core-item > img {
        width: 100px;
        display: block;
        margin: 10px auto 0;
    }

    .core-item > span:nth-of-type(1) {
        font-size: 12px;
        margin: 10px 0 10px 0;
    }

    .core-item > span:nth-of-type(2) {
        font-size: 12px;
        line-height: 16px;
    }



    /* 解决方案6 */
    .solution-06 .h2:nth-of-type(1) {
        padding: 30px 0 0px 0;
    }




    .tab-item {
        width: 50%;
        line-height: 40px;
        font-size: 14px;
    }

    .solution-06 .section-02:nth-of-type(2) {
    }

    .solution-06 > .section-02 > h3 {
        font-size: 12px;
        text-align: center;
        padding: 10px 3%;
    }

    .solution-06 > .section-02 > div {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 0 3%;
    }

        .solution-06 > .section-02 > div > img {
            width: 100%;
        }

        .solution-06 > .section-02 > div > div > p {
            font-size: 12px;
            line-height: 16px;
            margin: 0;
        }

    .solution-06 > .section-03 > h2 {
        font-size: 18px;
        margin: 30px 0 0 0;
    }

    .solution-06 > .section-03 > h3 {
        font-size: 12px;
        margin: 10px 0 0 0;
    }

    .solution-06 > .section-03 > .version-list {
        margin-top: 10px;
    }

    .version-list .version-item {
        height: auto;
        box-shadow: 0px 2px 15px 0px rgba(14, 5, 9, 0.1);
        padding: 20px 10px 20px 10px;
        margin: 0px 5px 10px 0;
    }


    .version-item > h3 {
        font-size: 12px;
    }

    .version-item > p {
        font-size: 12px;
        line-height: 16px;
        margin: 10px 0 0 0;
    }

    /* 解决方案7 */

    .solution-07 > .section-03 > h2 {
        padding: 30px 0 0px 0;
    }


    .global-list {
        justify-content: space-between;
    }

    .global-item {
        width: 48%;
        height: auto;
        margin: 10px 0px 0 0;
    }

        .global-item > img:nth-of-type(1) {
            margin: 10px auto 0;
            width: 60px;
        }

        .global-item > span:nth-of-type(1) {
            font-size: 12px;
            margin: 12px auto 0;
        }

        .global-item > span:nth-of-type(2) {
            font-size: 12px;
            margin: 6px auto 0;
        }

    .worry-item {
        width: 49.1%;
        height: auto;
        background: #FFFFFF;
        padding: 20px 10px;
        box-shadow: 0px 2px 15px 0px rgba(14, 5, 9, 0.1);
    }

        .worry-item > img {
            width: 48px;
        }

        .worry-item > div > h3:nth-of-type(1) {
            font-size: 16px;
        }

        .worry-item > div > p:nth-of-type(1) {
            font-size: 12px;
            margin: 8px 0 0 0;
        }


    /* 解决方案8 */
    .solution-08 > h2:nth-of-type(1) {
        width: 170px;
        font-size: 18px;
        padding: 10px 0 10px 0;
    }

    .bonus-list {
        display: block;
        flex-wrap: wrap;
    }

    .bonus-item {
        width: 100%;
        height: auto;
        margin: 10px 0 10px 0;
    }

        .bonus-item > span:nth-of-type(1) {
            font-size: 24px;
            line-height: 30px;
        }

        .bonus-item > div {
            display: inline-block;
            width: 32.5%;
            height: auto;
            margin: 0 0px 0 0;
            padding: 10px 0 0 0;
        }

            .bonus-item > div > img {
                width: 48px;
            }


            .bonus-item > div:hover {
                padding: 16px 0 14px 0;
                margin: 0px 0 0 0;
                box-shadow: 0px 2px 15px 0px rgba(14, 5, 9, 0.1);
            }

                .bonus-item > div:hover + div {
                    padding: 0px 0 0 0;
                }



            .bonus-item > div > span:nth-of-type(1) {
                font-size: 14px;
                padding: 14px 0 5px 0;
            }

            .bonus-item > div > span:nth-of-type(2) {
                width: 72px;
                font-size: 12px;
                line-height: 16px;
            }

    .style-box {
        padding: 10px 0 10px 0;
    }

        .style-box > h2 {
            font-size: 18px;
        }

        .style-box > ul {
            display: flex;
            justify-content: center;
            margin: 10px auto 10px auto;
        }

            .style-box > ul > li {
                margin: 0 18px 0 0;
            }

                .style-box > ul > li.active > span {
                    font-size: 14px;
                    color: #222222;
                }

                .style-box > ul > li.active > i {
                    margin: 10px auto 0;
                    width: 23px;
                    height: 3px;
                }

                .style-box > ul > li > span {
                    font-size: 12px;
                }


        .style-box .swiper-slide {
            width: 99px;
            margin-right: 20px !important;
        }

            .style-box .swiper-slide > img:nth-of-type(1) {
                height: 206px;
            }

            .style-box .swiper-slide > span {
                font-size: 12px;
                margin: 15px auto 0;
            }

    .style-qrcode {
        width: 85px;
        top: calc(50% - 42.5px);
        left: calc(50% - 42.5px);
    }

    .swiper-slide:hover .style-qrcode {
        height: 85px;
        width: 85px;
    }

    /* 解决方案9 */
    .solution-09 > h3 {
        font-size: 12px;
        margin: 0 0 10px 0;
    }


    .solution-09 > h2:nth-of-type(1) {
        margin: 10px 0 10px 0;
    }



    .solution-09 > h2:nth-of-type(2) {
        margin: 10px 0 10px 0;
    }


    .solution-09 > h2:nth-of-type(3) {
        margin: 10px 0 10px 0;
    }


    .solution-09 .style-box > h2 {
        margin: 10px 0 10px 0;
    }

    .mini-item > img {
        width: 48px;
    }

    .mini-item > span:nth-of-type(1) {
        display: block;
        font-size: 16px;
        margin: 10px auto 7px;
    }


    .mini-item > span:nth-of-type(2) {
        display: block;
        width: 100px;
        font-size: 12px;
        line-height: 16px;
    }

    .industry-item {
        width: 26.66vw;
        height: 22.66vw;
        background: #EBF1FF;
        border-radius: 20px;
        margin: 0 10vw 0 0;
        text-align: center;
    }

        .industry-item:nth-of-type(3n) {
            margin: 0 0 0 0;
        }

            .industry-item:nth-of-type(3n) ~ div {
                margin-top: 10px;
            }

        .industry-item > img {
            width: 35px;
            display: block;
            margin: 10px auto 0;
        }

        .industry-item > span:nth-of-type(1) {
            display: block;
            font-size: 12px;
            color: #4477FF;
            margin: 10px auto 7px;
        }


    .experience-list {
        padding: 0 0 10px 0;
    }

    .experience-item {
        width: 24vw;
        margin: 0 14vw 0 0;
    }

        .experience-item:nth-of-type(3n) {
            margin: 0 0 0 0;
        }

            .experience-item:nth-of-type(3n) ~ div {
                margin-top: 10px;
            }

        .experience-item > img {
            margin: 10px auto 0;
        }

        .experience-item > span:nth-of-type(1) {
            font-size: 12px;
            margin: 10px auto 0;
        }


    .solution-09 .style-box > h2 {
        padding: 0 0 10px 0;
    }
}