html, body {
            background-color: #EDF2F8;
        }

        @media screen and (max-width: 768px) {
            html, body {
                background-color: #ffffff;
            }
        }

        .main-container {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            /*margin: auto;*/
            max-width: 1080px;
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: stretch;
            border-radius: 8px;
        }

        @media screen and (max-width: 768px) {
            .main-container {
                position: unset;
                top: unset;
                left: unset;
                -webkit-transform: unset;
                -moz-transform: unset;
                -ms-transform: unset;
                -o-transform: unset;
                transform: unset;
            }
        }

        .main-container .left-container {
            width: 40%;
            background-size: cover;
            background-image: url('../img/form-bg2.png');
            background-position: center;
            background-repeat: no-repeat;
            padding: 64px 35px;
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
        }

        .main-container .right-container {
            width: 60%;
            background-color: #ffffff;
            padding: 70px 115px;

            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
        }

        @media screen and (max-width: 768px) {
            .main-container .right-container {
                width: 100%;
                padding-top: 64px;
                padding-left: 0;
                padding-right: 0;
            }
        }

        .left-container .title {
            font-size: 24px;
            font-weight: 500;
            color: #FFFFFF;
            line-height: 33px;
            margin-top: 0;
        }

        .left-container .img-container {
            margin-top: 50px;
            margin-bottom: 36px;
        }

        .img-container img {
            width: 74%;
        }

        .left-container .text-container {
            color: #FFFFFF;
        }

        .left-container .text-container h2 {
            font-size: 16px;
            font-weight: 500;
            line-height: 22px;
        }

        .left-container .text-container ul {
            list-style: none;
            /*counter-reset: sectioncounter;*/
            margin: 0;
            padding: 0;
        }

        .left-container .text-container ul li {
            font-size: 12px;
            line-height: 24px;
            font-weight: 400;
            padding-left: 19px;
            position: relative;
        }

        .left-container .text-container ul li:before {
            /*content: counter(sectioncounter) "、";*/
            /*counter-increment: sectioncounter;*/
            background: url(https://www.fanruan.com/images/tx_gou.png);
            background-size: cover;
            background-repeat: no-repeat;
            content: '';
            width: 12px;
            height: 10px;
            position: absolute;
            top: 7px;
            left: 0;
        }

        .right-container {
            color: #617288;
        }

        @media screen and (max-width: 768px) {
            .right-container {
                background-image: url('https://www.fanruan.com/images/form-bg2-m.png');
                background-size: contain;
                background-repeat: no-repeat;
                background-position: top;
            }
        }

        .right-container .title {
            font-size: 26px;
            font-weight: 500;
            color: #FFFFFF;
            line-height: 36px;
            letter-spacing: 1px;
            margin-top: 12px;
        }

        .right-container .form-container {
            margin-top: 30px;
        }

        @media screen and (max-width: 768px) {
            .right-container .form-container {
                margin-top: 30px;
                margin-left: 22px;
                margin-right: 22px;
                background: #FFFFFF;
                box-shadow: 0px 5px 8px 0px rgba(29, 77, 228, 0.15);
                border-radius: 8px;
                padding: 40px 25px 16px
            }
        }


        #form {
            max-width: 600px;
        }

        .form-group {
            margin-bottom: 25px !important;
            position: relative;
        }

        .form-wrap-item {
            align-items: center;
            padding: 5px 0;
        }

        .form-control {
            border: none;
            border-radius: unset;
            box-shadow: none !important;
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important;
            border-bottom: 1px solid #e6e6e6;
        }

        .form-wrap-item.check-error .form-control {
            border-color: #FF3D23 !important;
        }

        .form-wrap-item.checked .form-control,
        .form-wrap-item .form-control:focus ~ .form-control {
            border-color: #0082fc !important;
        }

        .form-wrap-item .line:before {
            content: "";
            margin-right: 8px;
        }

        @media screen and (max-width: 768px) {
            .form-wrap-item {
                background: #FFFFFF;
                border-radius: 4px;
                border: 1px solid #CEDDF2;
            }

            .form-wrap-item .form-control {
                border: none;
                box-shadow: none;
                border-radius: unset;
            }


            .form-wrap-item .line:before {
                content: "|";
                color: #CEDDF2;
                line-height: 20px;
                font-size: 18px;
            }
        }

        #location {
            width: 25%;
        }

        @media screen and (max-width: 768px) {
            #location {
                width: 40%;
            }
        }

        #vericodeBtn {
            font-size: 14px;
            font-weight: 400;
            color: #0082FC;
            line-height: 22px;
            width: 30%;
        }

        @media screen and (max-width: 768px) {
            #vericodeBtn {
                width: 40%;
            }
        }

        #vericodeBtn:hover {
            color: #002efc;
        }

        #submit {
            background: #0082FC;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 22px;
        }
		
		#btnSubmit {
            background: #0082FC;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 22px;
        }

        #submit-row {
            margin-top: 40px;
        }

        @media screen and (max-width: 768px) {
            #submit-row {
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                margin: auto;
                padding: 5px 16px;
            }
        }

        #submit:focus {
            outline: none;
        }


        .info.error {
            position: absolute;
            left: 0;

            font-size: 12px;
            font-weight: 400;
            color: #FF3D23;
            line-height: 20px;
        }

        .checked {
            border-color: #E6E6E6 !important;
        }

        .check-error {
            border-color: #FF3C23 !important;
        }