﻿

.comprehensive-container {
    background: #fff;
    margin: 0 auto;
    max-width: 1920px;
    min-width: 1220px;
    padding-bottom: 160px;
    width: 100%
}

    .comprehensive-container .zhjbd-poster {
        background-size: cover;
        height: 150px;
        width: 100%
    }

        .comprehensive-container .zhjbd-poster a {
            display: block;
            height: 150px
        }

    .comprehensive-container .banner-content__link {
        cursor: pointer
    }

    .comprehensive-container .banner-top .banner-top-content {
        align-items: center;
        display: flex;
        height: 68px;
        justify-content: space-between;
        margin: 0 auto;
        min-width: 1200px;
        width: 62.4%
    }

    .comprehensive-container .buy-button {
        align-items: center;
        background: #ff6d00;
        border-radius: 40px;
        color: #fff;
        cursor: pointer;
        display: block;
        display: flex;
        flex-direction: column;
        font-size: 24px;
        font-weight: 700;
        height: 70px;
        justify-content: center;
        letter-spacing: 1.2px;
        position: relative;
        text-align: center;
        width: 240px
    }

        .comprehensive-container .buy-button .star {
            align-items: center;
            background: red;
            border-radius: 50%;
            color: #ffe000;
            display: flex;
            flex-direction: row;
            font-size: 18px;
            font-weight: 400;
            height: 45px;
            justify-content: center;
            position: absolute;
            right: -3px;
            top: -22px;
            transform: rotate(20deg);
            width: 45px
        }

    .comprehensive-container .blue {
        background: #1678ff;
        color: #fff
    }

    .comprehensive-container .blue-main {
        background: #13c4d6
    }

    .comprehensive-container .yellow {
        color: #f6ff00
    }

    .comprehensive-container .asm-section__title {
        color: #000;
        font-size: 48px;
        margin: 100px 0 70px
    }

    .comprehensive-container .poster-header {
        background-image: radial-gradient(circle at 62% 9.3%,#47adfd 0,#3878ca 57%,#002d92 156%);
        margin: 0
    }

        .comprehensive-container .poster-header .poster {
            align-items: center;
            align-items: flex-start;
            color: #000 !important;
            display: flex;
            flex-direction: row;
            margin: 0 auto;
            padding: 150px 0;
            position: relative;
            width: 1200px
        }

            .comprehensive-container .poster-header .poster .poster-intro {
                display: flex;
                flex-direction: column;
                max-width: 50%;
                position: relative;
                z-index: 1
            }

                .comprehensive-container .poster-header .poster .poster-intro .title {
                    color: #fff;
                    font-size: 72px
                }

                .comprehensive-container .poster-header .poster .poster-intro .intro {
                    color: #fff;
                    font-size: 40px;
                    margin-bottom: 97px
                }

            .comprehensive-container .poster-header .poster .poster-img {
                bottom: 0;
                position: absolute;
                right: -11px
            }

                .comprehensive-container .poster-header .poster .poster-img img {
                    height: 535px;
                    width: 750px
                }

    .comprehensive-container .help-you {
        background: rgba(212,233,255,.7);
        padding-bottom: 120px
    }

        .comprehensive-container .help-you .help-you-container {
            background: #e9f3ff;
            border-radius: 16px;
            box-shadow: 0 10px 21px 0 rgba(0,58,112,.1);
            overflow-x: hidden;
            width: 100%
        }

            .comprehensive-container .help-you .help-you-container .active {
                display:flex !important;
            }

            .comprehensive-container .help-you .help-you-container .title {
                display: flex;
                flex-direction: row;
                height: 60px
            }

                .comprehensive-container .help-you .help-you-container .title .title-item {
                    align-items: center;
                    background: #fff;
                    border-radius: 0 0 16px 16px;
                    color: #000;
                    cursor: pointer;
                    display: flex;
                    flex-direction: row;
                    font-size: 24px;
                    font-weight: 600;
                    height: 100%;
                    justify-content: center;
                    margin-right: 4px;
                    width: 290px
                }

                .comprehensive-container .help-you .help-you-container .title .active {
                    background: #e9f3ff;
                    color: #00bcd1
                }

            .comprehensive-container .help-you .help-you-container .help-you-content {
                align-items: center;
                display: none;
                flex-direction: row;
                padding: 70px 30px;
                width: 100%
            }

                .comprehensive-container .help-you .help-you-container .help-you-content .content-left {
                    width: 50%
                }

                    .comprehensive-container .help-you .help-you-container .help-you-content .content-left .intro-title {
                        font-size: 40px;
                        margin-bottom: 36px
                    }

                    .comprehensive-container .help-you .help-you-container .help-you-content .content-left .intro-container {
                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap
                    }

                        .comprehensive-container .help-you .help-you-container .help-you-content .content-left .intro-container .intro-item {
                            flex: 0 0 45%;
                            margin-bottom: 28px
                        }

                            .comprehensive-container .help-you .help-you-container .help-you-content .content-left .intro-container .intro-item .item-title {
                                font-size: 24px
                            }

                            .comprehensive-container .help-you .help-you-container .help-you-content .content-left .intro-container .intro-item .item-info {
                                font-size: 16px;
                                margin-bottom: 16px
                            }

                .comprehensive-container .help-you .help-you-container .help-you-content .content-right {
                    width: 50%
                }

    .comprehensive-container .management {
        background: url(/jxc/images/management.3167684.jpg) no-repeat;
        height: 818px
    }

        .comprehensive-container .management .manage-item {
            border-top: 1px solid #fff;
            color: #fff;
            display: flex;
            flex-direction: row;
            padding: 30px 5px;
            width: 32%
        }

            .comprehensive-container .management .manage-item img {
                height: 50px;
                width: 50px
            }

    .comprehensive-container .business {
        padding-bottom: 120px
    }

        .comprehensive-container .business .content {
            background-image: linear-gradient(180deg,#fafcff,#fff);
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 10px 20px 0 rgba(0,58,112,.1);
            padding: 0 20px;
            position: relative
        }

            .comprehensive-container .business .content .title {
                align-items: center;
                display: flex;
                flex-direction: row;
                font-size: 21px;
                justify-content: center;
                padding: 16px 0;
                width: 232px
            }

            .comprehensive-container .business .content .intro1 {
                align-items: center;
                background: rgba(225,239,255,.631);
                display: flex;
                flex-direction: column;
                justify-content: center;
                padding: 16px 0;
                position: relative;
                width: 464px
            }

                .comprehensive-container .business .content .intro1 .circle {
                    align-items: center;
                    background: #ff8f00;
                    border-radius: 50%;
                    color: #fff;
                    display: flex;
                    flex-direction: column;
                    height: 120px;
                    justify-content: center;
                    position: absolute;
                    right: 40px;
                    top: 20px;
                    width: 120px
                }

            .comprehensive-container .business .content .intro2 {
                align-items: center;
                display: flex;
                flex-direction: column;
                justify-content: center;
                padding: 16px 0;
                width: 484px
            }

            .comprehensive-container .business .content .download-button {
                border-radius: 40px;
                height: 70px;
                line-height: 70px;
                width: 360px
            }

            .comprehensive-container .business .content .border {
                border-bottom: 1px solid #e6e6e6
            }

            .comprehensive-container .business .content .delete {
                position: absolute;
                right: 10px;
                top: 0
            }

            .comprehensive-container .business .content .xh-btn {
                background: #1678ff;
                color: #ffe000
            }

    .comprehensive-container .industry {
        background: #e1efff;
        padding-bottom: 120px
    }

        .comprehensive-container .industry .industry-item {
            padding: 10px;
            position: relative;
            width: 226px
        }

            .comprehensive-container .industry .industry-item img {
                height: 160px;
                width: 220px
            }

            .comprehensive-container .industry .industry-item .item-title {
                color: #000;
                font-size: 24px;
                text-align: center
            }

    .comprehensive-container .evaluate {
        padding-bottom: 120px
    }

        .comprehensive-container .evaluate .rotation {
            align-items: center;
            cursor: pointer;
            display: flex;
            flex-direction: row
        }

        .comprehensive-container .evaluate .card-intro {
            background: #fff;
            box-shadow: 0 10px 20px 0 rgba(0,101,112,.1);
            height: 452px;
            padding: 20px;
            width: 380px
        }

            .comprehensive-container .evaluate .card-intro img {
                margin-bottom: 20px !important
            }

        .comprehensive-container .evaluate .tip {
            background: #00bfd4;
            border-radius: 8px;
            color: #fff;
            display: inline-block;
            padding: 2px 5px
        }

    .comprehensive-container .dataSafe {
        background: #e1efff;
        padding-bottom: 20px
    }

    .comprehensive-container .strong {
        padding-bottom: 40px
    }

    .comprehensive-container .download {
        align-items: center;
        background: url(../../static/img/download.9a2db5a.jpg) no-repeat;
        background-size: cover;
        bottom: 0;
        display: flex;
        flex-direction: row;
        height: 160px;
        justify-content: center;
        left: 0;
        position: fixed;
        width: 100%
    }

        .comprehensive-container .download .download-intro {
            align-items: center;
            color: #fff;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        .comprehensive-container .download .buy-button {
            margin-top: 0
        }

        .comprehensive-container .download .blue {
            background: #1678ff;
            color: #fff
        }

    .comprehensive-container .dialog-content .m-dialog, .comprehensive-container .dialog-content .m-dialog__body {
        background: #12c4d6;
        border-radius: inherit;
        color: #fff;
        font-family: LanTing;
        height: 350px;
        padding: 0;
        text-align: center;
        width: 800px
    }

    .comprehensive-container .dialog-content .m-dialog__body {
        display: flex
    }

    .comprehensive-container .dialog-content .dialog-content-line {
        border-left: 1px solid #fff;
        height: 198px;
        margin-top: 65px;
        width: 0
    }

    .comprehensive-container .dialog-content .dialog-content-left__btn {
        background: #fff;
        border-radius: 41px;
        color: #12c4d6;
        cursor: pointer;
        display: block;
        font-size: 18px;
        height: 41px;
        letter-spacing: 1px;
        line-height: 41px;
        margin: 42px auto 0;
        width: 135px
    }

    .comprehensive-container .dialog-content .dialog-content-left {
        width: 268px
    }

    .comprehensive-container .dialog-content .dialog-content-left__img {
        height: 82px;
        margin: 24px auto 30px;
        width: 91px
    }

    .comprehensive-container .dialog-content .dialog-content-left__title {
        font-size: 21px;
        font-weight: 700;
        letter-spacing: 2px
    }

    .comprehensive-container .dialog-content .dialog-content-left__text {
        font-size: 16px;
        letter-spacing: 1px;
        margin-top: 8px
    }

    .comprehensive-container .dialog-content .dialog-content-right-mobile {
        width: 250px
    }

    .comprehensive-container .dialog-content .dialog-content-right-mobile__btn {
        border-radius: 41px;
        font-size: 18px;
        height: 41px;
        letter-spacing: 1px;
        line-height: 41px;
        margin: 42px auto 0;
        width: 135px
    }

    .comprehensive-container .dialog-content .dialog-content-right-mobile-img {
        background: #fff;
        box-sizing: border-box;
        height: 231px;
        margin-top: 40px;
        padding: 13px;
        width: 231px
    }

        .comprehensive-container .dialog-content .dialog-content-right-mobile-img .dialog-content-right__img {
            width: 100%
        }

    .comprehensive-container .dialog-content .dialog-content-right {
        display: flex;
        width: 531px
    }

    .comprehensive-container .dialog-content .m-dialog__close {
        align-items: center;
        border: 1px solid #fff;
        border-radius: 50%;
        color: #fff;
        display: flex;
        font-size: 22px;
        height: 24px;
        justify-content: center;
        line-height: 1;
        width: 24px
    }
