@charset "UTF-8";

html, body {
    height: 100%;
    width: 100%;
}

html, body, p, div, span, a {
    margin: 0;
    padding: 0;
}

a {
    color: #666;
    text-decoration: none;
}

* {
    box-sizing: border-box;
}

#app {
    height: 100%;
}

.login_Wrap, .register_Wrap {
    background-image: url(../images/login/loginbg.svg);
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #012b8f;
}

.login_container {
    max-width: 1000px;
    height: 500px;
    background-color: #fff;
    border-radius: 30px;
    display: flex;
}

    .login_container .left_modoul {
        width: 420px;
        position: relative;
        background-color: #f9f9f9;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 40px;
        box-sizing: border-box;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
    }

        .login_container .left_modoul .trave_img {
            width: 100%;
            height: 100%;
            background-image: url(../images/login/travel_bg.png);
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
        }

        .login_container .left_modoul .Ip_img {
            width: 200px;
            position: absolute;
            left: -100px;
            bottom: -100px;
            height: 240px;
            background-image: url(../images/login/iP_img.png);
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
        }

    .login_container .login_body {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: 0 20px;
        min-width: 500px;
    }

        .login_container .login_body .login_item {
            display: flex;
            align-items: center;
            margin-bottom: 16px;
        }

            .login_container .login_body .login_item .form-control {
                flex: 1;
                border: none;
                height: 40px;
                font-size: 16px;
                padding: 0 15px;
                border-radius: 6px;
                background-color: #f4f4f4;
            }

            .login_container .login_body .login_item .img-captcha {
                height: 40px;
                margin-left: 10px;
            }

        .login_container .login_body .form-check {
            display: flex;
            font-size: 16px;
            color: #666;
        }

            .login_container .login_body .form-check .label {
                color: #666;
            }

    .login_container .logo {
        text-align: center;
        padding: 20px 20px 0 20px;
        margin: 0 auto;
    }

        .login_container .logo .logo_img {
            width: 90%;
        }

    .login_container .login_txt {
        font-size: 16px;
        padding: 10px;
    }

    .login_container .login_btn {
        height: 40px;
        color: #fff;
        border-radius: 20px;
        display: flex;
        align-items: center;
        margin-top: 15px;
        font-size: 18px;
        font-weight: bold;
        justify-content: center;
        cursor: pointer;
        background-color: #0c2c74;
    }

    .login_container .login_footer_info {
        display: flex;
        margin-top: 12px;
        justify-content: space-between;
    }

.language {
    position: absolute;
    right: 30px;
    top: 30px;
}

    .language a {
        color: #fff;
        font-size: 16px;
    }

.copyright {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 14px;
}

.register_container {
    width: 1000px;
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 30px;
    border-radius: 30px;
    background-color: white;
}

    .register_container .logo {
        padding: 20px;
        text-align: center;
        height: auto !important;
        max-height: none;
    }

        .register_container .logo .logo_img {
            max-width: 30%;
        }

    .register_container .tabBar {
        border-bottom: 2px solid #0c2c74;
        display: flex;
        padding: 8px 0;
        align-items: center;
        justify-content: center;
    }

        .register_container .tabBar .item {
            position: relative;
            color: #666;
            padding: 0px 10px;
        }

            .register_container .tabBar .item.active {
                font-weight: bold;
                color: #000;
            }

                .register_container .tabBar .item.active::after {
                    content: '';
                    width: 10px;
                    left: 50%;
                    margin-left: -8px;
                    background-color: #fff;
                    height: 10px;
                    position: absolute;
                    bottom: -13px;
                    border-left: 2px solid #0c2c74;
                    border-top: 2px solid #0c2c74;
                    transform: rotate(45deg);
                }

    .register_container .showOver {
        height: 500px;
        overflow: auto;
        padding: 20px;
    }

.ForgotPassword_container {
    width: 600px;
    min-height: 500px;
    background-color: #fff;
    border-radius: 30px;
}

    .ForgotPassword_container .logo {
        text-align: center;
        padding: 20px 0;
    }

        .ForgotPassword_container .logo .logo_img {
            width: 40%;
        }

    .ForgotPassword_container .form-group {
        display: flex;
    }

        .ForgotPassword_container .form-group .form-control {
            flex: 1;
        }

    .ForgotPassword_container .text-primary {
        margin-left: 10px;
        margin-bottom: 20px !important;
        color: #183f92 !important;
    }

    .ForgotPassword_container .form_wrap {
        padding: 0 20px;
        margin-top: 50px;
    }

    .ForgotPassword_container .text-primary {
        color: #183f92;
    }

    .ForgotPassword_container .mt-5 {
        margin-top: 30px !important;
    }

/* �Զ����������ʽ */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-track {
    background-color: lightgrey;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: grey;
}

.formFlex .getCode {
    background-color: #0c2c74 !important;
}

/*# sourceMappingURL=maps/login.css.map */