body {
    font-family: Muli,Helvetica Neue,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif !important;
    font-size: 14px;
    font-style: normal;
    color: #989898
}

body, h1, h2, h3, h4, h5, h6, li, p, ul {
    margin: 0;
    padding: 0
}

    ul li {
        list-style: none
    }

#app {
    overflow: hidden
}

.icon {
    display: inline-block;
    background: url(/content/web/icon.png) no-repeat;
}

.header {
    text-align: center;
    position: relative;
    line-height: 0
}

    .header > img {
        width: 100%
    }

    .header .ant-carousel {
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 36%
    }

        .header .ant-carousel .fmedia-item img {
            width: 100%;
            height: 100%
        }

        .header .ant-carousel .slick-slider {
            padding-bottom: 75px
        }

        .header .ant-carousel .slick-dots li button {
            padding: 0;
            text-align: center
        }

            .header .ant-carousel .slick-dots li button:before {
                content: "";
                display: block;
                width: 6px;
                height: 5px;
                margin: 0 auto;
                position: relative;
                background-color: hsla(0,0%,100%,.37)
            }

        .header .ant-carousel .slick-dots li.slick-active button:before {
            width: 18px;
            background-color: #fff
        }

    .header .info-box {
        z-index: 5;
        top: 44%;
        color: #fff;
        line-height: normal
    }

        .header .info-box span {
            display: block
        }

        .header .info-box .info-1 {
            font-size: 40px;
            margin-bottom: 12px;
            letter-spacing: 4px
        }

        .header .info-box .one {
            font-size: 24px
        }

        .header .info-box .info-2 {
            font-size: 34px
        }

        .header .info-box .info-3 {
            font-size: 40px
        }

    .header .en-US .info-box .info-1 {
        font-size: 28px;
        letter-spacing: 0
    }

    .header .en-US .info-box .info-3 {
        font-size: 14px
    }

.fastAddCustom {
    height: 0
}

    .fastAddCustom .fastAddCustomForm {
        width: 1140px;
        height: 220px;
        box-shadow: 8px 8px 10px 1px rgba(52,52,52,.23);
        margin: 0 auto;
        padding-top: 38px;
        position: relative;
        top: -210px;
        background-color: #fff;
        border-radius: 4px;
        z-index: 10
    }

        .fastAddCustom .fastAddCustomForm .form-title {
            font-size: 22px;
            text-align: center;
            line-height: 20px;
            margin-bottom: 18px;
            font-family: PingFangSC-Regular,sans-serif;
            color: #333;
            font-weight: 700
        }

        .fastAddCustom .fastAddCustomForm .contact {
            text-align: center;
            color: #4d4d4d;
            font-size: 16px;
            margin-bottom: 16px;
            line-height: 18px
        }

            .fastAddCustom .fastAddCustomForm .contact .icon-tel {
                background: url(/content/web/icon01.png) no-repeat;
                vertical-align: bottom;
                width: 18px;
                height: 18px;
                display: inline-block;
                margin-right: 10px
            }

        .fastAddCustom .fastAddCustomForm .form-container {
            text-align: center
        }

            .fastAddCustom .fastAddCustomForm .form-container .form-item {
                display: inline-block;
                box-sizing: border-box;
                position: relative;
                height: 44px;
                line-height: 42px;
                background-color: #f4f4f4;
            }

                .fastAddCustom .fastAddCustomForm .form-container .form-item .ant-form-item-control {
                    line-height: 42px;
                    font-size: 0
                }

                    .fastAddCustom .fastAddCustomForm .form-container .form-item .ant-form-item-control .ant-form-explain {
                        position: absolute;
                        font-size: 12px
                    }

                    .fastAddCustom .fastAddCustomForm .form-container .form-item .ant-form-item-control .toSubmit {
                        width: 158px;
                        height: 44px;
                        background-color: #746ea6;
                        transition: all .15s linear;
                        border-radius: 4px;
                        color: #fff;
                        font-size: 14px;
                        text-align: center;
                        margin: -1px 0 0 -1px;
                        border: 0;
                    }

                        .fastAddCustom .fastAddCustomForm .form-container .form-item .ant-form-item-control .toSubmit:hover {
                            background-color: #5f5990
                        }

                .fastAddCustom .fastAddCustomForm .form-container .form-item input.ant-input-lg {
                    padding: 5px;
                    box-shadow: inset 0 2px 5px 0 hsla(0,0%,41%,.25);
                    padding-left: 20px;
                    width: 100%;
                    box-sizing: border-box;
                }

                    .fastAddCustom .fastAddCustomForm .form-container .form-item input.ant-input-lg::-webkit-input-placeholder {
                        color: #746ea6 !important;
                        opacity: 1
                    }

                    .fastAddCustom .fastAddCustomForm .form-container .form-item input.ant-input-lg:-moz-placeholder, .fastAddCustom .fastAddCustomForm .form-container .form-item input.ant-input-lg::-moz-placeholder {
                        color: #746ea6 !important;
                        opacity: 1
                    }

                    .fastAddCustom .fastAddCustomForm .form-container .form-item input.ant-input-lg:-ms-input-placeholder {
                        color: #746ea6 !important;
                        opacity: 1
                    }

                .fastAddCustom .fastAddCustomForm .form-container .form-item .ant-input-lg, .fastAddCustom .fastAddCustomForm .form-container .form-item .ant-input-lg .ant-select-selection, .fastAddCustom .fastAddCustomForm .form-container .form-item .ant-select-lg, .fastAddCustom .fastAddCustomForm .form-container .form-item .ant-select-lg .ant-select-selection {
                    height: 42px;
                    line-height: 42px;
                    font-size: 14px;
                    border: none;
                    border-radius: 6px;
                    background-color: #f4f4f4
                }

                    .fastAddCustom .fastAddCustomForm .form-container .form-item .ant-input-lg .ant-select-selection .ant-select-arrow, .fastAddCustom .fastAddCustomForm .form-container .form-item .ant-select-lg .ant-select-selection .ant-select-arrow {
                        right: 64px
                    }

                    .fastAddCustom .fastAddCustomForm .form-container .form-item .ant-input-lg .ant-select-selection__rendered, .fastAddCustom .fastAddCustomForm .form-container .form-item .ant-select-lg .ant-select-selection__rendered {
                        height: 42px;
                        line-height: 42px;
                        box-shadow: inset 0 2px 5px 0 hsla(0,0%,41%,.25)
                    }

                        .fastAddCustom .fastAddCustomForm .form-container .form-item .ant-input-lg .ant-select-selection__rendered .ant-select-selection__placeholder, .fastAddCustom .fastAddCustomForm .form-container .form-item .ant-select-lg .ant-select-selection__rendered .ant-select-selection__placeholder {
                            color: #746ea6
                        }

                .fastAddCustom .fastAddCustomForm .form-container .form-item.item1 {
                    width: 620px;
                    border-radius: 6px;
                    margin-right: 10px
                }

                .fastAddCustom .fastAddCustomForm .form-container .form-item.item2 {
                    width: 220px;
                    border-radius: 6px;
                    margin-right: 10px
                }

                .fastAddCustom .fastAddCustomForm .form-container .form-item.item3 {
                    width: 156px;
                    border-radius: 6px
                }

                .fastAddCustom .fastAddCustomForm .form-container .form-item.item4 {
                    width: 160px;
                    border-radius: 6px;
                    border: 0
                }

                .fastAddCustom .fastAddCustomForm .form-container .form-item.ant-form-item-with-help {
                    margin-bottom: 24px
                }

                .fastAddCustom .fastAddCustomForm .form-container .form-item .requirement-outline-count-box {
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 70px;
                    height: 42px;
                    line-height: 42px;
                    font-size: 14px;
                    color: #a8a8a8;
                    text-align: center
                }

                    .fastAddCustom .fastAddCustomForm .form-container .form-item .requirement-outline-count-box .requirement-outline-count {
                        color: #746ea6
                    }

        .fastAddCustom .fastAddCustomForm .toTemplateStore {
            text-align: center;
            font-size: 14px;
            color: #a1a1a1;
            margin-top: -12px
        }

            .fastAddCustom .fastAddCustomForm .toTemplateStore .link {
                color: #a1a1a1;
                margin-left: 10px
            }

                .fastAddCustom .fastAddCustomForm .toTemplateStore .link:hover {
                    color: #746ea6
                }

.modala {
    position: relative;
    height: 759px;
    background: url(/content/web/back01.png) repeat-x
}

    .modala .w {
        width: 1140px;
        margin: 0 auto;
        position: relative;
        background: url(/content/web/back02.png) no-repeat;
        margin-top: 6px;
        min-height: 300px
    }

        .modala .w .tet {
            position: absolute;
            left: 140px;
            top: 100px
        }

            .modala .w .tet .tet1 {
                font-size: 24px;
                color: #333;
                line-height: 24px;
                font-weight: 700;
                font-family: PingFangSC-Regular,sans-serif
            }

            .modala .w .tet .tet2 {
                width: 21px;
                height: 2px;
                background: #746ea6;
                margin: 30px 0 18px
            }

            .modala .w .tet .tet3 {
                font-size: 16px;
                color: #6b6b6b;
                line-height: 16px;
                margin-bottom: 12px
            }

        .modala .w .kad {
            position: absolute;
            left: 240px;
            top: 340px
        }

            .modala .w .kad .kad-item {
                width: 172px;
                height: 216px;
                margin-right: 32px;
                box-shadow: -6px -6px 10px hsla(0,0%,90%,.3);
                background: #fff;
                border-radius: 6px;
                float: left;
                transform: translate(0);
                transition: all .3s
            }

                .modala .w .kad .kad-item .kad-ibox {
                    background: url(/content/web/icon04.png) 50% no-repeat
                }

                .modala .w .kad .kad-item:nth-child(2) .kad-ibox {
                    background: url(/content/web/icon05.png) 50% no-repeat
                }

                .modala .w .kad .kad-item:nth-child(3) .kad-ibox {
                    background: url(/content/web/icon02.png) 50% no-repeat
                }

                .modala .w .kad .kad-item:nth-child(4) .kad-ibox {
                    background: url(/content/web/icon03.png) 50% no-repeat
                }

            .modala .w .kad .kad-ibox {
                width: 172px;
                margin-top: 20px;
                height: 140px
            }

            .modala .w .kad .kad-it {
                font-size: 16px;
                color: #7671a7;
                line-height: 16px;
                margin-bottom: 8px;
                margin-left: 16px;
                font-weight: 700;
                font-family: PingFangSC-Regular,sans-serif;
                transform: translate(0);
                transition: all .3s
            }

            .modala .w .kad .kad-il {
                width: 30px;
                height: 1px;
                background: #7671a7;
                margin-left: 16px;
                transition: all .5s
            }

            .modala .w .kad .kad-item:hover {
                transform: translateY(-20px)
            }

                .modala .w .kad .kad-item:hover .kad-il {
                    width: 140px
                }

                .modala .w .kad .kad-item:hover .kad-it {
                    transform: translateY(-10px)
                }

.modalb {
    position: relative
}

    .modalb.serviceSupported .service-box {
        width: 1140px;
        height: 150px;
        margin: 0 auto;
        margin-top: -150px;
        position: relative
    }

        .modalb.serviceSupported .service-box .line-through {
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 1px;
            background-color: #fff;
            top: 30px
        }

        .modalb.serviceSupported .service-box ul {
            width: 1142px;
            height: 100px;
            position: relative;
            z-index: 2
        }

            .modalb.serviceSupported .service-box ul li {
                width: 126px;
                height: 100px;
                display: block;
                text-align: center;
                float: left;
                margin-left: 15px
            }

                .modalb.serviceSupported .service-box ul li .name {
                    color: #343434
                }

                .modalb.serviceSupported .service-box ul li .icon {
                    background: url(/content/web/support.png) 50% no-repeat
                }

                .modalb.serviceSupported .service-box ul li .icon-box {
                    width: 60px;
                    height: 60px;
                    border: 1px solid #fff;
                    background-color: #f4f4f4;
                    border-radius: 4px;
                    margin: 0 auto;
                    margin-bottom: 15px
                }

                .modalb.serviceSupported .service-box ul li .icon-demand {
                    width: 32px;
                    height: 32px;
                    margin-top: 14px;
                    background-position: 0 50%
                }

                .modalb.serviceSupported .service-box ul li .icon-proto {
                    width: 32px;
                    height: 32px;
                    margin-top: 14px;
                    background-position: -32px 50%
                }

                .modalb.serviceSupported .service-box ul li .icon-ui {
                    width: 32px;
                    height: 32px;
                    margin-top: 14px;
                    background-position: -64px 50%
                }

                .modalb.serviceSupported .service-box ul li .icon-develop {
                    width: 32px;
                    height: 32px;
                    margin-top: 14px;
                    background-position: -96px 50%
                }

                .modalb.serviceSupported .service-box ul li .icon-test {
                    width: 32px;
                    height: 32px;
                    margin-top: 14px;
                    background-position: -128px 50%
                }

                .modalb.serviceSupported .service-box ul li .icon-item {
                    width: 32px;
                    height: 32px;
                    margin-top: 14px;
                    background-position: -160px 50%
                }

                .modalb.serviceSupported .service-box ul li .icon-certificate {
                    width: 32px;
                    height: 32px;
                    margin-top: 14px;
                    background-position: -192px 50%
                }

                .modalb.serviceSupported .service-box ul li .icon-market {
                    width: 32px;
                    height: 32px;
                    margin-top: 14px;
                    background-position: -224px 50%
                }

                .modalb.serviceSupported .service-box ul li .icon-upload {
                    width: 32px;
                    height: 32px;
                    margin-top: 14px;
                    background-position: -256px 50%
                }

.modalc {
    position: relative;
    height: 760px;
    background: url(/content/web/back03.jpg) 50% no-repeat;
    background-size: cover
}

    .modalc .cbox {
        position: relative;
        height: 740px;
        width: 1140px;
        margin: 0 auto;
        padding-top: 1px;
        top: 19px;
        background: url(/content/web/back04.png) 50% no-repeat
    }

    .modalc .ct1 {
        font-size: 24px;
        color: #fff;
        line-height: 24px;
        margin-top: 70px;
        width: 100%;
        text-align: center;
        font-family: PingFangSC-Regular,sans-serif;
        font-weight: 700
    }

    .modalc .ct2 {
        display: none;
        width: 21px;
        height: 2px;
        margin: 30px auto 20px;
        background: #fff
    }

    .modalc .ct3 {
        display: none;
        font-size: 16px;
        color: #efefef;
        line-height: 16px;
        width: 100%;
        text-align: center
    }

    .modalc .cibox {
        position: absolute;
        width: 100px;
        height: 70px;
        text-align: center;
        transition: all .3s
    }

        .modalc .cibox .cimg {
            height: 34px
        }

        .modalc .cibox .cimg, .modalc .cibox .cimgt {
            width: 100px;
            transition: all .3s;
            cursor: pointer
        }

        .modalc .cibox .cimgt {
            text-align: center;
            font-size: 14px;
            line-height: 14px;
            color: #fff;
            padding-top: 10px
        }

    .modalc .ciboxwrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

        .modalc .ciboxwrap .cibox:first-child {
            left: 520px;
            top: 184px
        }

            .modalc .ciboxwrap .cibox:first-child .cimg {
                background: url(/content/web/icon08.png) 50% no-repeat
            }

        .modalc .ciboxwrap .cibox:nth-child(2) {
            left: 690px;
            top: 184px
        }

            .modalc .ciboxwrap .cibox:nth-child(2) .cimg {
                background: url(/content/web/icon06.png) 50% no-repeat;
                height: 22px
            }

        .modalc .ciboxwrap .cibox:nth-child(3) {
            left: 855px;
            top: 280px
        }

            .modalc .ciboxwrap .cibox:nth-child(3) .cimg {
                background: url(/content/web/icon09.png) 50% no-repeat;
                height: 31px
            }

        .modalc .ciboxwrap .cibox:nth-child(4) {
            left: 754px;
            top: 338px
        }

            .modalc .ciboxwrap .cibox:nth-child(4) .cimg {
                background: url(/content/web/icon13.png) 50% no-repeat
            }

        .modalc .ciboxwrap .cibox:nth-child(5) {
            left: 855px;
            top: 450px
        }

            .modalc .ciboxwrap .cibox:nth-child(5) .cimg {
                background: url(/content/web/icon12.png) 50% no-repeat
            }

        .modalc .ciboxwrap .cibox:nth-child(6) {
            top: 591px;
            left: 754px
        }

            .modalc .ciboxwrap .cibox:nth-child(6) .cimg {
                background: url(/content/web/icon18.png) 50% no-repeat;
                height: 31px
            }

        .modalc .ciboxwrap .cibox:nth-child(7) {
            left: 855px;
            top: 649px
        }

            .modalc .ciboxwrap .cibox:nth-child(7) .cimg {
                background: url(/content/web/icon07.png) 50% no-repeat
            }

        .modalc .ciboxwrap .cibox:nth-child(8) {
            left: 190px;
            top: 649px
        }

            .modalc .ciboxwrap .cibox:nth-child(8) .cimg {
                background: url(/content/web/icon11.png) 50% no-repeat
            }

        .modalc .ciboxwrap .cibox:nth-child(9) {
            top: 591px;
            left: 285px
        }

            .modalc .ciboxwrap .cibox:nth-child(9) .cimg {
                background: url(/content/web/icon15.png) 50% no-repeat;
                height: 28px
            }

        .modalc .ciboxwrap .cibox:nth-child(10) {
            left: 190px;
            top: 450px
        }

            .modalc .ciboxwrap .cibox:nth-child(10) .cimg {
                background: url(/content/web/icon17.png) 50% no-repeat
            }

        .modalc .ciboxwrap .cibox:nth-child(11) {
            left: 285px;
            top: 338px
        }

            .modalc .ciboxwrap .cibox:nth-child(11) .cimg {
                background: url(/content/web/icon14.png) 50% no-repeat
            }

        .modalc .ciboxwrap .cibox:nth-child(12) {
            left: 190px;
            top: 280px
        }

            .modalc .ciboxwrap .cibox:nth-child(12) .cimg {
                background: url(/content/web/icon16.png) 50% no-repeat;
                height: 22px
            }

        .modalc .ciboxwrap .cibox:nth-child(13) {
            left: 339px;
            top: 184px
        }

            .modalc .ciboxwrap .cibox:nth-child(13) .cimg {
                background: url(/content/web/icon10.png) 50% no-repeat;
                height: 26px
            }

        .modalc .ciboxwrap .ciboxactive.cibox:first-child .cimg {
            background: url(/content/web/icon21.png) 50% no-repeat
        }

        .modalc .ciboxwrap .ciboxactive.cibox:nth-child(2) .cimg {
            background: url(/content/web/icon19.png) 50% no-repeat
        }

        .modalc .ciboxwrap .ciboxactive.cibox:nth-child(3) .cimg {
            background: url(/content/web/icon22.png) 50% no-repeat
        }

        .modalc .ciboxwrap .ciboxactive.cibox:nth-child(4) .cimg {
            background: url(/content/web/icon26.png) 50% no-repeat
        }

        .modalc .ciboxwrap .ciboxactive.cibox:nth-child(5) .cimg {
            background: url(/content/web/icon25.png) 50% no-repeat
        }

        .modalc .ciboxwrap .ciboxactive.cibox:nth-child(6) .cimg {
            background: url(/content/web/icon31.png) 50% no-repeat
        }

        .modalc .ciboxwrap .ciboxactive.cibox:nth-child(7) .cimg {
            background: url(/content/web/icon20.png) 50% no-repeat
        }

        .modalc .ciboxwrap .ciboxactive.cibox:nth-child(8) .cimg {
            background: url(/content/web/icon24.png) 50% no-repeat
        }

        .modalc .ciboxwrap .ciboxactive.cibox:nth-child(9) .cimg {
            background: url(/content/web/icon28.png) 50% no-repeat
        }

        .modalc .ciboxwrap .ciboxactive.cibox:nth-child(10) .cimg {
            background: url(/content/web/icon30.png) 50% no-repeat
        }

        .modalc .ciboxwrap .ciboxactive.cibox:nth-child(11) .cimg {
            background: url(/content/web/icon27.png) 50% no-repeat
        }

        .modalc .ciboxwrap .ciboxactive.cibox:nth-child(12) .cimg {
            background: url(/content/web/icon29.png) 50% no-repeat
        }

        .modalc .ciboxwrap .ciboxactive.cibox:nth-child(13) .cimg {
            background: url(/content/web/icon23.png) 50% no-repeat
        }

    .modalc .cibox:hover, .modalc .ciboxactive {
        transform: scale(1.2)
    }

        .modalc .cibox:hover .cimgt, .modalc .ciboxactive .cimgt {
            color: #bfec17
        }

        .modalc .cibox:hover:first-child .cimg {
            background: url(/content/web/icon21.png) 50% no-repeat
        }

        .modalc .cibox:hover:nth-child(2) .cimg {
            background: url(/content/web/icon19.png) 50% no-repeat
        }

        .modalc .cibox:hover:nth-child(3) .cimg {
            background: url(/content/web/icon22.png) 50% no-repeat
        }

        .modalc .cibox:hover:nth-child(4) .cimg {
            background: url(/content/web/icon26.png) 50% no-repeat
        }

        .modalc .cibox:hover:nth-child(5) .cimg {
            background: url(/content/web/icon25.png) 50% no-repeat
        }

        .modalc .cibox:hover:nth-child(6) .cimg {
            background: url(/content/web/icon31.png) 50% no-repeat
        }

        .modalc .cibox:hover:nth-child(7) .cimg {
            background: url(/content/web/icon20.png) 50% no-repeat
        }

        .modalc .cibox:hover:nth-child(8) .cimg {
            background: url(/content/web/icon24.png) 50% no-repeat
        }

        .modalc .cibox:hover:nth-child(9) .cimg {
            background: url(/content/web/icon28.png) 50% no-repeat
        }

        .modalc .cibox:hover:nth-child(10) .cimg {
            background: url(/content/web/icon30.png) 50% no-repeat
        }

        .modalc .cibox:hover:nth-child(11) .cimg {
            background: url(/content/web/icon27.png) 50% no-repeat
        }

        .modalc .cibox:hover:nth-child(12) .cimg {
            background: url(/content/web/icon29.png) 50% no-repeat
        }

        .modalc .cibox:hover:nth-child(13) .cimg {
            background: url(/content/web/icon23.png) 50% no-repeat
        }

    .modalc .carea {
        position: absolute;
        width: 220px;
        height: 260px;
        left: 460px;
        top: 450px
    }

        .modalc .carea .ant-carousel {
            height: 100%
        }

            .modalc .carea .ant-carousel .slick-slider {
                padding-bottom: 20px
            }

            .modalc .carea .ant-carousel .slick-dots li.slick-active button:before {
                color: #333;
                opacity: .75;
                font-size: 24px
            }

        .modalc .carea .carea-itemon {
            opacity: 1
        }

        .modalc .carea .carea-text {
            font-size: 14px;
            color: #595959;
            line-height: 24px
        }

        .modalc .carea .carea-icon {
            width: 100%;
            margin-top: 20px
        }

            .modalc .carea .carea-icon img {
                margin: 0 auto;
                display: block
            }

.modald {
    position: relative;
    height: 290px;
    background: #fff;
    margin-top: -1px
}

    .modald .w {
        width: 1140px;
        margin: 0 auto;
        position: relative;
        padding-top: 100px
    }

        .modald .w .dtitle {
            font-size: 24px;
            color: #37363f;
            line-height: 24px;
            text-align: center;
            font-family: PingFangSC-Regular,sans-serif;
            font-weight: 700
        }

        .modald .w .dline {
            width: 20px;
            height: 1px;
            background: #746ea6;
            margin: 30px auto 20px
        }

        .modald .w .dtet {
            font-size: 16px;
            color: #575757;
            line-height: 16px;
            margin-bottom: 12px;
            text-align: center
        }

        .modald .w .dfocus {
            color: #746ea6;
            font-size: 18px
        }

.modale {
    position: relative
}

    .modale .eback {
        width: 100%;
        display: block
    }

    .modale .w {
        width: 100%
    }

    .modale .eitem, .modale .w {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%
    }

    .modale .eitem {
        width: 20.06%
    }

        .modale .eitem .eiback {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            background: rgba(0,0,0,.4);
            transition: all .3s;
            transform: skew(-8.5deg,0);
            -ms-transform: skew(-8.5deg,0);
            -webkit-transform: skew(-8.5deg,0)
        }

        .modale .eitem .eicont {
            top: 50%;
            height: 300px;
            margin-top: -80px
        }

        .modale .eitem .eicont, .modale .eitem .optioni {
            position: absolute;
            left: 0;
            width: 100%;
            transition: all .5s;
            text-align: center
        }

        .modale .eitem .optioni {
            top: 0;
            height: 100%
        }

            .modale .eitem .optioni .topon {
                width: 100%;
                height: 100px
            }

            .modale .eitem .optioni.title {
                opacity: 1
            }

            .modale .eitem .optioni.context {
                opacity: 0
            }

        .modale .eitem .eiicon {
            margin: 0 auto;
            transition: all .5s .5s;
            opacity: 0;
            width: 100px;
            height: 100px
        }

        .modale .eitem .eitwotxt {
            margin: 0 16px 10px;
            text-align: center;
            font-size: 22px;
            line-height: 30px;
            color: #fff
        }

        .modale .eitem .eithretxt {
            margin: 0 10px;
            text-align: center;
            font-size: 18px;
            line-height: 24px;
            color: #fff
        }

        .modale .eitem .eionetxt {
            margin: 29px auto;
            text-align: center;
            font-size: 22px;
            line-height: 22px;
            color: #fff
        }

        .modale .eitem .eiline {
            margin: 18px auto 0;
            transition: all .5s;
            width: 0;
            background: #fff;
            height: 2px
        }

        .modale .eitem.eitem1 .eiback {
            left: -50%;
            width: 150%;
            background: rgba(0,0,0,.59)
        }

        .modale .eitem.eitem1 .eiicon {
            background: url(/content/web/icon39.png) 50% no-repeat
        }

        .modale .eitem.eitem2 {
            left: 20.03%;
            width: 20.27%
        }

            .modale .eitem.eitem2 .eiicon {
                background: url(/content/web/icon37.png) 50% no-repeat
            }

        .modale .eitem.eitem3 {
            left: 40.3%;
            width: 21.5%
        }

            .modale .eitem.eitem3 .eiback {
                background: rgba(0,0,0,.59)
            }

            .modale .eitem.eitem3 .eiicon {
                background: url(/content/web/icon40.png) 50% no-repeat
            }

        .modale .eitem.eitem4 {
            left: 61.76%;
            width: 20.06%
        }

            .modale .eitem.eitem4 .eiicon {
                background: url(/content/web/icon38.png) 50% no-repeat
            }

        .modale .eitem.eitem5 {
            left: 81.8%;
            width: 18.2%
        }

            .modale .eitem.eitem5 .eiback {
                width: 150%;
                background: rgba(0,0,0,.59)
            }

            .modale .eitem.eitem5 .eiicon {
                background: url(/content/web/icon41.png) 50% no-repeat
            }

        .modale .eitem:hover .eicont {
            margin-top: -150px
        }

        .modale .eitem:hover .optioni.title {
            opacity: 0
        }

        .modale .eitem:hover .optioni.context {
            opacity: 1
        }

        .modale .eitem:hover .eiback {
            background: rgba(116,110,166,.82);
            transition: all .5s
        }

        .modale .eitem:hover .eiicon {
            opacity: 1
        }

        .modale .eitem:hover .eiline {
            width: 50px
        }

.modalf {
    position: relative;
    height: 802px;
    background: url(/content/web/back07.jpg) repeat-x
}

    .modalf .w1440 {
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -720px;
        width: 1440px;
        height: 802px;
        background: url(/content/web/back05.jpg) 50% no-repeat
    }

    .modalf .w {
        width: 1140px;
        height: 802px;
        margin: 0 auto;
        position: relative
    }

    .modalf .fcont {
        position: absolute;
        left: 120px;
        top: 100px
    }

        .modalf .fcont .ftitle {
            font-size: 24px;
            color: #37363f;
            line-height: 24px;
            font-family: PingFangSC-Regular,sans-serif;
            font-weight: 700
        }

        .modalf .fcont .fline {
            width: 20px;
            height: 1px;
            background: #746ea6;
            margin: 30px 0 20px
        }

        .modalf .fcont .ftet {
            font-size: 16px;
            color: #575757;
            line-height: 16px;
            margin-bottom: 12px
        }

    .modalf .fcont2 {
        position: absolute;
        left: 720px;
        top: 730px;
        width: 450px;
        padding-left: 160px
    }

        .modalf .fcont2 img {
            display: inline-block;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -6px
        }

        .modalf .fcont2 .ftet {
            font-size: 18px;
            color: #373737;
            line-height: 26px
        }

            .modalf .fcont2 .ftet span {
                font-size: 22px;
                color: #7670a7
            }

    .modalf .fmedia {
        left: 102px;
        top: 456px;
        width: 408px;
        height: 254px
    }

    .modalf .fmedia, .modalf .fmedia2 {
        position: absolute;
        background: #fff
    }

    .modalf .fmedia2 {
        left: 596px;
        top: 542px;
        width: 98px;
        height: 170px
    }

.modalg {
    position: relative;
    height: 1245px;
    background: url(/content/web/back10.png) repeat-x
}

    .modalg .w1440 {
        top: 0;
        height: 743px;
        background: url(/content/web/back11.jpg) 50% no-repeat
    }

    .modalg .w1440, .modalg .w1440two {
        position: absolute;
        left: 50%;
        margin-left: -720px;
        width: 1440px
    }

    .modalg .w1440two {
        top: 0;
        top: 743px;
        height: 502px;
        background: url(/content/web/back08.png) 50% no-repeat
    }

    .modalg .w {
        width: 1140px;
        height: 743px;
        margin: 0 auto;
        position: relative
    }

        .modalg .w .gruntop {
            top: 0;
            height: 130px;
            background: url(/content/web/back11.jpg) no-repeat
        }

        .modalg .w .gruntop, .modalg .w .gruntop2 {
            display: block;
            position: absolute;
            left: -150px;
            width: 1440px
        }

        .modalg .w .gruntop2 {
            bottom: 0;
            height: 198px;
            background: url(/content/web/back11.jpg) 0 -545px no-repeat
        }

        .modalg .w .gdisc {
            position: absolute
        }

            .modalg .w .gdisc .gdisctit {
                font-weight: 400;
                font-size: 20px;
                color: #7670a7;
                line-height: 20px;
                margin-bottom: 15px
            }

            .modalg .w .gdisc .gdisctet {
                font-size: 14px;
                color: #999;
                line-height: 14px;
                margin-bottom: 12px
            }

            .modalg .w .gdisc.gdisc1 {
                left: 690px;
                top: 120px
            }

            .modalg .w .gdisc.gdisc2 {
                left: 730px;
                top: 260px
            }

            .modalg .w .gdisc.gdisc3 {
                left: 730px;
                top: 406px
            }

            .modalg .w .gdisc.gdisc4 {
                left: 680px;
                top: 534px
            }

        .modalg .w .gpoint {
            position: absolute;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #7670a7
        }

            .modalg .w .gpoint .gpointo {
                width: 12px;
                height: 12px;
                border-radius: 50%;
                background: rgba(112,97,234,.16);
                box-shadow: 0 0 0 rgba(119,105,232,0);
                opacity: 1
            }

            .modalg .w .gpoint.gpoint1 {
                left: 616px;
                top: 124px
            }

            .modalg .w .gpoint.gpoint2 {
                left: 694px;
                top: 264px
            }

            .modalg .w .gpoint.gpoint3 {
                left: 701px;
                top: 410px
            }

            .modalg .w .gpoint.gpoint4 {
                left: 647px;
                top: 539px
            }

        .modalg .w .gpointanima.gpoint1 .gpointo {
            animation: mygpointa 8s linear infinite;
            -webkit-animation: mygpointa 8s linear infinite
        }

        .modalg .w .gpointanima.gpoint2 .gpointo {
            animation: mygpointa 8s linear 2s infinite;
            -webkit-animation: mygpointa 8s linear 2s infinite
        }

        .modalg .w .gpointanima.gpoint3 .gpointo {
            animation: mygpointa 8s linear 4s infinite;
            -webkit-animation: mygpointa 8s linear 4s infinite
        }

        .modalg .w .gpointanima.gpoint4 .gpointo {
            animation: mygpointa 8s linear 6s infinite;
            -webkit-animation: mygpointa 8s linear 6s infinite
        }

    .modalg .wtwo {
        width: 1140px;
        height: 502px;
        margin: 0 auto;
        position: relative
    }

    .modalg .gcont {
        position: absolute;
        left: 60px;
        top: 300px;
        width: 320px;
        text-align: center
    }

        .modalg .gcont .gimg {
            display: inline-block;
            margin-bottom: 30px
        }

        .modalg .gcont .gtitle {
            font-size: 24px;
            color: #37363f;
            line-height: 24px;
            font-family: PingFangSC-Regular,sans-serif;
            font-weight: 700
        }

        .modalg .gcont .gline {
            width: 20px;
            height: 1px;
            background: #746ea6;
            margin: 30px auto 20px
        }

        .modalg .gcont .gtet {
            font-size: 16px;
            color: #746ea6;
            line-height: 16px;
            margin-bottom: 12px
        }

    .modalg .hcont {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
        top: 50px
    }

        .modalg .hcont .htitle {
            font-size: 24px;
            color: #37363f;
            line-height: 24px;
            font-family: PingFangSC-Regular,sans-serif;
            font-weight: 700
        }

        .modalg .hcont .hline {
            width: 20px;
            height: 1px;
            background: #746ea6;
            margin: 30px auto 20px
        }

        .modalg .hcont .htet {
            font-size: 16px;
            color: #746ea6;
            line-height: 16px;
            margin-bottom: 12px
        }

    .modalg .grun {
        position: absolute;
        left: 48px;
        top: 24px;
        width: 663px;
        height: 663px
    }

    .modalg .gruntop, .modalg .gruntop2 {
        position: absolute;
        width: 0;
        height: 0
    }

    .modalg .gani1 .gruntop {
        top: 0;
        height: 130px;
        background: url(/content/web/back11.jpg) no-repeat
    }

    .modalg .gani1 .gruntop, .modalg .gani1 .gruntop2 {
        display: block;
        position: absolute;
        left: -150px;
        width: 1440px
    }

    .modalg .gani1 .gruntop2 {
        bottom: 0;
        height: 473px;
        background: url(/content/web/back11.jpg) 0 -270px no-repeat
    }

    .modalg .gani1 .gpoint1 .gpointo {
        animation: mygpointa .4s linear 1;
        -webkit-animation: mygpointa .4s linear 1
    }

    .modalg .gani1 .grun {
        animation: myhgrun0 1s linear .4s 1
    }

    .modalg .gani2 .gruntop {
        top: 0;
        height: 270px;
        background: url(/content/web/back11.jpg) no-repeat
    }

    .modalg .gani2 .gruntop, .modalg .gani2 .gruntop2 {
        display: block;
        position: absolute;
        left: -150px;
        width: 1440px
    }

    .modalg .gani2 .gruntop2 {
        bottom: 0;
        height: 327px;
        background: url(/content/web/back11.jpg) 0 -416px no-repeat
    }

    .modalg .gani2 .gpoint2 .gpointo {
        animation: mygpointa .4s linear 1;
        -webkit-animation: mygpointa .4s linear 1
    }

    .modalg .gani2 .grun {
        animation: myhgrun1 1s linear .4s 1
    }

    .modalg .gani3 .gruntop {
        top: 0;
        height: 416px;
        background: url(/content/web/back11.jpg) no-repeat
    }

    .modalg .gani3 .gruntop, .modalg .gani3 .gruntop2 {
        display: block;
        position: absolute;
        left: -150px;
        width: 1440px
    }

    .modalg .gani3 .gruntop2 {
        bottom: 0;
        height: 198px;
        background: url(/content/web/back11.jpg) 0 -545px no-repeat
    }

    .modalg .gani3 .gpoint3 .gpointo {
        animation: mygpointa .4s linear 1;
        -webkit-animation: mygpointa .4s linear 1
    }

    .modalg .gani3 .grun {
        animation: myhgrun2 1s linear .4s 1
    }

    .modalg .gani4 .gruntop {
        left: 622px;
        background: url(/content/web/back11.jpg) -772px 0 no-repeat
    }

    .modalg .gani4 .gruntop, .modalg .gani4 .gruntop2 {
        display: block;
        position: absolute;
        top: 0;
        width: 1440px;
        height: 545px
    }

    .modalg .gani4 .gruntop2 {
        left: 653px;
        background: url(/content/web/back11.jpg) -803px 0 no-repeat
    }

    .modalg .gani4 .gpoint4 .gpointo {
        animation: mygpointa .4s linear 1;
        -webkit-animation: mygpointa .4s linear 1
    }

    .modalg .gani4 .grun {
        transform: rotate(80deg);
        animation: myhgrun3 3s linear .4s 1
    }

@keyframes myhgrun0 {
    0% {
        transform: rotate(2deg)
    }

    to {
        transform: rotate(102deg)
    }
}

@keyframes myhgrun1 {
    0% {
        transform: rotate(30deg)
    }

    to {
        transform: rotate(130deg)
    }
}

@keyframes myhgrun2 {
    0% {
        transform: rotate(56deg)
    }

    to {
        transform: rotate(156deg)
    }
}

@keyframes myhgrun3 {
    0% {
        transform: rotate(80deg)
    }

    to {
        transform: rotate(422deg)
    }
}

@keyframes mygpointa {
    0% {
        transform: scale(1);
        opacity: 1
    }

    10% {
        transform: scale(2.7);
        opacity: 1
    }

    20% {
        transform: scale(2.7);
        opacity: 1
    }

    25% {
        transform: scale(4);
        opacity: 0
    }

    30% {
        transform: scale(1);
        opacity: 0
    }

    35% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes mygpointa2 {
    0% {
        box-shadow: 0 0 0 rgba(119,105,232,0);
        transform: scale(1)
    }

    13% {
        box-shadow: 0 0 7px rgba(119,105,232,.36);
        transform: scale(2.7)
    }

    26% {
        box-shadow: 0 0 0 rgba(119,105,232,0);
        transform: scale(1)
    }

    to {
        box-shadow: 0 0 0 rgba(119,105,232,0);
        transform: scale(1)
    }
}

.modalh {
    height: 350px;
    top: 10px
}

    .modalh, .modalh .hflowbox {
        position: relative;
        width: 100%
    }

        .modalh .hflowbox {
            margin-top: -350px;
            overflow: hidden;
            height: 260px;
            white-space: nowrap;
            top: 20px
        }

        .modalh .hflow {
            position: absolute;
            top: 30px;
            left: 0;
            padding-left: 30px;
            white-space: nowrap
        }

            .modalh .hflow .hfitem {
                display: inline-block;
                width: 230px;
                height: 220px;
                margin-right: 30px;
                box-shadow: 0 0 20px #ddd;
                background: #fff;
                border-radius: 8px
            }

                .modalh .hflow .hfitem:last-child {
                    margin-right: 0
                }

                .modalh .hflow .hfitem div {
                    width: 100%;
                    height: 100%;
                    background: no-repeat center;
                    background-size: 70%;
                }

                .modalh .hflow .hfitem .hfitem1 {
                    background-image: url(/content/web/logo/ion01.png)
                }

                .modalh .hflow .hfitem .hfitem2 {
                    background-image: url(/content/web/logo/ion02.png)
                }

                .modalh .hflow .hfitem .hfitem3 {
                    background-image: url(/content/web/logo/ion03.png)
                }

                .modalh .hflow .hfitem .hfitem4 {
                    background-image: url(/content/web/logo/ion04.png)
                }

                .modalh .hflow .hfitem .hfitem5 {
                    background-image: url(/content/web/logo/ion05.png)
                }

                .modalh .hflow .hfitem .hfitem6 {
                    background-image: url(/content/web/logo/ion06.png)
                }

                .modalh .hflow .hfitem .hfitem7 {
                    background-image: url(/content/web/logo/ion07.png)
                }

                .modalh .hflow .hfitem .hfitem8 {
                    background-image: url(/content/web/logo/ion08.png)
                }

                .modalh .hflow .hfitem .hfitem9 {
                    background-image: url(/content/web/logo/ion09.png)
                }

                .modalh .hflow .hfitem .hfitem10 {
                    background-image: url(/content/web/logo/ion10.png)
                }

                .modalh .hflow .hfitem .hfitem11 {
                    background-image: url(/content/web/logo/ion11.png)
                }

                .modalh .hflow .hfitem .hfitem12 {
                    background-image: url(/content/web/logo/ion12.png)
                }

                .modalh .hflow .hfitem .hfitem13 {
                    background-image: url(/content/web/logo/ion13.png)
                }

                .modalh .hflow .hfitem .hfitem14 {
                    background-image: url(/content/web/logo/ion14.png)
                }

                .modalh .hflow .hfitem .hfitem15 {
                    background-image: url(/content/web/logo/ion15.png)
                }

                .modalh .hflow .hfitem .hfitem16 {
                    background-image: url(/content/web/logo/ion16.png)
                }

                .modalh .hflow .hfitem .hfitem17 {
                    background-image: url(/content/web/logo/ion17.png)
                }

                .modalh .hflow .hfitem .hfitem18 {
                    background-image: url(/content/web/logo/ion18.png)
                }

                .modalh .hflow .hfitem .hfitem19 {
                    background-image: url(/content/web/logo/ion19.png)
                }

                .modalh .hflow .hfitem .hfitem20 {
                    background-image: url(/content/web/logo/ion20.png)
                }

                .modalh .hflow .hfitem .hfitem21 {
                    background-image: url(/content/web/logo/ion21.png)
                }

                .modalh .hflow .hfitem .hfitem22 {
                    background-image: url(/content/web/logo/ion22.png)
                }

                .modalh .hflow .hfitem .hfitem23 {
                    background-image: url(/content/web/logo/ion23.png)
                }

                .modalh .hflow .hfitem .hfitem24 {
                    background-image: url(/content/web/logo/ion24.png)
                }

                .modalh .hflow .hfitem .hfitem25 {
                    background-image: url(/content/web/logo/ion25.png)
                }

                .modalh .hflow .hfitem .hfitem26 {
                    background-image: url(/content/web/logo/ion26.png)
                }

                .modalh .hflow .hfitem .hfitem27 {
                    background-image: url(/content/web/logo/ion27.png)
                }

                .modalh .hflow .hfitem .hfitem28 {
                    background-image: url(/content/web/logo/ion28.png)
                }

                .modalh .hflow .hfitem .hfitem29 {
                    background-image: url(/content/web/logo/ion29.png)
                }

                .modalh .hflow .hfitem .hfitem30 {
                    background-image: url(/content/web/logo/ion30.png)
                }

                .modalh .hflow .hfitem .hfitem31 {
                    background-image: url(/content/web/logo/ion31.png)
                }

                .modalh .hflow .hfitem .hfitem32 {
                    background-image: url(/content/web/logo/ion32.png)
                }

                .modalh .hflow .hfitem .hfitem33 {
                    background-image: url(/content/web/logo/ion33.png)
                }

                .modalh .hflow .hfitem .hfitem34 {
                    background-image: url(/content/web/logo/ion34.png)
                }

                .modalh .hflow .hfitem .hfitem35 {
                    background-image: url(/content/web/logo/ion35.png)
                }

                .modalh .hflow .hfitem .hfitem36 {
                    background-image: url(/content/web/logo/ion36.png)
                }

                .modalh .hflow .hfitem .hfitem37 {
                    background-image: url(/content/web/logo/ion37.png)
                }

                .modalh .hflow .hfitem .hfitem38 {
                    background-image: url(/content/web/logo/ion38.png)
                }

                .modalh .hflow .hfitem .hfitem39 {
                    background-image: url(/content/web/logo/ion39.png)
                }

                .modalh .hflow .hfitem .hfitem40 {
                    background-image: url(/content/web/logo/ion40.png)
                }

                .modalh .hflow .hfitem .hfitem41 {
                    background-image: url(/content/web/logo/ion41.png)
                }

                .modalh .hflow .hfitem .hfitem42 {
                    background-image: url(/content/web/logo/ion42.png)
                }

                .modalh .hflow .hfitem .hfitem43 {
                    background-image: url(/content/web/logo/ion43.png)
                }

                .modalh .hflow .hfitem .hfitem44 {
                    background-image: url(/content/web/logo/ion44.png)
                }

                .modalh .hflow .hfitem .hfitem45 {
                    background-image: url(/content/web/logo/ion45.png)
                }

                .modalh .hflow .hfitem .hfitem46 {
                    background-image: url(/content/web/logo/ion46.png)
                }

                .modalh .hflow .hfitem .hfitem47 {
                    background-image: url(/content/web/logo/ion47.png)
                }

                .modalh .hflow .hfitem .hfitem48 {
                    background-image: url(/content/web/logo/ion48.png)
                }

                .modalh .hflow .hfitem .hfitem49 {
                    background-image: url(/content/web/logo/ion49.png)
                }

                .modalh .hflow .hfitem .hfitem50 {
                    background-image: url(/content/web/logo/ion50.png)
                }

                .modalh .hflow .hfitem .hfitem51 {
                    background-image: url(/content/web/logo/ion51.png)
                }

                .modalh .hflow .hfitem .hfitem52 {
                    background-image: url(/content/web/logo/ion52.png)
                }

        .modalh .hflow1 {
            opacity: 1;
            animation: myhfitemone 100s linear infinite;
            -webkit-animation: myhfitemone 100s linear infinite
        }

        .modalh .hflow2 {
            animation: myhfitemtwo 100s linear infinite;
            -webkit-animation: myhfitemtwo 100s linear infinite
        }

@keyframes myhfitemone {
    0% {
        left: 0;
        opacity: 1
    }

    49.99% {
        left: -1590px;
        opacity: 1
    }

    49.999% {
        left: -1590px;
        opacity: 0
    }

    50.001% {
        left: 1590px;
        opacity: 0
    }

    50.01% {
        left: 1590px;
        opacity: 1
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes myhfitemtwo {
    0% {
        left: 1590px
    }

    50% {
        left: 0
    }

    to {
        left: -1590px
    }
}

.modali {
    position: relative;
    height: 440px;
    background: url(/content/web/back09.png) no-repeat;
    background-size: cover
}

    .modali .w {
        width: 1140px;
        height: 328px;
        margin: 0 auto;
        position: relative;
        top: 50px
    }

        .modali .w .icont {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            text-align: center
        }

            .modali .w .icont .ititle {
                font-size: 24px;
                color: #37363f;
                line-height: 24px;
                font-family: PingFangSC-Regular,sans-serif;
                font-weight: 700
            }

            .modali .w .icont .iline {
                width: 20px;
                height: 1px;
                background: #746ea6;
                margin: 30px auto 20px
            }

            .modali .w .icont .itet {
                font-size: 16px;
                color: #746ea6;
                line-height: 16px;
                margin-bottom: 12px
            }

    .modali .contact {
        text-align: center;
        color: #4d4d4d;
        font-size: 14px;
        margin-bottom: 16px;
        line-height: 18px
    }

        .modali .contact .icon-tel {
            background: url(/content/web/icon01.png) no-repeat;
            vertical-align: bottom;
            width: 18px;
            height: 18px;
            display: inline-block;
            margin-right: 10px
        }

    .modali .fastAddCustomForm {
        width: 1096px;
        height: 94px;
        box-shadow: 5px 5px 30px 1px rgba(52,52,52,.1);
        margin: 0 auto;
        padding-top: 24px;
        position: relative;
        top: 140px;
        background-color: #fff;
        border-radius: 8px;
        z-index: 10
    }

        .modali .fastAddCustomForm .form-title {
            font-size: 20px;
            color: #746ea6;
            font-weight: 400;
            text-align: center;
            line-height: 20px;
            margin-bottom: 18px
        }

        .modali .fastAddCustomForm .contact {
            text-align: center;
            color: #4d4d4d;
            font-size: 14px;
            margin-bottom: 16px;
            line-height: 18px
        }

            .modali .fastAddCustomForm .contact .icon-tel {
                background: url(/content/web/icon01.png) no-repeat;
                vertical-align: bottom;
                width: 18px;
                height: 18px;
                display: inline-block;
                margin-right: 10px
            }

        .modali .fastAddCustomForm .form-container {
            text-align: center
        }

            .modali .fastAddCustomForm .form-container .form-item {
                display: inline-block;
                box-sizing: border-box;
                position: relative;
                height: 44px;
                line-height: 42px;
                /* vertical-align: middle; */
                background-color: #f4f4f4;
            }

                .modali .fastAddCustomForm .form-container .form-item .ant-form-item-control {
                    line-height: 42px;
                    font-size: 0
                }

                    .modali .fastAddCustomForm .form-container .form-item .ant-form-item-control .ant-form-explain {
                        position: absolute;
                        font-size: 12px
                    }

                    .modali .fastAddCustomForm .form-container .form-item .ant-form-item-control .toSubmit {
                        width: 188px;
                        height: 44px;
                        background-color: #746ea6;
                        transition: all .15s linear;
                        border-radius: 4px;
                        color: #fff;
                        font-size: 14px;
                        text-align: center;
                        margin: -1px 0 0 -1px;
                        border: 0;
                    }

                        .modali .fastAddCustomForm .form-container .form-item .ant-form-item-control .toSubmit:hover {
                            background-color: #5f5990;
                            border: 0;
                            box-sizing: border-box;
                        }

                .modali .fastAddCustomForm .form-container .form-item input.ant-input-lg {
                    padding: 5px;
                    box-shadow: inset 0 2px 5px 0 hsla(0,0%,41%,.25);
                    padding-left: 20px;
                    box-sizing: border-box;
                    width: 100%;
                }

                    .modali .fastAddCustomForm .form-container .form-item input.ant-input-lg::-webkit-input-placeholder {
                        color: #746ea6 !important;
                        opacity: 1
                    }

                    .modali .fastAddCustomForm .form-container .form-item input.ant-input-lg:-moz-placeholder, .modali .fastAddCustomForm .form-container .form-item input.ant-input-lg::-moz-placeholder {
                        color: #746ea6 !important;
                        opacity: 1
                    }

                    .modali .fastAddCustomForm .form-container .form-item input.ant-input-lg:-ms-input-placeholder {
                        color: #746ea6 !important;
                        opacity: 1
                    }

                .modali .fastAddCustomForm .form-container .form-item .ant-input-lg, .modali .fastAddCustomForm .form-container .form-item .ant-input-lg .ant-select-selection, .modali .fastAddCustomForm .form-container .form-item .ant-select-lg, .modali .fastAddCustomForm .form-container .form-item .ant-select-lg .ant-select-selection {
                    height: 42px;
                    line-height: 42px;
                    font-size: 14px;
                    border: none;
                    border-radius: 6px;
                    background-color: #f4f4f4
                }

                    .modali .fastAddCustomForm .form-container .form-item .ant-input-lg .ant-select-selection .ant-select-arrow, .modali .fastAddCustomForm .form-container .form-item .ant-select-lg .ant-select-selection .ant-select-arrow {
                        right: 64px
                    }

                    .modali .fastAddCustomForm .form-container .form-item .ant-input-lg .ant-select-selection__rendered, .modali .fastAddCustomForm .form-container .form-item .ant-select-lg .ant-select-selection__rendered {
                        height: 42px;
                        line-height: 42px;
                        box-shadow: inset 0 2px 5px 0 hsla(0,0%,41%,.25)
                    }

                        .modali .fastAddCustomForm .form-container .form-item .ant-input-lg .ant-select-selection__rendered .ant-select-selection__placeholder, .modali .fastAddCustomForm .form-container .form-item .ant-select-lg .ant-select-selection__rendered .ant-select-selection__placeholder {
                            color: #746ea6
                        }

                .modali .fastAddCustomForm .form-container .form-item.item1 {
                    width: 620px;
                    border-radius: 6px;
                    margin-right: 10px
                }

                .modali .fastAddCustomForm .form-container .form-item.item2 {
                    width: 220px;
                    border-radius: 6px;
                    margin-right: 10px
                }

                .modali .fastAddCustomForm .form-container .form-item.item3 {
                    width: 156px;
                    border-radius: 6px
                }

                .modali .fastAddCustomForm .form-container .form-item.item4 {
                    width: 190px;
                    border-radius: 6px;
                    border: 0
                }

                .modali .fastAddCustomForm .form-container .form-item.ant-form-item-with-help {
                    margin-bottom: 24px
                }

                .modali .fastAddCustomForm .form-container .form-item .requirement-outline-count-box {
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 70px;
                    height: 42px;
                    line-height: 42px;
                    font-size: 14px;
                    color: #a8a8a8;
                    text-align: center
                }

                    .modali .fastAddCustomForm .form-container .form-item .requirement-outline-count-box .requirement-outline-count {
                        color: #746ea6
                    }

        .modali .fastAddCustomForm .toTemplateStore {
            text-align: center;
            font-size: 14px;
            color: #a1a1a1;
            margin-top: -12px
        }

            .modali .fastAddCustomForm .toTemplateStore .link {
                margin-left: 10px;
                color: #746ea6
            }