@charset "utf-8";@-webkit-keyframes x-rotate {
                     0% {
                         -webkit-transform: rotate(0deg);
                         transform: rotate(0deg)
                     }

                     to {
                         -webkit-transform: rotate(1turn);
                         transform: rotate(1turn)
                     }
                 }

@keyframes x-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.img-mask {
    background: rgba(0,0,0,.6);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11
}

.img-mask .img-box {
    height: 90%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 90%
}

.img-mask .img-box img {
    max-height: 100%;
    width: 100%
}

.img-mask .img-box .img-close {
    background-color: #474b51;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 35px;
    position: absolute;
    right: -10px;
    top: -15px;
    width: 35px
}

.img-mask .img-box .img-close i {
    color: #fff;
    font-size: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.x-window-mask {
    -webkit-transition: background-color opacity;
    transition: background-color opacity;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    z-index: 999
}

.x-input,.x-textarea {
    -webkit-appearance: none;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 16px!important
}

.x-input:focus,.x-textarea:focus {
    border-color: #0db3a6;
    outline: none
}

.x-input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.x-fixed-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(230,247,246,.9);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 72px;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    padding: 0 36px;
    position: fixed;
    right: 0;
    -webkit-transition: all 218ms ease-in-out;
    transition: all 218ms ease-in-out;
    z-index: 2
}

.x-fixed-block .install-link,.x-fixed-block .preview {
    background-color: #0db3a6;
    border-radius: 24px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    width: 160px
}

.x-fixed-block .install-link:hover,.x-fixed-block .preview:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.x-fixed-block.fixed-mobile {
    display: none
}

.x-fixed-block.fixed-pc .preview {
    margin: 0 25px
}

.x-ui-disabled {
    display: none!important
}

.x-mask-wrapper {
    background-color: hsla(0,0%,94%,.8);
    display: none;
    overflow: auto;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.x-mask-wrapper,.x-mask-wrapper .x-drawer {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1002
}

.x-mask-wrapper .x-drawer {
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 hsla(0,0%,86%,.5);
    box-shadow: 0 0 5px 0 hsla(0,0%,86%,.5);
    color: #141e31;
    top: 45px
}

.x-mask-wrapper .x-drawer .drawer-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 20px;
    position: relative;
    width: 100%;
    z-index: 1004
}

.x-mask-wrapper .x-drawer .drawer-header .navigation-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 20px
}

.x-mask-wrapper .x-drawer .drawer-header .navigation-left .app-name {
    color: #141e31;
    max-width: 370px;
    overflow: hidden;
    padding: 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.x-mask-wrapper .x-drawer .drawer-header .navigation-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.x-mask-wrapper .x-drawer .drawer-header .navigation-right .redirect-btn {
    background: #0db3a6;
    border: 1px solid;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin-right: 30px;
    outline: none;
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.x-mask-wrapper .x-drawer .drawer-header .navigation-right .redirect-btn:hover {
    background: #56cac1
}

.x-mask-wrapper .x-drawer .drawer-body {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 60px
}

.x-mask-wrapper .x-drawer .drawer-body .drawer-iframe {
    height: 100%;
    width: 100%
}

.x-mask-wrapper.animate-show {
    display: block
}

.x-primary-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #0F6DFD;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    padding: 12px 24px
}

.x-primary-button:hover {
    background: #4f95ff
}

.x-primary-button:hover .btn-icon {
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

.x-primary-button .btn-icon {
    font-size: 24px;
    margin-left: 8px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.x-primary-button.color-green {
    background: #fff;
    border: 1px solid #0F6DFD;
    color: #0F6DFD;
    padding: 11px 24px
}

.x-primary-button.color-green:hover {
    background: #e0ecff
}

.x-primary-btn {
    display: inline-block
}

.x-primary-btn .button-contain {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #0F6DFD;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    padding: 12px 24px
}

.x-primary-btn .button-contain:hover {
    background: #4f95ff
}

.x-primary-btn .button-contain .btn-icon {
    font-size: 24px;
    margin-left: 8px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.x-primary-btn .button-contain:hover .btn-icon {
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

.fx-markdown-body .document-body {
    visibility: hidden
}

.fx-markdown-body h1 {
    font-size: 30px;
    line-height: 40px
}

.fx-markdown-body h2 {
    font-size: 28px;
    line-height: 36px;
    padding: 32px 0 16px;
    position: relative
}

.fx-markdown-body h2:before {
    border-left: 4px solid #0db3a6;
    border-radius: 2px;
    content: "";
    height: calc(100% - 56px);
    left: -12px;
    position: absolute;
    top: 36px
}

.fx-markdown-body p {
    color: #141e31;
    font-size: 16px;
    line-height: 26px;
    margin: 8px 0
}

.fx-landing-page-dialog .pop-up-stay {
    border-radius: 16px;
    display: none;
    left: 50%;
    margin: 0 auto;
    max-width: 800px;
    padding: 70px 21px 60px 52px;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 60%;
    z-index: 1001
}

.fx-landing-page-dialog .pop-up-stay img.background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.fx-landing-page-dialog .pop-up-stay .close {
    color: #838892;
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 20px
}

.fx-landing-page-dialog .pop-up-stay .click {
    height: 100px;
    position: absolute;
    right: -50px;
    top: 0;
    width: 100px
}

.fx-landing-page-dialog .pop-up-stay .pop-up-right {
    max-height: 330px;
    max-width: 410px
}

.fx-landing-page-dialog .pop-up-stay .pop-up-right .top-offset {
    margin-top: 74px
}

.fx-landing-page-dialog .pop-up-stay .pop-up-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fx-landing-page-dialog .pop-up-stay .pop-up-left .title-box .pop-title-pic {
    height: 32px;
    width: auto
}

.fx-landing-page-dialog .pop-up-stay .pop-up-left .title-box .pop-title-pic img {
    height: 100%;
    width: auto
}

.fx-landing-page-dialog .pop-up-stay .pop-up-left .title-box .pop-title-text h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    text-align: start;
    white-space: nowrap
}

.fx-landing-page-dialog .pop-up-stay .pop-up-left .title-box .pop-title-text h2 span {
    color: #2ea1ff
}

.fx-landing-page-dialog .pop-up-stay .pop-up-left .title-box .pop-title-text h2 .green {
    color: #0F6DFD
}

.fx-landing-page-dialog .pop-up-stay .pop-up-left .pop-p-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    margin-top: 40px
}

.fx-landing-page-dialog .pop-up-stay .pop-up-left .pop-p-box i {
    color: #0F6DFD;
    margin-right: 5px;
    margin-top: 3px
}

.fx-landing-page-dialog .pop-up-stay .pop-up-left .pop-p-box p {
    color: #525967;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left
}

.fx-landing-page-dialog .pop-up-stay .pop-up-left .pop-p-box p span {
    color: #0F6DFD
}

.fx-landing-page-dialog .pop-up-stay .pop-up-left .buttons,.fx-landing-page-dialog .pop-up-stay .pop-up-left .buttons .free-try-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.fx-landing-page-dialog .pop-up-stay .pop-up-left .buttons .free-try-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #0F6DFD;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    gap: 8px;
    height: 48px;
    line-height: 24px;
    min-width: 168px;
    padding: 0 20px;
    width: 100%
}

.fx-landing-page-dialog .pop-up-stay .pop-up-left .buttons .free-try-btn:hover {
    background: #4f95ff
}

.fx-landing-page-dialog .pop-up-stay .pop-up-left .buttons .free-try-btn .btn-icon {
    background: #0F6DFD;
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    margin-left: 0;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    width: 24px
}

.fx-landing-page-dialog .pop-up-stay .pop-up-left .buttons .free-try-btn:hover .btn-icon {
    background: #4f95ff;
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

.fx-landing-page-dialog .pop-up-stay .pop-up-left .stay {
    margin-top: 48px;
    position: relative
}

.fx-landing-page-dialog .pop-up-cover {
    background-color: rgba(0,0,0,.5);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

@media screen and (max-width: 450px) {
    .x-fixed-block {
        height:42px
    }

    .x-fixed-block .install-link,.x-fixed-block .preview {
        font-size: 14px;
        height: 30px;
        line-height: 30px
    }

    .x-fixed-block.fixed-pc {
        display: none
    }

    .x-fixed-block.fixed-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .x-primary-button {
        border-radius: 3px;
        font-size: 16px;
        padding: 8px 15px
    }

    .x-primary-button .btn-icon {
        font-size: 20px;
        margin-left: 4px
    }

    .x-primary-btn .button-contain {
        border-radius: 3px;
        font-size: 16px;
        padding: 8px 15px
    }

    .x-primary-btn .button-contain .btn-icon {
        font-size: 20px;
        margin-left: 4px
    }
}

.bricks-shadow {
    width: 100%
}

.bricks-shadow.shadow1 {
    background-color: #fbfbfb
}

.bricks-shadow.shadow2 {
    background-color: #f8f8f8
}

.bricks-shadow.shadow3 {
    background-color: #fff
}

.bricks-shadow.shadow4 {
    background-color: #f5f9ff
}

.bricks {
    margin: 0 auto;
    padding: 0 54px;
    width: 1280px
}

.bricks .bricks-main-title {
    color: #141e31;
    font-size: 48px;
    font-weight: 600;
    line-height: 64px;
    text-align: center
}

.bricks .bricks-description {
    color: #5e6d82;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    text-align: center
}

.bricks .bricks-sub-title {
    color: #141e31;
    font-size: 42px;
    font-weight: 400;
    text-align: center;
    width: 100%
}

.bricks .bricks-primary-title {
    color: #141e31;
    font-size: 36px;
    font-weight: 500;
    line-height: 52px;
    text-align: center;
    width: 100%
}

.bricks .bricks-btn {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    height: 58px;
    line-height: 58px;
    text-align: center;
    width: 196px
}

.bricks .bricks-btn.background-green {
    background: #0F6DFD;
    color: #fff
}

.bricks .bricks-btn.background-green:hover {
    background: #4f95ff;
    border-color: #4f95ff;
    color: #fff
}

.bricks .bricks-btn.color-green {
    border: 1px solid #0F6DFD;
    color: #0F6DFD
}

.bricks .solution-item,.bricks .solution-item-column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.bricks .solution-item-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.bricks .reason-switch-container-mobile,.bricks .solution-item-column .img-horizontal-big-mobile,.bricks.case-slider-mobile {
    display: none
}

.bricks.bricks-install-preview .bricks-sub-title {
    padding-top: 50px
}

.bricks.bricks-install-preview .bricks-description {
    padding-bottom: 30px;
    padding-top: 20px
}

.bricks.bricks-install-preview .btn-container {
    margin-top: 20px;
    position: relative;
    text-align: center
}

.bricks.bricks-install-preview .btn-container .btn-left {
    background: #0db3a6;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    height: 58px;
    line-height: 58px;
    margin-right: 20px;
    text-align: center;
    width: 196px
}

.bricks.bricks-install-preview .btn-container .btn-left:hover {
    background: #56cac1;
    border-color: #56cac1;
    color: #fff
}

.bricks.bricks-install-preview .btn-container .btn-right {
    border: 1px solid #0db3a6;
    border-radius: 5px;
    color: #0db3a6;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    height: 58px;
    line-height: 58px;
    margin-left: 20px;
    position: relative;
    text-align: center;
    width: 196px
}

.bricks.bricks-install-preview .btn-container .btn-right:hover {
    background: #e6f7f6;
    border-color: #0db3a6;
    color: #0db3a6
}

.bricks.bricks-install-preview .install-tips {
    color: #5e6d82;
    font-size: 14px;
    font-weight: 400;
    height: 25px;
    line-height: 25px;
    padding-bottom: 70px;
    padding-top: 30px;
    text-align: center
}

.bricks.bricks-banner-wrapper {
    padding: 100px 54px 50px
}

.bricks.bricks-banner-wrapper .banner-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.bricks.bricks-banner-wrapper .banner-content .content-left {
    margin-right: 20px;
    text-align: center;
    width: 680px
}

.bricks.bricks-banner-wrapper .banner-content .content-left .bricks-main-title {
    font-size: 44px;
    line-height: 53px;
    margin-bottom: 20px;
    margin-top: 60px
}

.bricks.bricks-banner-wrapper .banner-content .content-left .btn-container {
    margin-top: 80px
}

.bricks.bricks-banner-wrapper .banner-content .content-left .install-tips {
    color: #5e6d82;
    font-size: 14px;
    font-weight: 400;
    height: 25px;
    line-height: 25px;
    padding-bottom: 120px;
    padding-top: 30px;
    text-align: center
}

.bricks.bricks-banner-wrapper .banner-content .content-right {
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 hsla(0,0%,86%,.5);
    box-shadow: 0 2px 8px 0 hsla(0,0%,86%,.5);
    height: 418px;
    width: 400px
}

.bricks.bricks-banner-wrapper .banner-content .content-right .register-iframe {
    border: none;
    height: 420px;
    width: 400px
}

.bricks.bricks-manage-best-case {
    padding: 0 40px
}

.bricks.bricks-manage-best-case .bricks-sub-title {
    font-size: 36px;
    line-height: 36px;
    padding-bottom: 40px;
    padding-top: 80px
}

.bricks.bricks-manage-best-case .best-case-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.bricks.bricks-manage-best-case .best-case-container .arrow-left-container,.bricks.bricks-manage-best-case .best-case-container .arrow-right-container {
    cursor: pointer;
    display: inline-block;
    height: 60px;
    margin: 0 20px;
    width: 50px;
    z-index: 2
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container {
    font-size: 16px;
    height: 420px;
    overflow: hidden;
    padding: 0 20px;
    vertical-align: top;
    width: 1080px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items {
    height: 378px;
    position: relative
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item {
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(23,44,43,.09);
    box-shadow: 0 10px 20px 0 rgba(23,44,43,.09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 376px;
    position: relative;
    vertical-align: top
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
    border-radius: 0 8px 8px 0;
    height: 376px;
    position: relative;
    vertical-align: top;
    width: 556px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
    margin-left: 76px;
    margin-top: 40px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
    height: 36px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
    margin-top: 14px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
    height: 31px;
    left: 25px;
    position: absolute;
    top: 97px;
    width: 33px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
    color: #1f2d3d;
    font-weight: 400;
    line-height: 30px;
    margin-left: 72px;
    margin-right: 40px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
    bottom: 30px;
    color: #5e6d82;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
    background: #f4f9f7;
    border-radius: 0 0 8px 8px;
    display: inline-block;
    height: 376px;
    padding: 43px;
    position: relative;
    vertical-align: top;
    width: 484px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
    color: #1f2d3d;
    line-height: 30px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description:nth-child(2) {
    margin-top: 30px
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description span.strong {
    font-weight: 600
}

.bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-link {
    bottom: 30px;
    color: #0db3a6;
    font-weight: 400;
    left: 50%;
    line-height: 22px;
    position: absolute;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

@media screen and (max-width: 1380px) {
    .bricks-banner-wrapper {
        width:100%
    }
}

@media screen and (max-width: 1200px) {
    .bricks .bricks-primary-title {
        font-size:20px;
        line-height: 24px
    }
}

@media screen and (max-width: 1080px) {
    .bricks {
        margin:0 auto;
        padding: 0 10px;
        width: 100%
    }

    .bricks.case-slider-mobile {
        margin: 20px auto;
        width: 300px
    }

    .bricks.case-slider-mobile,.bricks.case-slider-mobile .arrow-left-mobile,.bricks.case-slider-mobile .arrow-right-mobile {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    .bricks.case-slider-mobile .arrow-left-mobile,.bricks.case-slider-mobile .arrow-right-mobile {
        border: 1px solid #dee1e8;
        border-radius: 50%;
        -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.08);
        box-shadow: 0 1px 6px 0 rgba(0,0,0,.08);
        height: 30px;
        width: 30px
    }

    .bricks.case-slider-mobile .arrow-left-mobile .arrow-left,.bricks.case-slider-mobile .arrow-left-mobile .arrow-right,.bricks.case-slider-mobile .arrow-right-mobile .arrow-left,.bricks.case-slider-mobile .arrow-right-mobile .arrow-right {
        opacity: 1;
        position: absolute;
        width: 18px
    }

    .bricks.case-slider-mobile .arrow-left-mobile .arrow-left-white,.bricks.case-slider-mobile .arrow-left-mobile .arrow-right-white,.bricks.case-slider-mobile .arrow-right-mobile .arrow-left-white,.bricks.case-slider-mobile .arrow-right-mobile .arrow-right-white {
        opacity: 0;
        position: absolute;
        width: 18px
    }

    .bricks.case-slider-mobile .arrow-left-mobile.animate-bg,.bricks.case-slider-mobile .arrow-right-mobile.animate-bg {
        -webkit-animation: .5s;
        animation: .5s;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp
    }

    .bricks.case-slider-mobile .arrow-left-white.animate-bg,.bricks.case-slider-mobile .arrow-right-white.animate-bg {
        -webkit-animation: .5s;
        animation: .5s;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-name: arrowFadeOutUp;
        animation-name: arrowFadeOutUp
    }

    .bricks.case-slider-mobile .arrow-left.animate-bg,.bricks.case-slider-mobile .arrow-right.animate-bg {
        -webkit-animation: .5s;
        animation: .5s;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-name: arrowFadeOutIn;
        animation-name: arrowFadeOutIn
    }

    @-webkit-keyframes fadeOutUp {
        0% {
            display: none;
            opacity: 0
        }

        12.5%,77.5% {
            background: #0db3a6;
            display: block;
            opacity: 1
        }

        90% {
            background: #0db3a6;
            display: block;
            opacity: .4
        }

        to {
            background: #fff;
            display: none;
            opacity: 0
        }
    }

    @keyframes fadeOutUp {
        0% {
            display: none;
            opacity: 0
        }

        12.5%,77.5% {
            background: #0db3a6;
            display: block;
            opacity: 1
        }

        90% {
            background: #0db3a6;
            display: block;
            opacity: .4
        }

        to {
            background: #fff;
            display: none;
            opacity: 0
        }
    }

    @-webkit-keyframes arrowFadeOutUp {
        0% {
            display: none;
            opacity: 0
        }

        12.5%,77.5% {
            display: block;
            opacity: 1
        }

        90% {
            display: block;
            opacity: .4
        }

        to {
            display: none;
            opacity: 0
        }
    }

    @keyframes arrowFadeOutUp {
        0% {
            display: none;
            opacity: 0
        }

        12.5%,77.5% {
            display: block;
            opacity: 1
        }

        90% {
            display: block;
            opacity: .4
        }

        to {
            display: none;
            opacity: 0
        }
    }

    @-webkit-keyframes arrowFadeOutIn {
        0% {
            display: none;
            opacity: 0
        }

        to {
            display: block;
            opacity: 1
        }
    }

    @keyframes arrowFadeOutIn {
        0% {
            display: none;
            opacity: 0
        }

        to {
            display: block;
            opacity: 1
        }
    }

    .bricks.case-slider-mobile .case-switch-container-mobile {
        text-align: center;
        width: 120px
    }

    .bricks.case-slider-mobile .case-switch-container-mobile .swiper-pagination-bullet {
        background: #838892;
        border-radius: 4px;
        display: inline-block;
        height: 8px;
        margin: 0 4px;
        opacity: 1;
        width: 8px
    }

    .bricks.case-slider-mobile .case-switch-container-mobile .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #0F6DFD
    }

    .bricks.bricks-manage-best-case {
        padding: 0 10px
    }

    .bricks.bricks-manage-best-case .bricks-sub-title {
        font-size: 18px;
        line-height: 18px;
        padding-bottom: 25px;
        padding-top: 40px
    }

    .bricks.bricks-manage-best-case .best-case-container .arrow-left-container,.bricks.bricks-manage-best-case .best-case-container .arrow-right-container {
        display: none
    }

    .bricks.bricks-manage-best-case .best-case-container .case-items-container {
        height: auto;
        margin: 0 auto;
        padding: 0 10px;
        width: 100%
    }

    .bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items {
        height: auto
    }

    .bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item {
        display: inline-block;
        height: auto;
        margin-left: 0;
        margin-right: 15px
    }

    .bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left {
        width: 100%
    }

    .bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top {
        margin-left: 20px;
        margin-top: 25px
    }

    .bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-top .top-img {
        height: 20px
    }

    .bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom {
        margin-top: 14px
    }

    .bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-img {
        display: none
    }

    .bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description {
        font-size: 12px;
        line-height: 20px;
        margin-left: 20px;
        margin-right: 20px
    }

    .bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-left .item-bottom .bottom-description:last-child {
        bottom: 30px;
        color: #5e6d82;
        font-weight: 400;
        line-height: 22px;
        margin: 0;
        position: absolute;
        text-align: center;
        width: 100%
    }

    .bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right {
        font-size: 12px;
        padding: 20px;
        width: 100%
    }

    .bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description {
        line-height: 20px
    }

    .bricks.bricks-manage-best-case .best-case-container .case-items-container .case-items .case-item .case-item-right .right-description span.strong {
        font-weight: 600
    }
}

@media screen and (max-width: 800px) {
    .bricks.bricks-banner-wrapper {
        display:none
    }
}

@media screen and (max-width: 450px) {
    .bricks .bricks-main-title {
        font-size:19px;
        line-height: 32px
    }

    .bricks .bricks-description {
        font-size: 14px;
        margin: 0 auto;
        width: 90%
    }

    .bricks .bricks-btn {
        font-size: 15px;
        height: 37px;
        line-height: 37px;
        width: 118px
    }

    .bricks .bricks-sub-title {
        font-size: 18px
    }

    .bricks .bricks-primary-title {
        font-size: 18px;
        line-height: 22px
    }

    .bricks .reason-switch-container-mobile {
        display: block;
        padding-bottom: 20px;
        text-align: center
    }

    .bricks .reason-switch-container-mobile .swiper-pagination-bullet {
        background: #838892;
        border-radius: 4px;
        display: inline-block;
        height: 8px;
        margin: 0 4px;
        opacity: 1;
        width: 8px
    }

    .bricks .reason-switch-container-mobile .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #0F6DFD
    }

    .bricks .solution-item-column {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .bricks .solution-item-column .img-horizontal-big {
        display: none
    }

    .bricks .solution-item-column .img-horizontal-big-mobile {
        display: block
    }

    .bricks.bricks-banner-wrapper,.bricks.bricks-install-preview {
        display: none
    }
}

@-webkit-keyframes jump {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes jump {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.container {
    width: 100%
}

.row {
    margin: 0 auto;
    width: 70%
}

.m {
    display: none
}

.title {
    color: #141e31;
    font-size: 42px;
    font-weight: 400;
    line-height: 59px;
    margin-bottom: 50px;
    text-align: center
}

.fx-fixed-banner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #e6f7f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: .9;
    padding: 10px 0;
    z-index: 50
}

.fx-fixed-banner .foot-txt {
    color: #0db3a6;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    margin-right: 32px
}

.fx-fixed-banner .foot-txt .highlight {
    color: #f0a532
}

.fx-fixed-banner .foot-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: -webkit-gradient(90deg,#ffa700 0,#ff6f00 100%);
    background: -webkit-gradient(linear,left top,right top,from(#ffa700),to(#ff6f00));
    background: linear-gradient(90deg,#ffa700,#ff6f00);
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 48px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 168px
}

.fx-fixed-banner .foot-btn span {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px
}

.fx-fixed-banner .foot-btn .iconfont {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin-left: 10px
}

.typed-cursor {
    -webkit-animation: blink .7s infinite;
    animation: blink .7s infinite;
    opacity: 1
}

.fx-company-address {
    color: #141e31;
    font-size: 14px;
    line-height: 22px;
    padding: 20px 0;
    text-align: center
}

@media (max-width: 1200px) {
    .container {
        overflow-x:hidden
    }

    .pc {
        display: none!important
    }

    .m {
        display: block
    }

    section {
        padding: 25px 0
    }

    .title {
        font-size: 18px;
        font-weight: 600
    }
}

.fx-aftersale-manage .register-btn-container,.fx-dashboard .register-btn-container,.fx-equipment-manage .register-btn-container,.fx-fdl .register-btn-container,.fx-flow-engine .register-btn-container,.fx-health-safety .register-btn-container,.fx-home .register-btn-container,.fx-inventory .register-btn-container,.fx-kpi-manage .register-btn-container,.fx-oa-manage .register-btn-container,.fx-online-form .register-btn-container,.fx-order-management .register-btn-container,.fx-project-manage .register-btn-container,.fx-quality-control .register-btn-container,.fx-retail-manage .register-btn-container,.fx-train-manage .register-btn-container,.zsk_main .register-btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-aftersale-manage .register-btn-container.align-center,.fx-dashboard .register-btn-container.align-center,.fx-equipment-manage .register-btn-container.align-center,.fx-fdl .register-btn-container.align-center,.fx-flow-engine .register-btn-container.align-center,.fx-health-safety .register-btn-container.align-center,.fx-home .register-btn-container.align-center,.fx-inventory .register-btn-container.align-center,.fx-kpi-manage .register-btn-container.align-center,.fx-oa-manage .register-btn-container.align-center,.fx-online-form .register-btn-container.align-center,.fx-order-management .register-btn-container.align-center,.fx-project-manage .register-btn-container.align-center,.fx-quality-control .register-btn-container.align-center,.fx-retail-manage .register-btn-container.align-center,.fx-train-manage .register-btn-container.align-center,.zsk_main .register-btn-container.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.fx-aftersale-manage .register-btn,.fx-dashboard .register-btn,.fx-equipment-manage .register-btn,.fx-fdl .register-btn,.fx-flow-engine .register-btn,.fx-health-safety .register-btn,.fx-home .register-btn,.fx-inventory .register-btn,.fx-kpi-manage .register-btn,.fx-oa-manage .register-btn,.fx-online-form .register-btn,.fx-order-management .register-btn,.fx-project-manage .register-btn,.fx-quality-control .register-btn,.fx-retail-manage .register-btn,.fx-train-manage .register-btn,.zsk_main .register-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #0F6DFD;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: 18px;
    font-weight: 500;
    height: 48px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    margin-top: 18px;
    width: 168px
}

.fx-aftersale-manage .register-btn .register-icon,.fx-dashboard .register-btn .register-icon,.fx-equipment-manage .register-btn .register-icon,.fx-fdl .register-btn .register-icon,.fx-flow-engine .register-btn .register-icon,.fx-health-safety .register-btn .register-icon,.fx-home .register-btn .register-icon,.fx-inventory .register-btn .register-icon,.fx-kpi-manage .register-btn .register-icon,.fx-oa-manage .register-btn .register-icon,.fx-online-form .register-btn .register-icon,.fx-order-management .register-btn .register-icon,.fx-project-manage .register-btn .register-icon,.fx-quality-control .register-btn .register-icon,.fx-retail-manage .register-btn .register-icon,.fx-train-manage .register-btn .register-icon,.zsk_main .register-btn .register-icon {
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    margin-left: 8px;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out;
    width: 24px
}

.fx-aftersale-manage .register-btn:hover,.fx-dashboard .register-btn:hover,.fx-equipment-manage .register-btn:hover,.fx-fdl .register-btn:hover,.fx-flow-engine .register-btn:hover,.fx-health-safety .register-btn:hover,.fx-home .register-btn:hover,.fx-inventory .register-btn:hover,.fx-kpi-manage .register-btn:hover,.fx-oa-manage .register-btn:hover,.fx-online-form .register-btn:hover,.fx-order-management .register-btn:hover,.fx-project-manage .register-btn:hover,.fx-quality-control .register-btn:hover,.fx-retail-manage .register-btn:hover,.fx-train-manage .register-btn:hover,.zsk_main .register-btn:hover {
    background: #4f95ff
}

.fx-aftersale-manage .register-btn:hover .register-icon,.fx-dashboard .register-btn:hover .register-icon,.fx-equipment-manage .register-btn:hover .register-icon,.fx-fdl .register-btn:hover .register-icon,.fx-flow-engine .register-btn:hover .register-icon,.fx-health-safety .register-btn:hover .register-icon,.fx-home .register-btn:hover .register-icon,.fx-inventory .register-btn:hover .register-icon,.fx-kpi-manage .register-btn:hover .register-icon,.fx-oa-manage .register-btn:hover .register-icon,.fx-online-form .register-btn:hover .register-icon,.fx-order-management .register-btn:hover .register-icon,.fx-project-manage .register-btn:hover .register-icon,.fx-quality-control .register-btn:hover .register-icon,.fx-retail-manage .register-btn:hover .register-icon,.fx-train-manage .register-btn:hover .register-icon,.zsk_main .register-btn:hover .register-icon {
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

.fx-aftersale-manage .reason-panes .register-btn-container,.fx-dashboard .reason-panes .register-btn-container,.fx-equipment-manage .reason-panes .register-btn-container,.fx-fdl .reason-panes .register-btn-container,.fx-flow-engine .reason-panes .register-btn-container,.fx-health-safety .reason-panes .register-btn-container,.fx-home .reason-panes .register-btn-container,.fx-inventory .reason-panes .register-btn-container,.fx-kpi-manage .reason-panes .register-btn-container,.fx-oa-manage .reason-panes .register-btn-container,.fx-online-form .reason-panes .register-btn-container,.fx-order-management .reason-panes .register-btn-container,.fx-project-manage .reason-panes .register-btn-container,.fx-quality-control .reason-panes .register-btn-container,.fx-retail-manage .reason-panes .register-btn-container,.fx-train-manage .reason-panes .register-btn-container,.zsk_main .reason-panes .register-btn-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 50px 0 10px
}

.fx-dashboard .register-btn,.fx-flow-engine .register-btn,.fx-online-form .register-btn {
    margin-top: 48px
}

@media screen and (max-width: 900px) {
    .fx-aftersale-manage .register-btn-container,.fx-dashboard .register-btn-container,.fx-equipment-manage .register-btn-container,.fx-fdl .register-btn-container,.fx-flow-engine .register-btn-container,.fx-health-safety .register-btn-container,.fx-home .register-btn-container,.fx-inventory .register-btn-container,.fx-kpi-manage .register-btn-container,.fx-oa-manage .register-btn-container,.fx-online-form .register-btn-container,.fx-order-management .register-btn-container,.fx-project-manage .register-btn-container,.fx-quality-control .register-btn-container,.fx-retail-manage .register-btn-container,.fx-train-manage .register-btn-container,.zsk_main .register-btn-container {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .fx-aftersale-manage .register-btn,.fx-dashboard .register-btn,.fx-equipment-manage .register-btn,.fx-fdl .register-btn,.fx-flow-engine .register-btn,.fx-health-safety .register-btn,.fx-home .register-btn,.fx-inventory .register-btn,.fx-kpi-manage .register-btn,.fx-oa-manage .register-btn,.fx-online-form .register-btn,.fx-order-management .register-btn,.fx-project-manage .register-btn,.fx-quality-control .register-btn,.fx-retail-manage .register-btn,.fx-train-manage .register-btn,.zsk_main .register-btn {
        font-size: 16px;
        height: 40px;
        line-height: 24px;
        margin-top: 24px;
        padding: 8px 20px;
        width: 128px
    }

    .fx-aftersale-manage .register-btn .register-icon,.fx-dashboard .register-btn .register-icon,.fx-equipment-manage .register-btn .register-icon,.fx-fdl .register-btn .register-icon,.fx-flow-engine .register-btn .register-icon,.fx-health-safety .register-btn .register-icon,.fx-home .register-btn .register-icon,.fx-inventory .register-btn .register-icon,.fx-kpi-manage .register-btn .register-icon,.fx-oa-manage .register-btn .register-icon,.fx-online-form .register-btn .register-icon,.fx-order-management .register-btn .register-icon,.fx-project-manage .register-btn .register-icon,.fx-quality-control .register-btn .register-icon,.fx-retail-manage .register-btn .register-icon,.fx-train-manage .register-btn .register-icon,.zsk_main .register-btn .register-icon {
        font-size: 20px;
        height: 20px;
        line-height: 20px;
        margin-left: 4px;
        width: 20px
    }

    .fx-aftersale-manage .reason-panes .register-btn-container,.fx-dashboard .reason-panes .register-btn-container,.fx-equipment-manage .reason-panes .register-btn-container,.fx-fdl .reason-panes .register-btn-container,.fx-flow-engine .reason-panes .register-btn-container,.fx-health-safety .reason-panes .register-btn-container,.fx-home .reason-panes .register-btn-container,.fx-inventory .reason-panes .register-btn-container,.fx-kpi-manage .reason-panes .register-btn-container,.fx-oa-manage .reason-panes .register-btn-container,.fx-online-form .reason-panes .register-btn-container,.fx-order-management .reason-panes .register-btn-container,.fx-project-manage .reason-panes .register-btn-container,.fx-quality-control .reason-panes .register-btn-container,.fx-retail-manage .reason-panes .register-btn-container,.fx-train-manage .reason-panes .register-btn-container,.zsk_main .reason-panes .register-btn-container {
        padding: 0 0 20px
    }
}

.zsk_main .register-btn {
    margin-top: 18px
}

.zsk_main .register-btn-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start
}

.zsk_main .zsk_phone.register-btn {
    display: none
}

@media screen and (max-width: 900px) {
    .zsk_main .register-btn {
        margin-top:-6px
    }
}

@media screen and (max-width: 770px) {
    .zsk_main .register-btn-container {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    .zsk_main .register-btn {
        margin-top: 20px
    }

    .zsk_main .zsk_pc.register-btn {
        display: none;
        margin-left: 0
    }

    .zsk_main .zsk_phone.register-btn {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-left: 0
    }
}

.fx-order-management .advantage-graphic-comp .register-btn-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.fx-order-management .register-btn {
    margin-top: 22px
}

@media screen and (max-width: 900px) {
    .fx-order-management .register-btn {
        margin-top:0
    }
}

@media screen and (max-width: 560px) {
    .fx-order-management .advantage-graphic-comp .register-btn-container {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .fx-order-management .advantage-graphic-comp .register-btn {
        margin-top: 16px
    }
}

.fx-inventory .inventory-reason .register-btn {
    margin-top: -2px
}

.fx-inventory .inventory-solution .register-btn-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.fx-inventory .inventory-solution .bricks-description+.solution-item .register-btn-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.fx-inventory .inventory-solution .register-btn {
    margin-top: 18px
}

@media screen and (max-width: 1080px) {
    .fx-inventory .inventory-solution .register-btn-container {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

@media screen and (max-width: 900px) {
    .fx-inventory .inventory-solution .register-btn {
        margin-top:18px
    }
}

.fx-health-safety .register-btn {
    margin-top: 22px
}

.fx-health-safety .section1 .register-btn-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.fx-health-safety .section1 .register-btn-container .register-btn {
    margin-top: 48px
}

@media screen and (max-width: 900px) {
    .fx-health-safety .register-btn {
        margin:16px auto 0
    }

    .fx-health-safety .section1 .register-btn-container .register-btn {
        margin-top: 4px
    }
}

.preview-background {
    background-color: rgba(0,0,0,.7);
    bottom: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 99
}

.preview-background .icon-close-normal {
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    height: 40px;
    padding: 8px;
    position: fixed;
    right: 10px;
    top: 10px;
    width: 40px;
    z-index: 12
}

.preview-background .preview-img {
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 70%;
    z-index: 12
}

.preview-background .preview-bottom {
    background: rgba(0,0,0,.2);
    bottom: 0;
    height: 80px;
    left: 0;
    position: fixed;
    text-align: center;
    width: 100%
}

.preview-background .preview-bottom .experience-btn {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0,0,0,.3);
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.3);
    color: #1f2d3d;
    display: inline-block;
    font-size: 20px;
    height: 58px;
    line-height: 58px;
    margin-top: 11px;
    width: 152px
}

@media screen and (max-width: 450px) {
    .preview-background .preview-img {
        width:100%
    }

    .preview-background .icon-close-normal {
        height: 32px;
        padding: 4px;
        width: 32px
    }
}

.x-action-panel {
    padding: 100px 0 116px;
    position: relative
}

.x-action-panel .title {
    color: #141e31;
    font-size: 40px;
    font-weight: 500;
    line-height: 56px;
    text-align: center
}

.x-action-panel .action-bg-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.x-action-panel .action-bg-wrapper img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.x-action-panel .action-bg-wrapper .img-mobile {
    display: none
}

.x-action-panel .action-content-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.x-action-panel .action-content-container .title {
    margin-bottom: 40px
}

.x-action-panel .action-content-container .title .mobile {
    display: none
}

.x-action-panel .register-btn-container {
    padding: 0
}

.x-action-panel .register-btn-container .register-btn {
    margin: 0
}

@media screen and (max-width: 800px) {
    .x-action-panel {
        padding:48px 0 60px
    }

    .x-action-panel .action-bg-wrapper .img-pc {
        display: none
    }

    .x-action-panel .action-bg-wrapper .img-mobile {
        display: block
    }

    .x-action-panel .action-content-container .title {
        font-size: 22px;
        font-weight: 500;
        line-height: 32px;
        margin-bottom: 28px;
        text-align: center
    }

    .x-action-panel .action-content-container .title .comma {
        display: none
    }

    .x-action-panel .action-content-container .title .mobile {
        display: block
    }
}

.fx-header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: hsla(0,0%,100%,.3);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    width: 100%;
    z-index: 99
}

.fx-header.transparent {
    background: hsla(0,0%,100%,.3);
    -webkit-box-shadow: none;
    box-shadow: none
}

.fx-header.show {
    background: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1)
}

.fx-header.show .menu-icon>i {
    color: #1f2d3d
}

.fx-header.show .header-item .logo {
    display: inline-block
}

.fx-header.show .header-item .logo-white {
    display: none
}

.fx-header.show .menu .menu-item,.fx-header.show .menu .menu-item .s-box {
    color: #141e31
}

.fx-header.show .menu .menu-item.active>a,.fx-header.show .menu .menu-item.active>div {
    color: #0F6DFD
}

.fx-header.show .menu .menu-item.active:hover i {
    color: #0db3a6
}

.fx-header.show .right-wrapper .menu-item.phone {
    color: #141e31
}

.fx-header.show .right-wrapper .menu-item.signin {
    border: 1px solid #0F6DFD;
    color: #0F6DFD
}

.fx-header:hover {
    background: #fff!important;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1)!important;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1)!important
}

.fx-header .header-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    max-width: 1920px;
    width: 100%
}

.fx-header .header-wrapper .icon-close-o {
    display: none
}

.fx-header .header-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0 16px 0 24px
}

.fx-header .header-item .logo,.fx-header .header-item .logo-white {
    height: 26px;
    width: 110px
}

.fx-header .header-item .logo-white {
    display: none
}

.fx-header .menu {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 16px
}

.fx-header .menu .menu-item {
    color: #141e31;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 60px;
    padding: 0 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fx-header .menu .menu-item .solution-list-pc {
    border-top: 1px solid #e7e7e7;
    cursor: auto;
    font-weight: 400;
    height: auto;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 60px;
    -webkit-transition: .2s;
    transition: .2s;
    visibility: hidden;
    width: 100%
}

.fx-header .menu .menu-item .solution-list-pc .solution-item {
    margin-right: 48px;
    width: 172px
}

.fx-header .menu .menu-item .solution-list-pc .solution-item .solution-item-tit {
    width: 148px
}

.fx-header .menu .menu-item .solution-list-pc .solution-list-content {
    background: #fff;
    -webkit-box-shadow: 0 20px 32px -10px rgba(0,0,0,.08);
    box-shadow: 0 20px 32px -10px rgba(0,0,0,.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    padding: 40px 0 40px 170px
}

.fx-header .menu .menu-item .solution-list-pc .solution-item-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 16px;
    height: 40px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 12px;
    width: 172px
}

.fx-header .menu .menu-item .solution-list-pc .solution-item-content .icon {
    background: url(../../images/price/menu_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 160px 100px;
    height: 20px;
    margin: 12px;
    width: 20px
}

.fx-header .menu .menu-item .solution-list-pc .solution-item-content:hover {
    background: #f5f6f8;
    border-radius: 4px;
    color: #283a4c;
    font-weight: 600
}

.fx-header .menu .menu-item .solution-list-pc .solution-item-content .solution-info {
    -webkit-box-flex: 5;
    color: #283a4c;
    -webkit-flex: 5;
    -ms-flex: 5;
    flex: 5;
    font-size: 14px;
    padding: 0;
    text-align: left
}

.fx-header .menu .menu-item .solution-list-pc .solution-item-content .solution-info .tip {
    height: auto;
    margin: 0;
    position: absolute;
    right: -42px;
    top: 10px;
    width: 30px
}

.fx-header .menu .menu-item .solution-list-pc .solution-item-content .solution-info:nth-child(odd) {
    margin-right: 11px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .form {
    background-position: 0 0
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .flow {
    background-position: 0 -20px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .dashboard {
    background-position: 0 -40px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .organization {
    background-position: -20px 0
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .system {
    background-position: -20px -20px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .notice {
    background-position: -20px -40px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .cooper {
    background-position: -20px -60px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .interconnect {
    background-position: -20px -80px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .warning {
    background-position: -40px 0
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .printf {
    background-position: -40px -20px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .ocr {
    background-position: -40px -40px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .bpa {
    background-position: -40px -60px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .personal {
    background-position: -40px -80px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .crm {
    background-position: -60px 0
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item-content .kms {
    background-position: -60px -20px
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5e6d82;
    padding: 0
}

.fx-header .menu .menu-item.product-function .solution-list-pc .solution-item .solution-item-tit {
    border-bottom: 1px solid #e9e9e9;
    color: #5e6d82;
    font-size: 12px;
    font-weight: 400;
    height: 38px;
    line-height: 22px;
    margin-bottom: 12px;
    margin-left: 12px;
    position: relative
}

.fx-header .menu .menu-item.jjfa .solution-list-pc {
    -webkit-box-shadow: 0 20px 32px -10px rgba(0,0,0,.08);
    box-shadow: 0 20px 32px -10px rgba(0,0,0,.08)
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 40px 36px 60px 180px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content {
    font-size: 14px;
    height: 36px;
    line-height: 20px;
    margin-bottom: 0
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .icon {
    background: url(../../images/price/menu_icon_jjfa.png) no-repeat;
    background-position: 0 0;
    background-size: 80px 400px;
    height: 20px;
    margin: 8px;
    width: 20px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .scene1 {
    background-position: 0 0
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .scene2 {
    background-position: -20px 0
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .scene3 {
    background-position: 0 -20px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .scene4 {
    background-position: -20px -20px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .scene5 {
    background-position: 0 -40px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .scene6 {
    background-position: -20px -40px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .scene7 {
    background-position: 0 -60px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .scene8 {
    background-position: -20px -60px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .scene9 {
    background-position: 0 -80px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .scene10 {
    background-position: -20px -80px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .scene11 {
    background-position: 0 -100px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .scene12 {
    background-position: -20px -100px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry1 {
    background-position: -40px 0
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry2 {
    background-position: -40px -160px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry3 {
    background-position: -40px -20px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry4 {
    background-position: -40px -180px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry5 {
    background-position: -40px -40px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry6 {
    background-position: -40px -200px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry7 {
    background-position: -40px -60px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry8 {
    background-position: -40px -220px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry9 {
    background-position: -40px -80px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry10 {
    background-position: -40px -240px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry11 {
    background-position: -40px -100px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry12 {
    background-position: -40px -280px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry13 {
    background-position: -40px -120px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry14 {
    background-position: -40px -300px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry15 {
    background-position: -40px -140px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry16 {
    background-position: -40px -360px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry17 {
    background-position: -40px -340px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry18 {
    background-position: -40px -380px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .industry19 {
    background-position: -40px -320px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .integrated1 {
    background-position: -60px 0
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .integrated2 {
    background-position: -60px -20px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .integrated3 {
    background-position: -60px -40px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .integrated4 {
    background-position: -60px -60px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content:last-child {
    margin-bottom: 0
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5e6d82;
    padding: 0
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item .solution-item-tit {
    border-bottom: 1px solid #e9e9e9;
    color: #141e31;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin: 0 12px 12px;
    padding-bottom: 16px;
    position: relative;
    width: 100%
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item:last-child {
    margin-right: 0
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item:first-child,.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item:first-child .solution-item-tit,.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item:nth-child(2),.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item:nth-child(2) .solution-item-tit {
    width: 356px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item:first-child .list,.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item:nth-child(2) .list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-item .case-item-title {
    color: #525967;
    font-size: 12px;
    line-height: 16px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-item .case-item {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    height: 56px;
    margin-top: 20px;
    position: relative;
    width: auto
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-item .case-item img {
    -webkit-clip-path: inset(2px);
    clip-path: inset(2px);
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    vertical-align: baseline;
    width: 100%
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-item .case-item .show-case,.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-item .case-item .stay-tuned {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    width: 100%
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-item .case-item .show-case {
    color: #0F6DFD
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-item .case-item .stay-tuned {
    color: #525967
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-item .case-item:hover img {
    opacity: 0
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-item .case-item:hover .show-case,.fx-header .menu .menu-item.jjfa .solution-list-pc .solution-item .case-item:hover .stay-tuned {
    opacity: 1
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .more {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 76px;
    margin-left: 32px;
    margin-top: 46px;
    width: 56px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .more .text {
    color: #141e31;
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .more .iconfont {
    color: #525967;
    font-size: 35px;
    height: 35px;
    width: 35px
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .more .iconfont:before {
    bottom: 12px;
    position: relative
}

.fx-header .menu .menu-item.jjfa .solution-list-pc .more:hover .iconfont,.fx-header .menu .menu-item.jjfa .solution-list-pc .more:hover .text {
    color: #0F6DFD
}

.fx-header .menu .menu-item.case .solution-list-pc {
    -webkit-box-shadow: 0 20px 32px -10px rgba(0,0,0,.08);
    box-shadow: 0 20px 32px -10px rgba(0,0,0,.08)
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container {
    border-right: 1px solid #ebecee;
    position: relative;
    width: 414px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content {
    position: absolute;
    right: 32px;
    top: 70px;
    width: 200px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .container-title {
    color: #141e31;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .container-subtitle {
    color: #525967;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 48px;
    margin-top: 24px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #0F6DFD;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    padding: 8px 24px;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .btn i {
    color: #fff;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .btn:hover {
    background: #4f95ff
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .btn:hover .icon-next {
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    gap: 20px;
    padding: 40px 0 60px 40px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-content .solution-item {
    margin-right: 0;
    width: 124px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-content .solution-item .case-item {
    height: 48px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item {
    width: 172px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item-title {
    color: #525967;
    font-size: 12px;
    line-height: 16px
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    height: 56px;
    margin-top: 20px;
    position: relative;
    width: auto
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item img {
    -webkit-clip-path: inset(2px);
    clip-path: inset(2px);
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    vertical-align: baseline;
    width: 100%
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item .show-case,.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item .stay-tuned {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    width: 100%
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item .show-case {
    color: #0F6DFD
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item .stay-tuned {
    color: #525967
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item:hover img {
    opacity: 0
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item:hover .show-case,.fx-header .menu .menu-item.case .solution-list-pc .solution-item .case-item:hover .stay-tuned {
    opacity: 1
}

.fx-header .menu .menu-item.case .solution-list-pc .solution-item:last-child {
    margin-right: 80px
}

.fx-header .menu .menu-item.case .solution-list-pc .more {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 76px;
    margin-left: 32px;
    margin-top: 46px;
    width: 56px
}

.fx-header .menu .menu-item.case .solution-list-pc .more .text {
    color: #141e31;
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px
}

.fx-header .menu .menu-item.case .solution-list-pc .more .iconfont {
    color: #525967;
    font-size: 35px;
    height: 35px;
    width: 35px
}

.fx-header .menu .menu-item.case .solution-list-pc .more .iconfont:before {
    bottom: 12px;
    position: relative
}

.fx-header .menu .menu-item.case .solution-list-pc .more:hover .iconfont,.fx-header .menu .menu-item.case .solution-list-pc .more:hover .text {
    color: #0F6DFD
}

.fx-header .menu .menu-item.material-center .solution-list-pc {
    -webkit-box-shadow: 0 20px 32px -10px rgba(0,0,0,.08);
    box-shadow: 0 20px 32px -10px rgba(0,0,0,.08)
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container {
    border-right: 1px solid #ebecee;
    position: relative;
    width: 414px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content {
    position: absolute;
    right: 32px;
    top: 100px;
    width: 200px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .container-title {
    color: #141e31;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .container-subtitle {
    color: #525967;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 48px;
    margin-top: 24px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #0F6DFD;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    padding: 8px 24px;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .btn i {
    color: #fff;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .btn:hover {
    background: #4f95ff
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container .container-content .btn:hover .icon-next {
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 40px 36px 60px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content {
    font-size: 14px;
    height: 36px;
    line-height: 20px;
    width: 220px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .icon {
    background: url(../../images/price/menu_icon_material.png) no-repeat;
    background-position: 0 0;
    background-size: 120px 120px;
    height: 20px;
    margin: 8px;
    width: 20px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .hot1 {
    background-position: 0 0
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .hot2 {
    background-position: 0 -20px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .hot3 {
    background-position: 0 -40px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .hot4 {
    background-position: 0 -60px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .hot5 {
    background-position: 0 -80px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .hot6 {
    background-position: 0 -100px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .recommend1 {
    background-position: -20px 0
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .recommend2 {
    background-position: -20px -20px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .recommend3 {
    background-position: -20px -40px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .recommend4 {
    background-position: -20px -60px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .recommend5 {
    background-position: -20px -80px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .recommend6 {
    background-position: -20px -100px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .download1 {
    background-position: -40px 0
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .download2 {
    background-position: -40px -20px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .download3 {
    background-position: -40px -40px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .download4 {
    background-position: -40px -60px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .download5 {
    background-position: -40px -80px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content .download6 {
    background-position: -40px -100px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item-content:last-child {
    margin-bottom: 0
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5e6d82;
    padding: 0
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item .solution-item-tit {
    border-bottom: 1px solid #e9e9e9;
    color: #5e6d82;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 12px;
    margin-left: 12px;
    padding-bottom: 16px;
    position: relative
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-list-wrapper .solution-list-container .solution-item:last-child {
    margin-right: 0
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item .case-item-title {
    color: #525967;
    font-size: 12px;
    line-height: 16px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item .case-item {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    height: 56px;
    margin-top: 20px;
    position: relative;
    width: auto
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item .case-item img {
    -webkit-clip-path: inset(2px);
    clip-path: inset(2px);
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    vertical-align: baseline;
    width: 100%
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item .case-item .show-case,.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item .case-item .stay-tuned {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    width: 100%
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item .case-item .show-case {
    color: #0F6DFD
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item .case-item .stay-tuned {
    color: #525967
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item .case-item:hover img {
    opacity: 0
}

.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item .case-item:hover .show-case,.fx-header .menu .menu-item.material-center .solution-list-pc .solution-item .case-item:hover .stay-tuned {
    opacity: 1
}

.fx-header .menu .menu-item.material-center .solution-list-pc .more {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 76px;
    margin-left: 32px;
    margin-top: 46px;
    width: 56px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .more .text {
    color: #141e31;
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .more .iconfont {
    color: #525967;
    font-size: 35px;
    height: 35px;
    width: 35px
}

.fx-header .menu .menu-item.material-center .solution-list-pc .more .iconfont:before {
    bottom: 12px;
    position: relative
}

.fx-header .menu .menu-item.material-center .solution-list-pc .more:hover .iconfont,.fx-header .menu .menu-item.material-center .solution-list-pc .more:hover .text {
    color: #0F6DFD
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-list-content {
    padding-bottom: 60px
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5e6d82;
    padding: 0
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item .solution-item-tit {
    border-bottom: 1px solid #e9e9e9;
    color: #5e6d82;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 12px;
    margin-left: 12px;
    padding-bottom: 16px;
    position: relative
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item:last-child {
    margin-right: 0
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content {
    color: #283a4c;
    font-size: 14px;
    height: 36px;
    line-height: 20px;
    position: relative
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content .tip {
    position: absolute;
    right: 24px;
    top: 12px;
    width: 30px
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content .tip-new {
    position: absolute;
    right: 10px;
    top: 12px;
    width: 30px
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content .icon {
    background: url(../../images/price/menu_icon_material_new.png) no-repeat;
    background-position: 0 0;
    background-size: 160px 20px;
    height: 20px;
    margin: 8px;
    width: 20px
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content .self-learn1 {
    background-position: 0 0
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content .self-learn2 {
    background-position: -20px 0
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content .self-learn3 {
    background-position: -40px 0
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content .group-learn1 {
    background-position: -60px 0
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content .group-learn2 {
    background-position: -80px 0
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content .group-learn3 {
    background-position: -100px 0
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content .crop-learn1 {
    background-position: -120px 0
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content .crop-learn2 {
    background-position: -140px 0
}

.fx-header .menu .menu-item.study .solution-list-pc .solution-item-content:last-child {
    margin-bottom: 0
}

.fx-header .menu .menu-item .s-box {
    color: #141e31
}

.fx-header .menu .menu-item .s-box>div {
    display: inline-block
}

.fx-header .menu .menu-item.hover-effect.has-child .solution-list-pc {
    opacity: 1;
    visibility: visible
}

.fx-header .menu .menu-item:hover .s-box,.fx-header .menu .menu-item:hover .s-box>div,.fx-header .menu .menu-item:hover>div {
    color: #0F6DFD
}

.fx-header .menu .menu-item.wrapper-workwx {
    padding-left: 0
}

.fx-header .menu .menu-item.wrapper-workwx img {
    height: 24px
}

.fx-header .menu .menu-item.active>a,.fx-header .menu .menu-item.active>div {
    color: #0F6DFD
}

.fx-header .menu .menu-item.active:hover i {
    color: #0db3a6
}

.fx-header .menu .solution-list {
    display: none;
    left: 0;
    padding-top: 10px;
    position: absolute;
    top: 60px;
    width: 148px
}

.fx-header .menu .solution-list .solution-span {
    height: 36px;
    padding-left: 10px
}

.fx-header .menu .solution-list .solution-item {
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.2);
    color: #474b51;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    padding: 15px 8px;
    width: 100%
}

.fx-header .menu .solution-list .solution-item.left {
    float: left
}

.fx-header .menu .solution-list .solution-item.right {
    float: right
}

.fx-header .menu .solution-info {
    border-radius: 4px;
    color: #474b51;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding-left: 12px;
    width: 144px
}

.fx-header .menu .solution-info .has-tip {
    display: inline-block;
    position: relative
}

.fx-header .menu .solution-info .has-tip .tip {
    position: absolute;
    right: -12px;
    top: 6px;
    width: 18px
}

.fx-header .right-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.fx-header .right-wrapper .menu-item {
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-right: 16px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fx-header .right-wrapper .menu-item.phone {
    color: #141e31;
    cursor: text;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-right: 20px;
    padding: 0;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

@-webkit-keyframes shake-rotate {
    89% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    90% {
        -webkit-transform: translate(0) rotate(15deg);
        transform: translate(0) rotate(15deg)
    }

    91% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    92% {
        -webkit-transform: translate(0) rotate(-15deg);
        transform: translate(0) rotate(-15deg)
    }

    93% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    94% {
        -webkit-transform: translate(0) rotate(15deg);
        transform: translate(0) rotate(15deg)
    }

    95% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    96% {
        -webkit-transform: translate(0) rotate(-15deg);
        transform: translate(0) rotate(-15deg)
    }

    97% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    98% {
        -webkit-transform: translate(0) rotate(15deg);
        transform: translate(0) rotate(15deg)
    }

    99% {
        -webkit-transform: translate(0) rotate(-15deg);
        transform: translate(0) rotate(-15deg)
    }

    0%,to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

@keyframes shake-rotate {
    89% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    90% {
        -webkit-transform: translate(0) rotate(15deg);
        transform: translate(0) rotate(15deg)
    }

    91% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    92% {
        -webkit-transform: translate(0) rotate(-15deg);
        transform: translate(0) rotate(-15deg)
    }

    93% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    94% {
        -webkit-transform: translate(0) rotate(15deg);
        transform: translate(0) rotate(15deg)
    }

    95% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    96% {
        -webkit-transform: translate(0) rotate(-15deg);
        transform: translate(0) rotate(-15deg)
    }

    97% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    98% {
        -webkit-transform: translate(0) rotate(15deg);
        transform: translate(0) rotate(15deg)
    }

    99% {
        -webkit-transform: translate(0) rotate(-15deg);
        transform: translate(0) rotate(-15deg)
    }

    0%,to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

.fx-header .right-wrapper .menu-item.phone img {
    -webkit-animation: shake-rotate 3s ease-in-out infinite;
    animation: shake-rotate 3s ease-in-out infinite;
    height: 24px;
    margin-right: 4px;
    vertical-align: bottom;
    width: 24px
}

.fx-header .right-wrapper .menu-item.signin {
    background: hsla(0,0%,100%,.6);
    border: 1px solid #0F6DFD;
    color: #0F6DFD;
    padding: 8px 40px
}

.fx-header .right-wrapper .menu-item.signin:hover {
    background: #e0ecff
}

.fx-header .right-wrapper .menu-item.register {
    background: #0F6DFD;
    line-height: 24px;
    margin-right: 24px;
    padding: 8px 40px
}

.fx-header .right-wrapper .menu-item.register:hover {
    background: #4f95ff
}

.fx-header .right-wrapper .mobile {
    display: none
}

.fx-header .right-wrapper .pc {
    display: inline-block
}

.fx-header .right-wrapper .menu-item.lang-switch {
    display: none
}

.fx-header .right-wrapper .workwx-login-btn {
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    margin-right: 60px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.fx-header .right-wrapper .workwx-login-btn:hover {
    -webkit-filter: brightness(.9);
    filter: brightness(.9)
}

.fx-header .right-wrapper .workwx-login-btn img {
    height: 35px
}

.fx-header .menu-icon {
    display: none
}

.fx-header .menu-icon.active {
    color: #1f2d3d
}

.fx-header .menu-icon>i {
    color: #1f2d3d;
    cursor: pointer;
    font-size: 32px
}

.x-window-mask {
    background-color: transparent;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: background-color,opacity;
    transition: background-color,opacity;
    -webkit-transition-duration: 218ms;
    transition-duration: 218ms;
    z-index: -1
}

.x-window-mask.dark-in {
    background-color: rgba(0,0,0,.25);
    z-index: 9
}

.header-menu-mask {
    display: none
}

.header-menu-mask .header-menu-pane {
    background: #fff;
    border-radius: 0 0 16px 16px;
    bottom: 0;
    font-size: 16px;
    height: 540px;
    padding-top: 60px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 218ms;
    transition: -webkit-transform 218ms;
    transition: transform 218ms;
    transition: transform 218ms,-webkit-transform 218ms;
    width: 100%
}

.header-menu-mask .header-menu-pane .no-icon {
    color: #525967;
    margin-left: 8px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    height: 44px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 12px 24px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .icon {
    background: url(../../images/price/menu_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 160px 100px;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .form {
    background-position: 0 0
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .flow {
    background-position: 0 -20px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .dashboard {
    background-position: 0 -40px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .organization {
    background-position: -20px 0
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .system {
    background-position: -20px -20px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .notice {
    background-position: -20px -40px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .cooper {
    background-position: -20px -60px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .interconnect {
    background-position: -20px -80px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .warning {
    background-position: -40px 0
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .printf {
    background-position: -40px -20px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .ocr {
    background-position: -40px -40px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .bpa {
    background-position: -40px -60px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .personal {
    background-position: -40px -80px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .crm {
    background-position: -60px 0
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .kms {
    background-position: -60px -20px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .help {
    background-position: -140px 0
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .video {
    background-position: -140px -20px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .forum {
    background-position: -140px -40px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .training {
    background-position: -140px -60px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .cultivation {
    background-position: -140px -80px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .intro {
    background-position: -80px 0
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .white {
    background-position: -80px -20px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .zero {
    background-position: -80px -40px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .manu {
    background-position: -80px -60px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .sale {
    background-position: -100px 0
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .equip {
    background-position: -100px -20px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .purc {
    background-position: -100px -40px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .manu-info {
    background-position: -100px -60px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .about {
    background-position: -120px 0
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .all {
    background-position: -120px -20px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .saas {
    background-position: -120px -40px
}

.header-menu-mask .header-menu-pane .product-function .solution-item-content .syst {
    background-position: -120px -60px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .icon {
    background: url(../../images/price/menu_icon_jjfa.png) no-repeat;
    background-position: 0 0;
    background-size: 80px 400px;
    height: 20px;
    margin: 8px;
    width: 20px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .scene1 {
    background-position: 0 0
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .scene2 {
    background-position: -20px 0
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .scene3 {
    background-position: 0 -20px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .scene4 {
    background-position: -20px -20px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .scene5 {
    background-position: 0 -40px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .scene6 {
    background-position: -20px -40px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .scene7 {
    background-position: 0 -60px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .scene8 {
    background-position: -20px -60px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .scene9 {
    background-position: 0 -80px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .scene10 {
    background-position: -20px -80px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .scene11 {
    background-position: 0 -100px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .scene12 {
    background-position: -20px -100px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry1 {
    background-position: -40px 0
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry2 {
    background-position: -40px -160px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry3 {
    background-position: -40px -20px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry4 {
    background-position: -40px -180px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry5 {
    background-position: -40px -40px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry6 {
    background-position: -40px -200px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry7 {
    background-position: -40px -60px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry8 {
    background-position: -40px -220px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry9 {
    background-position: -40px -80px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry10 {
    background-position: -40px -240px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry11 {
    background-position: -40px -100px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry12 {
    background-position: -40px -280px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry13 {
    background-position: -40px -120px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry14 {
    background-position: -40px -300px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry15 {
    background-position: -40px -140px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry16 {
    background-position: -40px -360px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry17 {
    background-position: -40px -340px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry18 {
    background-position: -40px -380px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .industry19 {
    background-position: -40px -320px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .integrated1 {
    background-position: -60px 0
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .integrated2 {
    background-position: -60px -20px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .integrated3 {
    background-position: -60px -40px
}

.header-menu-mask .header-menu-pane .jjfa .solution-item-content .integrated4 {
    background-position: -60px -60px
}

.header-menu-mask .header-menu-pane .solution-item-content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    height: 44px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 12px 24px
}

.header-menu-mask .header-menu-pane .solution-item-content .tip {
    left: 135px;
    position: absolute;
    top: 15px;
    width: 30px
}

.header-menu-mask .header-menu-pane .solution-item-content .tip-new {
    left: 145px;
    position: absolute;
    top: 15px;
    width: 30px
}

.header-menu-mask .header-menu-pane .solution-item-content .icon {
    background: url(../../images/price/menu_icon_material.png) no-repeat;
    background-position: 0 0;
    background-size: 120px 120px;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.header-menu-mask .header-menu-pane .solution-item-content .hot1 {
    background-position: 0 0
}

.header-menu-mask .header-menu-pane .solution-item-content .hot2 {
    background-position: 0 -20px
}

.header-menu-mask .header-menu-pane .solution-item-content .hot3 {
    background-position: 0 -40px
}

.header-menu-mask .header-menu-pane .solution-item-content .hot4 {
    background-position: 0 -60px
}

.header-menu-mask .header-menu-pane .solution-item-content .hot5 {
    background-position: 0 -80px
}

.header-menu-mask .header-menu-pane .solution-item-content .hot6 {
    background-position: 0 -100px
}

.header-menu-mask .header-menu-pane .solution-item-content .recommend1 {
    background-position: -20px 0
}

.header-menu-mask .header-menu-pane .solution-item-content .recommend2 {
    background-position: -20px -20px
}

.header-menu-mask .header-menu-pane .solution-item-content .recommend3 {
    background-position: -20px -40px
}

.header-menu-mask .header-menu-pane .solution-item-content .recommend4 {
    background-position: -20px -60px
}

.header-menu-mask .header-menu-pane .solution-item-content .recommend5 {
    background-position: -20px -80px
}

.header-menu-mask .header-menu-pane .solution-item-content .recommend6 {
    background-position: -20px -100px
}

.header-menu-mask .header-menu-pane .solution-item-content .download1 {
    background-position: -40px 0
}

.header-menu-mask .header-menu-pane .solution-item-content .download2 {
    background-position: -40px -20px
}

.header-menu-mask .header-menu-pane .solution-item-content .download3 {
    background-position: -40px -40px
}

.header-menu-mask .header-menu-pane .solution-item-content .download4 {
    background-position: -40px -60px
}

.header-menu-mask .header-menu-pane .solution-item-content .download5 {
    background-position: -40px -80px
}

.header-menu-mask .header-menu-pane .solution-item-content .download6 {
    background-position: -40px -100px
}

.header-menu-mask .header-menu-pane .solution-item-content .self-learn1 {
    background-position: -60px 0
}

.header-menu-mask .header-menu-pane .solution-item-content .self-learn2 {
    background-position: -60px -20px
}

.header-menu-mask .header-menu-pane .solution-item-content .group-learn1 {
    background-position: -80px 0
}

.header-menu-mask .header-menu-pane .solution-item-content .group-learn2 {
    background-position: -80px -20px
}

.header-menu-mask .header-menu-pane .solution-item-content .group-learn3 {
    background-position: -80px -40px
}

.header-menu-mask .header-menu-pane .solution-item-content .crop-learn1 {
    background-position: -100px 0
}

.header-menu-mask .header-menu-pane .solution-item-content .crop-learn2 {
    background-position: -100px -20px
}

.header-menu-mask .header-menu-pane .s-box {
    display: none
}

.header-menu-mask .header-menu-pane .m-header-pagination-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #f8fafb;
    border-radius: 0 0 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 12px;
    -webkit-transform: none;
    transform: none;
    width: 120px
}

.header-menu-mask .header-menu-pane .m-header-pagination-container .header-pagination-item {
    background-color: #f8fafb;
    border-radius: 0;
    color: #141e31;
    font-size: 16px;
    height: auto;
    line-height: 20px;
    margin: 0;
    opacity: 1;
    padding: 12px 24px;
    width: 100%
}

.header-menu-mask .header-menu-pane .m-header-pagination-container .lang-wrapper {
    height: 64px;
    padding: 0 24px 0 20px
}

.header-menu-mask .header-menu-pane .m-header-pagination-container .lang-wrapper .lang-switch {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding: 0 0 0 20px;
    width: 25%
}

.header-menu-mask .header-menu-pane .m-header-pagination-container .lang-wrapper .lang-switch i {
    color: #838892;
    font-size: 24px
}

.header-menu-mask .header-menu-pane .m-header-pagination-container .lang-wrapper .lang-switch .locale {
    color: #525967;
    font-size: 16px;
    font-weight: 500;
    margin: 0 6px
}

.header-menu-mask .header-menu-pane .m-header-pagination-container .swiper-pagination-bullet-active {
    background-color: #fff;
    color: #0F6DFD;
    position: relative
}

.header-menu-mask .header-menu-pane .m-header-pagination-container .swiper-pagination-bullet-active:before {
    background: #0F6DFD;
    border-radius: 0 4px 4px 0;
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4px
}

.header-menu-mask .header-menu-pane .menu-wrapper {
    -ms-overflow-style: none;
    height: 468px;
    left: 120px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 25px;
    position: absolute;
    scrollbar-width: none;
    top: 72px
}

.header-menu-mask .header-menu-pane .menu-wrapper::-webkit-scrollbar {
    display: none
}

.header-menu-mask .header-menu-pane .menu-wrapper .swiper-slide {
    width: 255px
}

.header-menu-mask .header-menu-pane .menu-item {
    color: #141e31;
    display: block;
    height: 480px
}

.header-menu-mask .header-menu-pane .menu-item .solution-list {
    -ms-overflow-style: none;
    height: 480px;
    overflow: scroll;
    scrollbar-width: none
}

.header-menu-mask .header-menu-pane .menu-item .solution-list::-webkit-scrollbar {
    display: none
}

.header-menu-mask .header-menu-pane .menu-item.wrapper-dingtalk {
    display: none
}

.header-menu-mask .header-menu-pane .menu-item.lang-switch {
    bottom: 20px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center
}

.header-menu-mask .header-menu-pane.active {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.fx-footer-content,.fx-footer-info>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

.lang-switch-mask .lang-list {
    background: #fff;
    bottom: 0;
    left: 0;
    padding-bottom: 40px;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: transform 218ms;
    -webkit-transition: -webkit-transform 218ms;
    transition: -webkit-transform 218ms;
    transition: transform 218ms;
    transition: transform 218ms,-webkit-transform 218ms
}

.lang-switch-mask .lang-list .lang-item {
    border-bottom: 1px solid #c9ced9;
    line-height: 50px;
    padding: 0 25px
}

.lang-switch-mask .lang-list .lang-item:last-child {
    border-bottom: none
}

.lang-switch-mask .lang-list .lang-item.select {
    color: #0db3a6
}

.lang-switch-mask .lang-list.active {
    cursor: pointer;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.fx-header-free-register {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: hsla(0,0%,100%,.95);
    -webkit-box-shadow: 0 5px 8px 0 rgba(64,106,103,.13);
    box-shadow: 0 5px 8px 0 rgba(64,106,103,.13);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 60px;
    left: 0;
    line-height: 60px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3
}

.fx-header-free-register.logo-header {
    position: relative
}

.fx-header-free-register .header-item {
    padding: 0 20px
}

.fx-header-free-register .header-item .logo {
    height: 25px;
    width: 106px
}

.fx-header-free-register .header-item .center-logo {
    height: 32px;
    width: 164px
}

.fx-header-free-register .right-wrapper {
    position: absolute;
    right: 0;
    top: 0
}

.fx-header-free-register .right-wrapper .menu-item {
    background: #0F6DFD;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 10px 24px;
    padding: 8px 24px;
    text-align: center
}

.fx-header-free-register .right-wrapper .menu-item:hover {
    background: #4f95ff
}

@media screen and (min-width: 1920px) {
    .fx-header .header-wrapper .menu .menu-item .solution-list-pc {
        background-color:#fff;
        -webkit-box-shadow: 0 20px 32px -10px rgba(0,0,0,.1);
        box-shadow: 0 20px 32px -10px rgba(0,0,0,.1)
    }

    .fx-header .header-wrapper .menu .menu-item .solution-list-pc .solution-list-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    .fx-header .header-wrapper .menu .menu-item .solution-list-pc .solution-list-wrapper .solution-list-content {
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 1920px
    }

    .fx-header .header-wrapper .menu .case .solution-list-pc .solution-list-wrapper .solution-list-container,.fx-header .header-wrapper .menu .jjfa .solution-list-pc .solution-list-wrapper .solution-list-container,.fx-header .header-wrapper .menu .material-center .solution-list-pc .solution-list-wrapper .solution-list-container {
        width: 1680px
    }
}

@media screen and (max-width: 1500px) {
    .fx-header .header-wrapper .menu .menu-item.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-content {
        gap:20px
    }
}

@media screen and (max-width: 1380px) {
    .fx-header .header-wrapper .menu .menu-item {
        padding:0 1%
    }
}

@media screen and (max-width: 1300px) {
    .fx-header .header-wrapper .menu .menu-item .solution-list-pc {
        padding-top:0
    }

    .fx-header .header-wrapper .menu .menu-item .solution-list-pc .solution-list-content {
        padding: 40px 0 40px 168px
    }

    .fx-header .header-wrapper .menu.jjfa .solution-list-pc .solution-list-content,.fx-header .header-wrapper .menu.material-center .solution-list-pc .solution-list-content,.fx-header .header-wrapper .menu.product-function .solution-list-pc .solution-list-content {
        padding-left: calc(100% - 1124px)
    }

    .fx-header .header-wrapper .menu.case .solution-list-pc .solution-list-wrapper .solution-list-container .solution-list-left-container {
        -ms-flex-negative: 1;
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        min-width: 256px
    }

    .fx-header .header-wrapper .menu.case .solution-list-pc .solution-list-content {
        padding-left: 180px
    }

    .fx-header .header-wrapper .menu.case .solution-list-pc .solution-item {
        margin-right: 20px
    }

    .fx-header .header-wrapper .menu.case .solution-list-pc .more {
        margin-left: 12px
    }

    .fx-header .header-wrapper .menu.study .solution-list-pc .solution-list-content {
        padding-left: calc(100% - 1124px)
    }

    .right-wrapper .menu-item {
        padding: 0 15px
    }
}

@media screen and (max-width: 1180px) {
    .fx-header .header-wrapper {
        width:100%
    }

    .fx-header .header-wrapper .icon-close-o {
        display: block;
        font-size: 32px;
        margin-right: 12px
    }

    .fx-header .header-wrapper .lang-wrapper {
        padding-left: 16px;
        padding-right: 18px
    }

    .fx-header .header-wrapper .lang-wrapper .lang-switch {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .fx-header .header-wrapper .lang-wrapper .lang-switch i {
        color: #838892;
        font-size: 24px
    }

    .fx-header .header-wrapper .lang-wrapper .lang-switch .locale {
        color: #525967;
        font-size: 16px;
        font-weight: 500;
        margin: 0 6px
    }

    .fx-header .header-wrapper .header-item {
        padding: 0 10px 0 16px
    }

    .fx-header .header-wrapper .menu .menu-item {
        display: none
    }

    .fx-header .header-wrapper .menu .wrapper-workwx {
        display: inline-block
    }

    .fx-header .header-wrapper .menu .wrapper-workwx img {
        height: 24px
    }

    .fx-header .header-wrapper .right-wrapper .mobile {
        display: inline-block
    }

    .fx-header .header-wrapper .right-wrapper .pc {
        display: none
    }

    .fx-header .header-wrapper .right-wrapper .menu-item {
        font-size: 16px
    }

    .fx-header .header-wrapper .right-wrapper .menu-item.lang-switch,.fx-header .header-wrapper .right-wrapper .menu-item.phone,.fx-header .header-wrapper .right-wrapper .workwx-login-btn {
        display: none
    }

    .fx-header .header-wrapper .right-wrapper .menu-item.register,.fx-header .header-wrapper .right-wrapper .menu-item.signin {
        margin-right: 8px;
        padding: 4px 16px
    }

    .fx-header .header-wrapper .right-wrapper .lang-switch {
        margin-right: 32px
    }

    .fx-header .menu-icon {
        display: block;
        margin-right: 12px
    }

    .header-menu-mask,.header-menu-mask .header-menu-pane {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .header-menu-mask .header-menu-pane .menu-wrapper {
        padding: 0
    }

    .header-menu-mask .header-menu-pane .menu-item {
        font-weight: 600;
        line-height: 48px;
        padding: 0 20px
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list {
        font-size: 14px;
        font-weight: 400
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .green-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        border-bottom: 1px solid #ebecee;
        color: #0F6DFD;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        font-weight: 600;
        gap: 4px;
        line-height: 20px;
        padding: 14px 24px
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .green-link i {
        font-size: 16px
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item .item-title {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: #141e31;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        font-size: 14px;
        font-weight: 400;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        line-height: 20px;
        padding: 12px 24px
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item .item-title i {
        color: #838892;
        cursor: pointer;
        font-size: 16px
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item .item-lists {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item .fold-block {
        display: none
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item .solution-info {
        color: #525967
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item .solution-info .has-tip {
        display: inline-block;
        position: relative
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list .solution-item .solution-info .has-tip .tip {
        left: 8px;
        position: relative;
        top: -2px;
        width: 30px
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-content {
        display: none
    }

    .header-menu-mask .header-menu-pane .menu-item .solution-list.on {
        display: block
    }

    .header-menu-mask .header-menu-pane .menu-item .s-box.on {
        background: #f4f6f9;
        color: #5e6d82
    }

    .header-menu-mask .header-menu-pane .menu-item.active .s-box,.header-menu-mask .header-menu-pane .menu-item.active .s-box a,.header-menu-mask .header-menu-pane .menu-item.active>a {
        color: #0db3a6
    }

    .header-menu-mask .header-menu-pane .menu-item.has-child {
        display: block;
        padding: 0
    }

    .header-menu-mask .header-menu-pane .menu-item.has-child .s-box {
        padding: 0 20px
    }

    .header-menu-mask .header-menu-pane .menu-item.has-child .solution-list-pc {
        display: none
    }

    .header-menu-mask .header-menu-pane .menu-item.has-child solution-list {
        padding: 0
    }

    .header-menu-mask .header-menu-pane .lang-wrapper .lang-switch {
        color: #0F6DFD;
        font-weight: 400
    }

    .header-menu-mask .header-menu-pane .lang-wrapper .lang-switch .locale {
        margin: 0 4px
    }

    .header-menu-mask .header-menu-pane .lang-wrapper .lang-switch i {
        color: #0F6DFD
    }

    .header-menu-mask .header-menu-pane .wrapper-workwx {
        display: none
    }
}

@media screen and (max-width: 1148px) {
    .fx-header .header-wrapper .menu .menu-item.material-center .solution-list-pc .solution-list-content,.fx-header .header-wrapper .menu .menu-item.product-function .solution-list-pc .solution-list-content,.fx-header .header-wrapper .menu .menu-item.study .solution-list-pc .solution-list-content {
        padding-left:12px
    }
}

@media screen and (max-width: 568px) {
    .fx-header .menu {
        margin-left:0
    }

    .fx-header .header-wrapper .icon-close-o {
        font-size: 32px;
        margin-right: 12px
    }

    .fx-header .header-wrapper .header-item {
        padding: 0 10px 0 16px
    }

    .fx-header .header-wrapper .right-wrapper .menu-item.signin {
        padding: 4px 16px
    }

    .fx-header .header-wrapper .right-wrapper .mobile {
        display: inline-block
    }

    .fx-header .header-wrapper .right-wrapper .pc {
        display: none
    }

    .fx-header .header-wrapper .right-wrapper .menu-item.register {
        padding: 4px 16px
    }
}

* {
    -webkit-tap-highlight-color: transparent
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 16px;
    overflow-x: hidden;
    overflow-y: auto
}

body,html {
    background: transparent;
    border: 0;
    color: #333;
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;
    height: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

body {
    -webkit-tap-highlight-color: transparent;
    font-size: 14px;
    position: relative
}

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar-thumb {
    background: #d8d8d8;
    border-radius: 6px
}

::-webkit-scrollbar-track {
    background: hsla(0,0%,98%,.9);
    border-radius: 6px
}

div,span {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

span {
    max-height: 999999px
}

iframe,object {
    font-size: 100%
}

h1,h2,h3,h4,h5,h6,iframe,object {
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400
}

p {
    max-height: 999999px
}

abbr,blockquote,p,pre {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

address,cite,code {
    font-style: normal;
    font-weight: 400
}

address,cite,code,del {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

dfn,em {
    font-style: normal;
    font-weight: 400;
    vertical-align: baseline
}

dfn,em,img {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0
}

img {
    max-width: 100%;
    vertical-align: middle
}

ins,kbd,q,samp,small,strong,sub,sup,var {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

var {
    font-style: normal;
    font-weight: 400
}

b,i {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

i {
    font-style: normal
}

dd,dl,dt,ol,ul {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

ul {
    list-style: none
}

li {
    list-style-type: none;
    max-height: 999999px
}

fieldset,form,label,legend,li,table {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption {
    font-style: normal;
    font-weight: 400
}

caption,tbody,tfoot,th,thead,tr {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

th {
    font-style: normal;
    font-weight: 700
}

td {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

article,aside {
    display: block
}

article,aside,canvas {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

details,figcaption,figure,footer,header,menu,nav {
    padding: 0
}

details,figcaption,figure,footer,header,menu,nav,section {
    background: transparent;
    border: 0;
    display: block;
    font-size: 100%;
    margin: 0;
    outline: 0;
    vertical-align: baseline
}

section {
    padding: 50px 0
}

audio,mark,summary,time,video {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

video {
    max-width: 100%
}

input {
    background: transparent;
    background: none;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    outline: none;
    padding: 0;
    vertical-align: middle
}

input:focus {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-modify: read-write-plaintext-only;
    outline: none
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

s {
    font-style: normal
}

button {
    outline: none;
    vertical-align: middle
}

acronym,button {
    border: 0
}

.block {
    display: block
}

.fl {
    float: left
}

.fr {
    float: right
}

.clearfix {
    *zoom:1}

.clearfix:after,.clearfix:before {
    content: "";
    display: table
}

.clear,.clearfix:after {
    clear: both
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

a {
    cursor: pointer;
    max-height: 999999px;
    text-decoration: none
}

a,a:focus,a:hover {
    outline: none
}

a:hover {
    text-decoration: none
}

textarea {
    -webkit-appearance: none;
    resize: none
}

textarea,textarea:focus {
    outline: none
}

input[type=checkbox] {
    -webkit-appearance: checkbox
}

input[type=button] {
    cursor: pointer
}

input[type=button],input[type=reset] {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.button {
    border-radius: 0
}

@media (max-width: 1200px) {
    .pc {
        display:none!important
    }

    .m {
        display: block
    }

    .container {
        overflow-x: hidden
    }

    .row {
        width: 100%
    }
}

.x-entrance-block {
    height: 0;
    position: relative;
    top: -20px
}

.x-entrance-block .entrance-wrapper {
    padding: 0 54px
}

.x-entrance-block .entrance-wrapper-mobile {
    display: none
}

.x-entrance-block .solution-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px 0 hsla(0,0%,86%,.5);
    box-shadow: 0 2px 8px 0 hsla(0,0%,86%,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 140px;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.x-entrance-block .solution-list .entrance {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    padding-left: 10px;
    width: 25%
}

.x-entrance-block .solution-list .entrance .entrance-img {
    margin-right: 10px
}

.x-entrance-block .solution-list .entrance .entrance-img .entrance-icon {
    width: 75px
}

.x-entrance-block .solution-list .entrance .entrance-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 29px
}

.x-entrance-block .solution-list .entrance .entrance-content .item-title {
    color: #5e6d82;
    font-size: 14px
}

.x-entrance-block .solution-list .entrance .entrance-content .description {
    color: #5e6d82;
    font-size: 16px;
    font-weight: 500
}

.x-entrance-block .solution-list .entrance .entrance-content .description span {
    color: #ff971e;
    font-size: 20px;
    font-weight: 500
}

.x-entrance-block .solution-list .entrance .mobile-btn {
    display: none
}

.x-entrance-block .solution-list .entrance:hover {
    background: #f5fbfb
}

.x-entrance-block .solution-list .entrance:hover .entrance-content .item-title {
    color: #0db3a6
}

.x-manage-solution {
    padding: 190px 0 0
}

.x-manage-solution .solution-banner {
    padding: 30px 60px 60px;
    text-align: center
}

.x-manage-solution .solution-banner .x-solution-title {
    color: #141e31;
    font-size: 36px;
    letter-spacing: 1px;
    padding-bottom: 70px
}

.x-manage-solution .solution-banner .title-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

.x-manage-solution .solution-banner .title-list .list-item {
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 hsla(0,0%,86%,.5);
    box-shadow: 0 2px 8px 0 hsla(0,0%,86%,.5);
    height: 275px;
    width: 276px
}

.x-manage-solution .solution-banner .title-list .list-item .item-banner {
    height: 64px;
    width: 100%
}

.x-manage-solution .solution-banner .title-list .list-item .item-banner img {
    width: 100%
}

.x-manage-solution .solution-banner .title-list .list-item .item-content {
    padding: 15px 12px 10px;
    text-align: left
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .circle {
    background: #0db3a6;
    border-radius: 50%;
    display: inline-block;
    height: 7px;
    margin-right: 8px;
    width: 7px
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .spacial {
    color: #5e6d82;
    margin-top: 15px
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .item-title {
    margin-bottom: 4px
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .function-title {
    color: #0db3a6;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .item-info-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .item-info-list .info {
    background: #f1f9f8;
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    height: 21px;
    line-height: 21px;
    margin-bottom: 5px;
    text-align: center;
    width: 80px
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .spacial-title {
    color: #141e31;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .spacial-title .circle {
    background-color: #5e6d82
}

.x-manage-solution .solution-banner .title-list .list-item .item-content .spacial p {
    font-size: 12px
}

.x-manage-solution .solution-banner .title-banner-mobile {
    display: none
}

.x-register-btn {
    background: #0db3a6;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    width: 160px
}

.x-register-btn:hover {
    background: #56cac1;
    border-color: #56cac1
}

.x-manage-demand {
    background: -webkit-gradient(to bottom,#80d1ca 0,#0eb3a6 64%,#0db3a6 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#80d1ca),color-stop(64%,#0eb3a6),to(#0db3a6));
    background: linear-gradient(180deg,#80d1ca 0,#0eb3a6 64%,#0db3a6);
    height: 692px;
    padding: 50px;
    width: 100%
}

.x-manage-demand .demand-wrapper {
    padding: 0 69px
}

.x-manage-demand .demand-wrapper .demand-title {
    color: #fff;
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 32px;
    text-align: center
}

.x-manage-demand .demand-wrapper .tab-box {
    background: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 480px;
    padding-top: 60px
}

.x-manage-demand .demand-wrapper .tab-box .demand-menu-list {
    -webkit-box-flex: 0;
    border-right: 1px solid #e6f7f6;
    color: #5e6d82;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 16px;
    height: 370px;
    width: 200px
}

.x-manage-demand .demand-wrapper .tab-box .demand-menu-list li {
    background: #fff;
    border-radius: 0;
    height: 44px;
    line-height: 44px;
    opacity: 1;
    padding-right: 28px;
    text-align: right;
    width: 100%
}

.x-manage-demand .demand-wrapper .tab-box .demand-menu-list li:hover {
    color: #0db3a6
}

.x-manage-demand .demand-wrapper .tab-box .demand-menu-list li.swiper-pagination-bullet-active {
    background: #e6f7f6;
    color: #0db3a6;
    position: relative
}

.x-manage-demand .demand-wrapper .tab-box .demand-menu-list li.swiper-pagination-bullet-active:after {
    background: #0db3a6;
    content: "";
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    width: 3px
}

.x-manage-demand .demand-wrapper .tab-box .tab-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box {
    padding: 0 28px 0 35px;
    width: 340px
}

.x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box h3 {
    color: #2e2e2e;
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 20px
}

.x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box p {
    color: #141e31;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 10px
}

.x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box p .circle {
    background: #0db3a6;
    border-radius: 50%;
    display: inline-block;
    height: 6px;
    margin-right: 11px;
    width: 6px
}

.x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box p .bold {
    font-weight: 500
}

.x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box .x-register-btn {
    border-radius: 29px;
    bottom: 84px;
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    position: absolute
}

.x-manage-demand .demand-wrapper .tab-box .tab-item .img-box {
    margin-right: 27px
}

.x-manage-demand .demand-wrapper .tab-box .tab-item .img-box img {
    width: 537px
}

.x-manage-demand .demand-wrapper .tab-box-m,.x-manage-demand-mobile {
    display: none
}

.x-manage-bottom-bg {
    margin-bottom: 50px
}

.x-manage-bottom-bg .x-bottom-banner .bricks {
    height: 240px;
    padding: 0;
    width: 100%
}

.x-manage-bottom-bg .x-bottom-banner .bricks .bottom-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-align-items: center;
    align-items: center;
    background: url(../../images/price/data_banner_bottom.png) no-repeat 50%;
    background-size: cover;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center
}

.x-manage-bottom-bg .x-bottom-banner .bricks .left-box {
    color: #fff;
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 38px;
    text-align: center
}

.x-manage-bottom-bg .x-bottom-banner .bricks .right-box .x-register-btn {
    background: #ff971e;
    border-radius: 24px;
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    width: 278px
}

.x-manage-bottom-bg .x-bottom-banner .bricks .right-box .x-register-btn:hover {
    background: #ff971e
}

.x-fixed-banner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: -webkit-gradient(to bottom,#0db3a6 0,#40c3b9 64%,#80d1ca 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#0db3a6),color-stop(64%,#40c3b9),to(#80d1ca));
    background: linear-gradient(180deg,#0db3a6 0,#40c3b9 64%,#80d1ca);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 72px;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 36px;
    position: relative;
    z-index: 2
}

.x-fixed-banner .x-register-btn {
    background: #ff971e;
    border-radius: 21px;
    height: 42px;
    line-height: 42px
}

.x-fixed-banner .x-register-btn:hover {
    background: #ff971e
}

.x-fixed-banner .description {
    color: #fff;
    font-size: 24px;
    margin-right: 43px
}

.x-fixed-banner .color-yellow {
    color: #f7de76
}

.x-fixed-banner-copy {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0
}

.x-msg-toast-wrapper {
    pointer-events: none;
    position: fixed;
    text-align: center;
    top: 10px;
    width: 100%;
    z-index: 9999
}

.x-msg-toast {
    display: none;
    margin-bottom: 10px;
    position: relative
}

.x-msg-toast .content {
    background: #fff;
    border: 1px solid;
    border-radius: 2px;
    -webkit-box-shadow: 0 12px 36px 12px rgba(31,45,61,.04),0 8px 24px 2px rgba(31,45,61,.06),0 4px 8px -6px rgba(31,45,61,.08);
    box-shadow: 0 12px 36px 12px rgba(31,45,61,.04),0 8px 24px 2px rgba(31,45,61,.06),0 4px 8px -6px rgba(31,45,61,.08);
    display: inline-block;
    max-width: 600px;
    min-height: 40px;
    min-width: 100px;
    overflow: hidden;
    padding: 9px 16px 9px 36px;
    position: relative;
    text-align: initial
}

.x-msg-toast .content .toast-icon {
    left: 16px;
    position: absolute;
    top: 10px
}

.x-msg-toast .content .toast-icon i {
    font-size: 16px
}

.x-msg-toast .content.success {
    background: #ecf7ef;
    border-color: #77c690
}

.x-msg-toast .content.success i {
    color: #3dae60
}

.x-msg-toast .content.warning {
    background: #fff7e6;
    border-color: #ffc44d
}

.x-msg-toast .content.warning i {
    color: #fdc31c
}

.x-msg-toast .content.error {
    background: #fdecec;
    border-color: #ee7b79
}

.x-msg-toast .content.error i {
    color: #f34c3d
}

.x-msg-toast .content.loading {
    background: #ecf7ef;
    border-color: #77c690
}

.x-msg-toast .content.loading i {
    -webkit-animation: rotate .8s linear infinite;
    animation: rotate .8s linear infinite;
    -webkit-animation-duration: rotate .8s infinite linear;
    animation-duration: rotate .8s infinite linear;
    border: 2px solid rgba(61,174,96,.3);
    border-radius: 100%;
    border-top-color: #3dae60;
    color: #3dae60;
    display: inline-block;
    height: 13px;
    margin-top: 4px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 13px
}

.x-skeleton-spin {
    background-color: #fff;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.x-skeleton-spin>.skeleton-line.title {
    background-color: #ededed;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(20%,#ededed),color-stop(33%,#f3f3f3),color-stop(58%,#ededed));
    background-image: linear-gradient(90deg,#ededed 20%,#f3f3f3 33%,#ededed 58%);
    height: 20px;
    margin-bottom: 25px;
    width: 40%
}

.x-skeleton-spin .skeleton-line {
    -webkit-animation: skeleton 1.4s ease infinite;
    animation: skeleton 1.4s ease infinite;
    -webkit-animation-duration: skeleton 1.4s ease infinite;
    animation-duration: skeleton 1.4s ease infinite;
    background-color: #f1f1f1;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(25%,#f1f1f1),color-stop(37%,#f9f9f9),color-stop(63%,#f1f1f1));
    background-image: linear-gradient(90deg,#f1f1f1 25%,#f9f9f9 37%,#f1f1f1 63%);
    background-size: 400% 100%;
    border-radius: 3px;
    height: 20px;
    margin: 20px
}

.x-skeleton-spin .skeleton-line:last-child {
    width: 50%
}

.x-skeleton-spin.style-theme-dark {
    background: #1a2038
}

.x-skeleton-spin.style-theme-dark .skeleton-line {
    background-color: #535f83;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(25%,#535f83),color-stop(37%,#29314c),color-stop(63%,#535f83));
    background-image: linear-gradient(90deg,#535f83 25%,#29314c 37%,#535f83 63%)
}

@-webkit-keyframes skeleton {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes skeleton {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: 0 0
    }
}

@media (max-width: 1200px) {
    .x-entrance-block .entrance-wrapper {
        padding:0 3%;
        width: 100%
    }

    .x-entrance-block .solution-list .entrance .entrance-img {
        margin-right: 5px
    }

    .x-entrance-block .solution-list .entrance .entrance-img .entrance-icon {
        width: 55px
    }

    .x-entrance-block .solution-list .entrance .entrance-content .description,.x-entrance-block .solution-list .entrance .entrance-content .item-title {
        font-size: 14px
    }

    .x-entrance-block .solution-list .entrance .entrance-content .description span {
        font-size: 18px
    }

    .x-entrance-block .solution-list .entrance .mobile-btn {
        display: none
    }

    .x-entrance-block .solution-list .entrance:hover {
        background: #f5fbfb
    }

    .x-entrance-block .solution-list .entrance:hover .entrance-content .item-title {
        color: #0db3a6
    }

    .x-manage-demand {
        background: -webkit-gradient(to bottom,#80d1ca 0,#0eb3a6 64%,#0db3a6 100%);
        background: -webkit-gradient(linear,left top,left bottom,from(#80d1ca),color-stop(64%,#0eb3a6),to(#0db3a6));
        background: linear-gradient(180deg,#80d1ca 0,#0eb3a6 64%,#0db3a6);
        height: 692px;
        padding: 50px;
        width: 100%
    }

    .x-manage-demand .demand-wrapper {
        padding: 0 69px
    }

    .x-manage-demand .demand-wrapper .demand-title {
        color: #fff;
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 32px;
        text-align: center
    }

    .x-manage-demand .demand-wrapper .tab-box {
        background: #fff;
        border-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        height: 480px;
        padding-top: 60px
    }

    .x-manage-demand .demand-wrapper .tab-box .demand-menu-list {
        -webkit-box-flex: 0;
        border-right: 1px solid #e6f7f6;
        color: #5e6d82;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        font-size: 16px;
        height: 370px;
        width: 200px
    }

    .x-manage-demand .demand-wrapper .tab-box .demand-menu-list li {
        background: #fff;
        border-radius: 0;
        height: 44px;
        line-height: 44px;
        opacity: 1;
        padding-right: 28px;
        text-align: right;
        width: 100%
    }

    .x-manage-demand .demand-wrapper .tab-box .demand-menu-list li:hover {
        color: #0db3a6
    }

    .x-manage-demand .demand-wrapper .tab-box .demand-menu-list li.swiper-pagination-bullet-active {
        background: #e6f7f6;
        color: #0db3a6;
        position: relative
    }

    .x-manage-demand .demand-wrapper .tab-box .demand-menu-list li.swiper-pagination-bullet-active:after {
        background: #0db3a6;
        content: "";
        height: 44px;
        position: absolute;
        right: 0;
        top: 0;
        width: 3px
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box {
        padding: 0 28px 0 35px;
        width: 340px
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box h3 {
        color: #2e2e2e;
        font-size: 24px;
        line-height: 33px;
        margin-bottom: 20px
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box p {
        color: #141e31;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box p .circle {
        background: #0db3a6;
        border-radius: 50%;
        display: inline-block;
        height: 6px;
        margin-right: 11px;
        width: 6px
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box p .bold {
        font-weight: 500
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item .txt-box .x-register-btn {
        border-radius: 29px;
        bottom: 84px;
        font-size: 20px;
        height: 48px;
        line-height: 48px;
        position: absolute
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item .img-box {
        margin-right: 27px
    }

    .x-manage-demand .demand-wrapper .tab-box .tab-item .img-box img {
        width: 557px
    }

    .x-manage-demand .demand-wrapper .tab-box-m {
        display: none
    }
}

@media (max-width: 1080px) {
    .x-manage-solution .solution-banner {
        padding:20px 3%;
        width: 100%
    }

    .x-manage-solution .solution-banner .x-solution-title {
        font-size: 20px;
        line-height: 29px;
        padding-bottom: 20px
    }

    .x-manage-solution .solution-banner .title-list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .x-manage-solution .solution-banner .title-list .list-item {
        height: auto;
        margin-bottom: 15px;
        width: 49%
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-banner {
        height: auto;
        width: 100%
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-banner img {
        width: 100%
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content {
        padding: 4px 6px 10px;
        text-align: left
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content .circle {
        height: 5px;
        margin-right: 4px;
        width: 5px
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content .spacial {
        margin-top: 11px
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .item-title {
        margin-bottom: 3px
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .function-title {
        font-size: 13px;
        line-height: 20px
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .item-info-list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .item-info-list .info {
        display: inline-block;
        line-height: 21px;
        margin-bottom: 5px;
        width: 49%
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .spacial-title {
        color: #141e31;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px
    }

    .x-manage-solution .solution-banner .title-list .list-item .item-content .spacial .spacial-title .circle {
        background-color: #5e6d82
    }

    .x-manage-demand {
        display: none
    }

    .x-manage-demand-mobile {
        display: block;
        position: relative;
        width: 100%
    }

    .x-manage-demand-mobile img {
        width: 100%
    }

    .x-manage-demand-mobile .x-register-btn {
        border-radius: 20px;
        bottom: 30px;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }

    .x-manage-bottom-bg .x-bottom-banner .bricks {
        padding: 0 30px
    }

    .x-fixed-banner .description {
        font-size: 20px
    }
}

@media (max-width: 800px) {
    .x-entrance-block {
        height:auto;
        top: 0
    }

    .x-entrance-block .entrance-wrapper {
        display: none
    }

    .x-entrance-block .entrance-wrapper-mobile {
        display: block;
        padding: 20px 0 10px
    }

    .x-manage-solution {
        background: #fff;
        padding-top: 10px
    }

    .x-manage-solution .solution-banner {
        padding: 20px 0 0
    }

    .x-manage-solution .solution-banner .title-list {
        display: none
    }

    .x-manage-solution .solution-banner .title-banner-mobile {
        display: block
    }
}

@media (max-width: 450px) {
    .x-entrance-block .solution-list .entrance {
        width:49%
    }

    .x-entrance-block .solution-list .entrance .entrance-img .entrance-icon {
        width: 35px
    }

    .x-entrance-block .solution-list .entrance .entrance-content .item-title {
        font-size: 12px
    }

    .x-entrance-block .solution-list .entrance .entrance-content .description {
        display: none
    }

    .x-register-btn {
        border-radius: 3px;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        width: 112px
    }

    .x-manage-bottom-bg {
        margin-bottom: 20px
    }

    .x-manage-bottom-bg .x-bottom-banner .bricks {
        background: url(../../images/price/zsk_bg.png) no-repeat 50%;
        background-size: cover;
        height: 130px;
        padding: 15px 0
    }

    .x-manage-bottom-bg .x-bottom-banner .bricks .bottom-container {
        background: none
    }

    .x-manage-bottom-bg .x-bottom-banner .bricks .left-box {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 16px
    }

    .x-manage-bottom-bg .x-bottom-banner .bricks .right-box .x-register-btn {
        border-radius: 21px;
        font-size: 14px;
        height: 32px;
        line-height: 32px;
        width: 120px
    }

    .x-fixed-banner {
        background: -webkit-gradient(to bottom,#80d1ca 0,#40c3b9 64%,#0db3a6 100%);
        background: -webkit-gradient(linear,left top,left bottom,from(#80d1ca),color-stop(64%,#40c3b9),to(#0db3a6));
        background: linear-gradient(180deg,#80d1ca 0,#40c3b9 64%,#0db3a6);
        height: 50px;
        padding: 0 20px
    }

    .x-fixed-banner .x-register-btn {
        border-radius: 20px;
        height: 40px;
        line-height: 40px;
        margin: 0;
        padding: 0 35px;
        width: 210px
    }

    .x-fixed-banner .description {
        font-size: 12px;
        margin-right: 20px
    }
}

.fx-navigation {
    background-color: #f4f6f9;
    height: 40px;
    opacity: 1;
    position: fixed;
    top: 60px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .15s;
    transition: all .15s;
    width: 100%;
    z-index: 2
}

.fx-navigation.fx-navigation-hide {
    opacity: 0;
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px)
}

.fx-navigation .navigation-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    line-height: 40px;
    padding: 0 25px
}

.fx-navigation .navigation-wrapper .navigation-item {
    color: #141e31;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    text-align: center
}

.fx-navigation .navigation-wrapper .iconfont {
    font-size: 14px
}

.fx-navigation .navigation-wrapper .icon-next:before {
    color: #91a1b7;
    margin: 0 4px
}

.fx-navigation .navigation-wrapper .active {
    color: #5e6d82
}

.footer {
    background: #f8fafb
}

.footer .footer-mobile,.footer .lxwm-br {
    display: none
}

.footer .row {
    margin: 0 auto;
    padding-top: 60px;
    width: 1192px
}

.footer .f-list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.footer .f-list>li h4 {
    color: #141e31;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 20px;
    position: relative
}

.footer .f-list>li h4>a {
    color: #141e31
}

.footer .f-list>li h4>a:hover {
    color: #0F6DFD
}

.footer .f-list>li i {
    display: none
}

.footer .f-list>li.link-list {
    min-width: 64px;
    width: 13.2%
}

.footer .f-list>li.link-list ul {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.footer .f-list>li.link-list ul li a {
    color: #525967;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px
}

.footer .f-list>li.link-list ul li a:hover {
    color: #0F6DFD
}

.footer .f-list>li.link-list ul li a.m {
    display: none
}

.footer .f-list>li.link-list ul li:nth-of-type(2) {
    margin-left: 40px
}

.footer .f-list>li.lxwm {
    min-width: 494px;
    padding-left: 25px;
    width: 47.2%
}

.footer .f-list>li.lxwm h4 {
    margin-bottom: 20px
}

.footer .f-list>li.lxwm .phone {
    color: #525967
}

.footer .f-list>li.lxwm .fold-block .fold-inner>p {
    color: #525967;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px
}

.footer .f-list>li.lxwm .fold-block .fold-inner>p a {
    color: #525967;
    word-break: keep-all
}

.footer .f-list>li.lxwm .fold-block .fold-inner>p .tip {
    color: #525967;
    min-width: 80px
}

.footer .f-list>li.lxwm .fold-block .fold-inner>p .tip .medium-font {
    font-size: 14px
}

.footer .f-list>li.lxwm .fold-block .fold-inner>p .tip .small-font {
    font-size: 13px
}

.footer .f-list>li.lxwm .fold-block .fold-inner>p .tip .narrow-spacing {
    letter-spacing: -.4px
}

.footer .f-list>li.lxwm .ewm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 24px;
    padding-top: 40px
}

.footer .f-list>li.lxwm .ewm,.footer .f-list>li.lxwm .ewm .qrcode-wrapper {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox
}

.footer .f-list>li.lxwm .ewm .qrcode-wrapper {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    display: -webkit-flex;
    display: flex;
    margin-right: 67px
}

.footer .f-list>li.lxwm .ewm .qrcode-wrapper .qrcode-block img {
    height: 120px;
    margin-bottom: 12px;
    width: 120px
}

.footer .f-list>li.lxwm .ewm .qrcode-wrapper .qrcode-block .qrcode-title {
    color: #141e31;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.footer .f-list>li.lxwm .ewm .qrcode-wrapper .qrcode-block+.qrcode-block {
    margin-left: 30px
}

.footer .links {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-top: 1px solid #ebecee;
    height: 64px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 48px;
    padding-top: 16px
}

.footer .links,.footer .links .friend-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.footer .links .friend-links {
    font-size: 14px;
    font-weight: 400;
    gap: 32px;
    line-height: 32px
}

.footer .links .friend-links a {
    color: #525967
}

.footer .links .friend-links a:hover {
    color: #0F6DFD
}

.footer .links .friend-links span {
    color: #141e31
}

.footer .channel-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.footer .channel-wrapper i {
    display: inline
}

.footer .channel-wrapper .official-channel {
    cursor: pointer;
    height: 32px;
    width: 32px
}

.footer .channel-wrapper .official-channel a {
    display: block;
    height: 100%;
    width: 100%
}

.footer .channel-wrapper .official-channel+.official-channel {
    margin-left: 19px
}

.footer .channel-wrapper .a1,.footer .channel-wrapper .a2,.footer .channel-wrapper .a3,.footer .channel-wrapper .a4 {
    height: 32px;
    width: 32px
}

.footer .channel-wrapper .a1 .channel-icon,.footer .channel-wrapper .a2 .channel-icon,.footer .channel-wrapper .a3 .channel-icon,.footer .channel-wrapper .a4 .channel-icon {
    color: #b5b8be;
    font-size: 32px;
    line-height: 32px
}

.footer .channel-wrapper .a1 {
    position: relative
}

.footer .channel-wrapper .a1 img {
    display: none;
    left: -25px;
    min-width: 80px;
    position: absolute;
    top: -85px
}

.footer .channel-wrapper .a1:hover img {
    display: block
}

.footer .channel-wrapper .a1:hover .channel-icon {
    color: #18ad19
}

.footer .channel-wrapper .a2 .channel-icon:hover {
    color: #0184ff
}

.footer .channel-wrapper .a3 .channel-icon:hover {
    color: #d83a30
}

.footer .channel-wrapper .a4 .channel-icon:hover {
    color: #ff373c
}

.bq {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    color: #838892;
    font-size: 14px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 20px;
    margin: 0 auto;
    padding-bottom: 28px;
    text-align: center;
    width: 1192px
}

.bq,.bq .bq-txt {
    display: -webkit-flex;
    display: flex
}

.bq,.bq .bq-row,.bq .bq-txt {
    display: -webkit-box;
    display: -ms-flexbox
}

.bq .bq-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex
}

.bq .bq-row img {
    height: 16px;
    width: 16px
}

.bq .bq-row a {
    color: #838892;
    margin: 0 9px
}

.bq .bq-row a img {
    height: 15px;
    width: 15px
}

.bq .bq-row.lang-switch {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border: none;
    color: #525967;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: 24px;
    position: relative
}

.bq .bq-row.lang-switch>* {
    display: inline-block
}

.bq .bq-row.lang-switch>i:first-child {
    color: #838892;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    width: 18px
}

.bq .bq-row.lang-switch>i:nth-child(3) {
    color: #838892;
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    width: 24px
}

.bq .bq-row.lang-switch .locale {
    font-size: 16px;
    font-weight: 500;
    margin-left: 8px;
    margin-right: 6px
}

.bq .bq-row.lang-switch:hover,.bq .bq-row.lang-switch:hover>i:first-child,.bq .bq-row.lang-switch:hover>i:nth-child(3) {
    color: #0F6DFD
}

.bq .bq-row.lang-switch .lang-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(20,30,49,.1);
    box-shadow: 0 2px 8px 0 rgba(20,30,49,.1);
    color: #525967;
    cursor: pointer;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    left: -25px;
    overflow: hidden;
    padding: 8px;
    position: absolute;
    top: -70px;
    width: 104px
}

.bq .bq-row.lang-switch .lang-list,.bq .bq-row.lang-switch .lang-list .lang-item {
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.bq .bq-row.lang-switch .lang-list .lang-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 400;
    height: 32px;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 6px 16px;
    width: 100%
}

.bq .bq-row.lang-switch .lang-list .lang-item:hover {
    background: #edeff3;
    font-weight: 600
}

@media screen and (max-width: 1200px) {
    .footer .row {
        padding:48px 5% 0;
        width: 100%
    }

    .footer .f-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer .f-list>li h4 {
        margin-bottom: 21px
    }

    .footer .f-list>li.link-list {
        margin-bottom: 15px;
        margin-top: 0;
        width: 100%
    }

    .footer .f-list>li.link-list ul,.footer .f-list>li.link-list ul li {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .footer .f-list>li.link-list ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .footer .f-list>li.link-list ul li a+a {
        margin-left: 15px
    }

    .footer .f-list>li.lxwm {
        margin-top: 20px;
        padding-left: 0;
        width: 100%
    }

    .bq {
        font-size: 12px;
        padding: 0 5% 28px;
        width: 100%
    }

    .bq .bq-row {
        margin-bottom: 5px
    }
}

@media screen and (max-width: 1180px) {
    .footer .bq {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .footer .bq-row.lang-switch {
        display: none
    }
}

@media screen and (max-width: 1000px) {
    .footer .links .friend-links {
        font-size:12px;
        gap: 16px
    }
}

@media screen and (max-width: 800px) {
    .footer .footer-pc,.footer .show-pc {
        display:none!important
    }

    .footer .footer-mobile {
        display: block
    }

    .footer .row {
        padding: 28px 24px 12px
    }

    .footer .row .f-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer .row .f-list>li h4 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        color: #1f2d3d;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        font-size: 16px;
        font-weight: 500;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        line-height: 24px;
        margin-bottom: 0;
        padding: 12px 0
    }

    .footer .row .f-list>li i {
        display: block
    }

    .footer .row .f-list>li .fold-block {
        display: none
    }

    .footer .row .f-list>li .fold-block .fold-inner a {
        padding: 12px 0
    }

    .footer .row .f-list .link-list {
        margin: 0;
        width: 100%
    }

    .footer .row .f-list .link-list ul,.footer .row .f-list .link-list ul li {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .footer .row .f-list .link-list ul li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer .row .f-list .link-list ul li a {
        color: #525967;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

    .footer .row .f-list .link-list ul li a+a {
        margin-left: 0
    }

    .footer .row .f-list>li.lxwm {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-top: 0;
        min-width: auto
    }

    .footer .row .f-list>li.lxwm .fold-block .fold-inner>p {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: #525967;
        font-size: 14px;
        font-weight: 400;
        height: 44px;
        line-height: 20px;
        padding: 12px 0
    }

    .footer .row .f-list>li.lxwm .fold-block .fold-inner>p .tip {
        min-width: auto
    }

    .footer .row .f-list>li.lxwm .fold-block .fold-inner>p .tip .medium-font {
        font-size: 12px;
        line-height: 28px
    }

    .footer .channel-wrapper,.footer .row .f-list>li.lxwm>.ewm {
        display: none
    }

    .footer .links {
        border-bottom: none;
        height: 76px;
        margin-top: 16px;
        padding: 24px 0 8px
    }

    .footer .links .friend-links {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 12px;
        font-weight: 400;
        gap: 24px;
        -webkit-justify-content: center;
        justify-content: center;
        line-height: 16px;
        row-gap: 12px
    }

    .footer .links .friend-links a {
        color: #525967
    }

    .footer .links .friend-links a:hover {
        color: #0F6DFD
    }

    .footer .links .friend-links span {
        color: #141e31
    }

    .bq {
        border-top: 0;
        color: #838892;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        margin-top: 8px;
        padding: 0 0 52px
    }
}

@media screen and (max-width: 670px) {
    .footer .row {
        padding-bottom:0
    }

    .footer .row .f-list .link-list:nth-of-type(3) {
        margin-right: 0
    }

    .footer .row .f-list .link-list:nth-of-type(4) {
        margin-right: 120px
    }

    .footer .bq .bq-txt {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer .bq .bq-txt .bq-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (max-width: 500px) {
    .footer .row .f-list .link-list,.footer .row .f-list .link-list:nth-of-type(4) {
        margin-right:61px
    }
}

@media screen and (max-width: 420px) {
    .footer .lxwm-br {
        display:block
    }

    .footer .lxwm-space {
        display: none
    }

    .footer .row .f-list .link-list,.footer .row .f-list .link-list:nth-of-type(4) {
        margin-right: 48px
    }
}

@media screen and (max-width: 375px) {
    .footer .row .f-list .link-list,.footer .row .f-list .link-list:nth-of-type(4) {
        margin-right:8%
    }
}

@font-face {
    font-family: finex;
    src: url(https://blog-assets.jiandaoyun.com/v432/index/fonts/iconfont.woff) format("woff"),url(https://blog-assets.jiandaoyun.com/v432/index/fonts/iconfont.ttf) format("truetype")
}

@font-face {
    font-family: finex;
    src: url(https://blog-assets.jiandaoyun.com/v432/index/fonts/font_outsourcing.eot?t=1597738847001);
    src: url(https://blog-assets.jiandaoyun.com/v432/index/fonts/font_outsourcing.eot?t=1597738847001#iefix) format("embedded-opentype"),url(https://blog-assets.jiandaoyun.com/v432/index/fonts/font_outsourcing.woff?t=1597738847001) format("woff"),url(https://blog-assets.jiandaoyun.com/v432/index/fonts/font_outsourcing.ttf?t=1597738847001) format("truetype"),url(https://blog-assets.jiandaoyun.com/v432/index/fonts/font_outsourcing.svg?t=1597738847001#iconfont) format("svg")
}

.iconfont {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: finex!important;
    font-size: 16px;
    font-style: normal
}

.icon-threedot:before {
    content: "\e6e4"
}

.icon-liuzhuan:before {
    content: "\e600"
}

.icon-bofang:before {
    content: "\e633"
}

.icon-cmstubiaozitihua11:before {
    content: "\e755"
}

.icon-users:before {
    content: "\e617"
}

.icon-sign01:before {
    content: "\e612"
}

.icon-line-chart:before {
    content: "\e63e"
}

.icon-area-chart:before {
    content: "\e671"
}

.icon-data-manager:before {
    content: "\e688"
}

.icon-share:before {
    content: "\e689"
}

.icon-process:before {
    content: "\e68b"
}

.icon-dingding:before {
    content: "\e6a2"
}

.icon-shouhoufuwu:before {
    content: "\e601"
}

.icon-paperplane:before {
    content: "\e660"
}

.icon-iconquanxiankongzhi:before {
    content: "\e639"
}

.icon-iconshouzhijizhang:before {
    content: "\e64e"
}

.icon-iconzidingyichaxun:before {
    content: "\e667"
}

.icon-congexceldaoru:before {
    content: "\e67b"
}

.icon-iconshenpi:before {
    content: "\e6b4"
}

.icon-zuoshuangyinhao:before {
    content: "\e62e"
}

.icon-caiwuguanli02:before {
    content: "\e606"
}

.icon-xingzhengguanli:before {
    content: "\e61e"
}

.icon-news:before {
    content: "\e604"
}

.icon-logo:before {
    content: "\e6d3"
}

.icon-wechat_ent:before {
    content: "\e6da"
}

.icon-form:before {
    content: "\e695"
}

.icon-user-switch:before {
    content: "\e6df"
}

.icon-report:before {
    content: "\e696"
}

.icon-zuoshuangyinhao-copy:before {
    content: "\e63b"
}

.icon-wps-create:before {
    content: "\e6eb"
}

.icon-zidingyidayin_zidingyidayin-:before {
    content: "\e6ed"
}

.icon-tubiao_biaodanpaiban:before {
    content: "\e6ee"
}

.icon-tubiao_baobiaowailian:before {
    content: "\e6ef"
}

.icon-tubiao_biaodanwailian:before {
    content: "\e6f0"
}

.icon-tubiao_gongshiyuhanshu:before {
    content: "\e6ff"
}

.icon-tubiao_biaodanxiaoyan:before {
    content: "\e6f1"
}

.icon-tubiao_huizongbiao:before {
    content: "\e6f2"
}

.icon-tubiao_shujuquanxianguanli:before {
    content: "\e703"
}

.icon-tubiao_shujuzidongliuzhuan:before {
    content: "\e6f4"
}

.icon-tubiao_GPS:before {
    content: "\e6f5"
}

.icon-tubiao_shujuguanlianyuliandong:before {
    content: "\e6f6"
}

.icon-tubiao_zidingyichaxuntiaojian:before {
    content: "\e6f8"
}

.icon-tubiao_tuanduixiezuo:before {
    content: "\e704"
}

.icon-tubiao_keshihuatubiao:before {
    content: "\e6fa"
}

.icon-tubiao_zibiaodan:before {
    content: "\e6fc"
}

.icon-tubiao_qiyeweixin:before {
    content: "\e6fd"
}

.icon-tubiao_gezhongweb-yidongduan:before {
    content: "\e6fe"
}

.icon-tubiao_weixinfuwuhao:before {
    content: "\e700"
}

.icon-tuiguangjiandaoyun:before {
    content: "\e640"
}

.icon-shujuguanli_kuozhan_piliangcaozuo:before {
    content: "\e665"
}

.icon-kongjian_chengyuanduoxuan:before {
    content: "\e70a"
}

.icon-kongjian_fuxuankuangzu:before {
    content: "\e60a"
}

.icon-kongjian_guanlianshuju:before {
    content: "\e6ac"
}

.icon-fuzhi:before {
    content: "\e68c"
}

.icon-close-normal:before {
    content: "\e678"
}

.icon-ok:before {
    content: "\e656"
}

.icon-service-heart:before {
    content: "\e6c8"
}

.icon-service-medal:before {
    content: "\e6c9"
}

.icon-help-slim:before {
    content: "\e6c6"
}

.icon-app-diy:before {
    content: "\e755"
}

.icon-app-build:before {
    content: "\e65b"
}

.icon-app-platform:before {
    content: "\e65a"
}

.icon-prev:before {
    content: "\e669"
}

.icon-next:before {
    content: "\e66a"
}

.icon-help-empty:before {
    content: "\e718"
}

.icon-role-sale:before {
    content: "\e67d"
}

.icon-role-it:before {
    content: "\e67e"
}

.icon-role-hr:before {
    content: "\e67c"
}

.icon-role-product:before {
    content: "\e679"
}

.icon-role-purchase:before {
    content: "\e678"
}

.icon-menu-bar:before {
    content: "\e668"
}

.icon-close-o:before {
    content: "\e678"
}

.icon-ok-o:before {
    content: "\e67a"
}

.icon-qrcode:before {
    content: "\e681"
}

.icon-check-off:before {
    content: "\e6e2"
}

.icon-check-on:before {
    content: "\e6e5"
}

.icon-global:before {
    content: "\e6e7"
}

.icon-location:before {
    content: "\e6aa"
}

.icon-arrow-down:before {
    content: "\e631"
}

i.icon-angle-black-down:before {
    content: "\e62b"
}

.icon-jian:before {
    content: "\e620"
}

.icon-cloud:before {
    content: "\e609"
}

.icon-book:before {
    content: "\e6d7"
}

.icon-print:before {
    content: "\e745"
}

.icon-tuisong:before {
    content: "\e722"
}

.icon-cycle:before {
    content: "\e71c"
}

.icon-upload:before {
    content: "\e628"
}

.icon-appref:before {
    content: "\e6ea"
}

.icon-fabu:before {
    content: "\e6b2"
}

.icon-func:before {
    content: "\e608"
}

.icon-diamond:before {
    content: "\e605"
}

.icon-rocket:before {
    content: "\e603"
}

.icon-tongbu:before {
    content: "\e602"
}

.icon-signature:before {
    content: "\e749"
}

.icon-order:before {
    content: "\e61f"
}

.icon-cart:before {
    content: "\e61b"
}

.icon-goods:before {
    content: "\e61d"
}

.icon-sales-report:before {
    content: "\e60f"
}

.icon-store:before {
    content: "\e615"
}

.icon-crm:before {
    content: "\e60e"
}

.icon-device:before {
    content: "\e613"
}

.icon-quality:before {
    content: "\e610"
}

.icon-hse:before {
    content: "\e611"
}

.icon-mode:before {
    content: "\e619"
}

.icon-spare-parts:before {
    content: "\e609"
}

.icon-produce:before {
    content: "\e60c"
}

.icon-purchase:before {
    content: "\e607"
}

.icon-warehouse:before {
    content: "\e626"
}

.icon-ship:before {
    content: "\e621"
}

.icon-supplier:before {
    content: "\e629"
}

.icon-import-export:before {
    content: "\e60d"
}

.icon-after-sale:before {
    content: "\e618"
}

.icon-repair:before {
    content: "\e60b"
}

.icon-work-order:before {
    content: "\e61c"
}

.icon-return-visit:before {
    content: "\e623"
}

.icon-office-supplies:before {
    content: "\e603"
}

.icon-car-manage:before {
    content: "\e627"
}

.icon-meeting-room:before {
    content: "\e61a"
}

.icon-leave:before {
    content: "\e614"
}

.icon-reimburse:before {
    content: "\e625"
}

.icon-ordering:before {
    content: "\e622"
}

.icon-calendar:before {
    content: "\e6f3"
}

.icon-platform:before {
    content: "\e6f7"
}

.icon-maintain-efficient:before {
    content: "\e702"
}

.icon-efficient:before {
    content: "\e705"
}

.icon-fast-response:before {
    content: "\e706"
}

.icon-hidden-danger:before {
    content: "\e707"
}

.icon-has-been-testing:before {
    content: "\e708"
}

.icon-fault-response-speed:before {
    content: "\e709"
}

.icon-avoid-false-detection:before {
    content: "\e70b"
}

.icon-cycle:before {
    content: "\e6f9"
}

.icon-car:before {
    content: "\e6fb"
}

.icon-equipment-cost:before {
    content: "\e701"
}

.icon-phone:before {
    content: "\e624"
}

.icon-message:before {
    content: "\e62a"
}

.icon-bad-early-warning:before {
    content: "\e62c"
}

.icon-piecework-wage:before {
    content: "\e62d"
}

.icon-support-interface:before {
    content: "\e630"
}

.icon-flexible-splicing:before {
    content: "\e62f"
}

.icon-multi-platform:before {
    content: "\e632"
}

.icon-qrcode-bill:before {
    content: "\e638"
}

.icon-production-daily:before {
    content: "\e636"
}

.icon-planned-progress:before {
    content: "\e635"
}

.icon-customer-service:before {
    content: "\e644"
}

.icon-man-with-tie:before {
    content: "\e634"
}

.icon-box-with-gear:before {
    content: "\e637"
}

.icon-package-on-hand:before {
    content: "\e63a"
}

.icon-chimney:before {
    content: "\e63c"
}

.icon-house:before {
    content: "\e63d"
}

.icon-note:before {
    content: "\e63f"
}

.icon-construct:before {
    content: "\e641"
}

.icon-cloud:before {
    content: "\e645"
}

.icon-flash:before {
    content: "\e643"
}

.icon-wallet:before {
    content: "\e642"
}

.icon-bulb:before {
    content: "\e646"
}

.icon-man-with-suit:before {
    content: "\e649"
}

.icon-man-with-money:before {
    content: "\e647"
}

.icon-man-with-code:before {
    content: "\e64a"
}

.icon-man-with-crown:before {
    content: "\e648"
}

.icon-icon_jian:before {
    content: "\e763"
}

.iconicon_wenhao:before {
    content: "\e7d7"
}

.iconicon_caidan:before {
    content: "\e72c"
}

.iconPCduan_xialakuangdezhishifufuben2:before {
    content: "\e607"
}

.iconPCduan_xialakuangdezhishifufuben:before {
    content: "\e608"
}

.iconicon_gou:before {
    content: "\e75c"
}

.iconicon_yuyan:before {
    content: "\e7e3"
}

.iconyibiaopan:before {
    content: "\e602"
}

.iconyewuliucheng:before {
    content: "\e603"
}

.iconzaixianbiaodan:before {
    content: "\e604"
}

.icontuanduixiezuo:before {
    content: "\e605"
}

.iconzhishiku:before {
    content: "\e606"
}

.icon-mobile-phone:before {
    content: "\e64b"
}

.icon-call-phone:before {
    content: "\e64c"
}

.icon-email:before {
    content: "\e64d"
}

.icon-hr:before {
    content: "\e650"
}

.icon-production:before {
    content: "\e651"
}

.icon-xiangmu-renwu:before {
    content: "\e653"
}

.icon-zichan:before {
    content: "\e65e"
}

.icon-gongnengmoban:before {
    content: "\e65c"
}

.icon-jinxiaocun:before {
    content: "\e65d"
}

.icon-caiwubaoxiao:before {
    content: "\e65f"
}

.icon-zhizaoye:before {
    content: "\e657"
}

.icon-hangyefangan:before {
    content: "\e658"
}

.icon-shop:before {
    content: "\e661"
}

.icon-search:before {
    content: "\e662"
}

.icon-unlike:before {
    content: "\e663"
}

.icon-dock:before {
    content: "\e664"
}

.icon-kehudock:before {
    content: "\e666"
}

.icon-retail:before {
    content: "\e655"
}

.icon-service:before {
    content: "\e64f"
}

.icon-education:before {
    content: "\e673"
}

.icon-building:before {
    content: "\e66b"
}

.icon-zhenfu:before {
    content: "\e659"
}

.icon-internet:before {
    content: "\e66c"
}

.icon-transport:before {
    content: "\e654"
}

.icon-form:before {
    content: "\e66d"
}

.icon-flowform:before {
    content: "\e672"
}

.icon-dashboard:before {
    content: "\e652"
}

.icon-etl:before {
    content: "\e66e"
}

.icon-light:before {
    content: "\e674"
}

.icon-dayin:before {
    content: "\e670"
}

.icon-juhebiao:before {
    content: "\e66f"
}

.icon-back:before {
    content: "\e612"
}

.icon-right:before {
    content: "\e616"
}

.icon-left:before {
    content: "\e639"
}

.icon-plague:before {
    content: "\e63e"
}

.icon-sanjiao:before {
    content: "\e675"
}

.icon-xuqiu:before {
    content: "\e682"
}

.icon-dingdan:before {
    content: "\e677"
}

.icon-caiwu:before {
    content: "\e683"
}

.icon-songhuo:before {
    content: "\e676"
}

.icon-arrow-left:before {
    content: "\e756"
}

.icon-arrow-right:before {
    content: "\e684"
}

.icon-gou:before {
    content: "\e685"
}

.icon-consult:before {
    content: "\e686"
}

.icon_zhiding:before {
    content: "\e687"
}

.icon-phone-consult:before {
    content: "\e68a"
}

.icon-weixin-consult:before {
    content: "\e68d"
}

.icon-drop-down:before {
    content: "\e694"
}

.icon-video:before {
    content: "\e699"
}

.icon-printf:before {
    content: "\e69b"
}

.icon-zhuti:before {
    content: "\e69c"
}

.icon-warning:before {
    content: "\e69d"
}

.icon-statistics:before {
    content: "\e69e"
}

.icon-kanban:before {
    content: "\e69f"
}

.icon-fly:before {
    content: "\e6a0"
}

.icon-ocr:before {
    content: "\e6a1"
}

.icon-define-warning:before {
    content: "\e6a3"
}

.icon-printf-set:before {
    content: "\e6a4"
}

.icon-theme:before {
    content: "\e6a5"
}

.icon-quanxian1:before {
    content: "\e6af"
}

.icon-tongxunlu:before {
    content: "\e6ae"
}

.icon-hulian:before {
    content: "\e6ab"
}

.icon-xunhuan:before {
    content: "\e6a6"
}

.icon-chajian:before {
    content: "\e6a7"
}

.icon-tripartite:before {
    content: "\e6a9"
}

.icon-xiezuo:before {
    content: "\e6ad"
}

.icon-member-manage:before {
    content: "\e6b1"
}

.icon-quanxian:before {
    content: "\e6b0"
}

.icon-remind:before {
    content: "\e6b3"
}

.icon-arrow-up:before {
    content: "\e6b5"
}

.icon-close-t:before {
    content: "\e6c3"
}

.icon-consult-o:before {
    content: "\e6c2"
}

.icon-video-o:before {
    content: "\e679"
}

.icon-icon_lihe:before {
    content: "\e68b"
}

.icon-icon_shixingou:before {
    content: "\e686"
}

.icon-icon_kongxingou:before {
    content: "\e68a"
}

.icon-zuoyou_shujuhuishouzhan:before {
    content: "\e66a"
}

.icon-angledown:before {
    content: "\e631"
}

.icon-icon_jia:before {
    content: "\e690"
}

.icon-icon_xiajiang:before {
    content: "\e691"
}

.icon-wailian:before {
    content: "\e69a"
}

.icon-icon_shangsheng:before {
    content: "\e6ac"
}

.icon-icon_xinxi:before {
    content: "\e68d"
}

.icon-wenhao-xian:before {
    content: "\e6cd"
}

.icon-icon_youjiantou:before {
    content: "\e6b4"
}

.icon-jiantou:before {
    content: "\e6c4"
}

.icon-attachment:before {
    content: "\e6c5"
}

.icon-icon_chacha:before {
    content: "\e678"
}

.icon-PCduan_shengxu2:before {
    content: "\e684"
}

.icon-date:before {
    content: "\e6c7"
}

.icon-install:before {
    content: "\e6c6"
}

.icon-delete:before {
    content: "\e6c9"
}

.icon-reduce:before {
    content: "\e6ca"
}

.icon-amplify:before {
    content: "\e6cb"
}

.icon-like:before {
    content: "\e67f"
}

.icon-prev-circle:before {
    content: "\e6d4"
}

.icon-next-circle:before {
    content: "\e6d2"
}

.icon-contact:before {
    content: "\e6ce"
}

.icon-bin:before {
    content: "\e6d1"
}

.icon-backtop:before {
    content: "\e6d0"
}

.icon-filter:before {
    content: "\e6d5"
}

.icon-xian-gou:before {
    content: "\e6d8"
}

.icon-xiao-shou:before {
    content: "\e6d9"
}

.icon-ku-cun:before {
    content: "\e6da"
}

.icon-ji-hua:before {
    content: "\e6db"
}

.icon-sheng-chan:before {
    content: "\e6dc"
}

.icon-ji-shu:before {
    content: "\e6df"
}

.icon-cai-gou:before {
    content: "\e6e0"
}

.icon-cai-wu:before {
    content: "\e6e1"
}

.icon-guan-li:before {
    content: "\e6e3"
}

.icon-jian-kong:before {
    content: "\e6e8"
}

.icon-order-info:before {
    content: "\e6ec"
}

.icon-notify:before {
    content: "\e6ef"
}

@media screen and (min-width: 1250px) {
    .col-lg-1 {
        width:8.33333333%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-12 {
        width: 100%
    }
}

@media screen and (max-width: 1250px) {
    .col-md-1 {
        width:8.33333333%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-12 {
        width: 100%
    }
}

@media screen and (max-width: 900px) {
    .col-sm-1 {
        width:8.33333333%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-12 {
        width: 100%
    }
}

@media screen and (max-width: 650px) {
    .col-xs-1 {
        width:8.33333333%
    }

    .col-xs-2 {
        width: 16.66666667%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-4 {
        width: 33.33333333%
    }

    .col-xs-5 {
        width: 41.66666667%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-7 {
        width: 58.33333333%
    }

    .col-xs-8 {
        width: 66.66666667%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-10 {
        width: 83.33333333%
    }

    .col-xs-11 {
        width: 91.66666667%
    }

    .col-xs-12 {
        width: 100%
    }
}

.fx-article-content {
    margin: 60px auto 0;
    max-width: 900px;
    padding: 15px
}

.fx-article-content .main-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px
}

.fx-article-content .class1-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.fx-article-content .class2-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.fx-article-content .decision {
    margin-left: 20px
}

.fx-article-content h1 {
    text-align: center
}

.fx-article-content p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 10px
}

.fx-article-content p.note {
    font-weight: 700
}

.fx-article-content a {
    color: #0db3a6
}

.index-honor {
    padding-bottom: 80px
}

.index-honor .honor-title {
    color: #141e31;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 48px;
    text-align: center
}

.index-honor .honor-banner img {
    height: 215px
}

.index-honor .honor-banner .img-mobile {
    display: none
}

.index-protect {
    background: #f8f8f8;
    padding: 60px 0 55px
}

.index-protect .bricks {
    padding: 0 60px
}

.index-protect .bricks .title {
    margin-bottom: 13px;
    margin-top: 0
}

.index-protect .bricks p {
    color: #5e6d82;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.index-protect .protect-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.index-protect .protect-content .content-items {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(16,20,40,.04);
    box-shadow: 0 2px 10px 0 rgba(16,20,40,.04);
    height: 240px;
    margin-top: 38px;
    padding: 20px 20px 0;
    text-align: center;
    width: 272px
}

.index-protect .protect-content .content-items>img {
    height: 48px;
    width: 48px
}

.index-protect .protect-content .content-items .items-title {
    color: #141e31;
    font-size: 18px;
    margin: 13px 0 15px
}

.index-protect .protect-content .content-items .items-description {
    color: #5e6d82;
    font-size: 14px
}

.index-corp {
    padding: 80px 0
}

.index-corp .corp-logo {
    margin-top: 50px
}

.index-corp .corp-logo .title {
    font-size: 36px;
    line-height: 50px
}

.index-corp .corp-logo .logo-mobile {
    display: none
}

.index-bottom-banner .bricks {
    height: 240px;
    padding: 0 72px
}

.index-bottom-banner .bricks .bottom-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-align-items: center;
    align-items: center;
    background: url(../../images/price/data_banner_bottom.png) no-repeat 50%;
    background-size: cover;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center
}

.index-bottom-banner .bricks .left-box {
    color: #fff;
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 38px;
    text-align: center
}

.index-bottom-banner .bricks .right-box form {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 9px 0 #21b8ac;
    box-shadow: 0 1px 9px 0 #21b8ac;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 48px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
    width: 400px
}

.index-bottom-banner .bricks .right-box form input[type=text] {
    background-image: url(../../images/price/2020jdy-iphone.png);
    background-position: 25px;
    background-repeat: no-repeat;
    background-size: 17px;
    color: #141e31;
    font-size: 14px;
    font-weight: 400;
    height: 67px;
    padding-left: 65px;
    width: 344px
}

.index-bottom-banner .bricks .right-box form input[type=text]::-webkit-input-placeholder {
    color: #8e98a7
}

.index-bottom-banner .bricks .right-box form input[type=button] {
    background: #ff971e;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    height: 48px;
    width: 176px
}

.index-bottom-banner .bricks .usable-tip-mobile {
    display: none
}

@media (max-width: 1200px) {
    .index-honor {
        padding:40px 0 80px
    }

    .index-honor .honor-banner .img-pc {
        display: none
    }

    .index-honor .honor-banner .img-mobile {
        display: block;
        height: auto
    }

    .index-protect .bricks {
        padding: 0
    }

    .index-protect .protect-content {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: start;
        justify-content: start
    }

    .index-protect .protect-content .content-items {
        background: transparent;
        width: 33.3%
    }

    .index-protect .protect-content .content-items>img {
        height: 48px;
        width: 48px
    }
}

@media (max-width: 450px) {
    .index-honor {
        padding:40px 0
    }

    .index-honor .honor-title {
        font-size: 17px;
        margin-bottom: 24px
    }

    .index-protect {
        padding: 20px 10px 28px
    }

    .index-protect .bricks .title {
        margin-bottom: 6px
    }

    .index-protect .bricks p {
        font-size: 12px
    }

    .index-protect .protect-content {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .index-protect .protect-content .content-items {
        background: #fff;
        height: 190px;
        margin-top: 20px;
        padding: 18px 14px 0;
        width: 48%
    }

    .index-protect .protect-content .content-items>img {
        height: 33px;
        width: 33px
    }

    .index-protect .protect-content .content-items .items-title {
        font-size: 13px;
        margin: 9px 0 10px
    }

    .index-protect .protect-content .content-items .items-description {
        font-size: 12px
    }

    .index-corp {
        padding: 30px 0
    }

    .index-corp .title {
        line-height: 30px;
        margin-bottom: 20px
    }

    .index-corp .corp-logo {
        margin-top: 0
    }

    .index-corp .corp-logo .logo-pc {
        display: none
    }

    .index-corp .corp-logo .logo-mobile {
        display: block
    }
}