/* 2020-09-21 zqq */
/* 自定义字体样式 */
@font-face {
    font-family: 'SourceHanSans-Normal-ttf';
    src: url('../../fonts/New-SourceHanSans-Normal-simple.ttf');
}

/* 兼容IE浏览器 */
@font-face {
    font-family: 'SourceHanSans-Normal-eot';
    src: url('../../fonts/New-SourceHanSans-Normal.eot');
}

/* 页面 */
html,
body {
    font-family: SourceHanSans-Normal-ttf, SourceHanSans-Normal-eot, "黑体";
}

/* 登录背景图 */
.container {
    height: 100%;
    background: url("../../images/New_bg1x.png");
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* 登录页面容器 */
.login-wrap {
    width: 70.5%;
    height: 75%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2), 0px 0px 20px rgba(0, 0, 0, 0.1);
}

/* 登录页面左侧-背景图 */
.login-wrap-lf {
    width: 54.5%;
    height: 100%;
    background-image: url("../../images/New_login_pic1.svg");
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    float: left;
    position: relative;
}

    /* 登录页面左侧-logo、系统名称、版本号 */
    .login-wrap-lf .login-wrap-lf-top-sysbox {
        position: absolute;
        top: 48%;
        left: 50%;
        transform: translate(-50%, -52%);
        width: 100%;
        text-align: center;
    }
        
        /* logo图 */
        .login-wrap-lf .login-wrap-lf-top-sysbox img {
            width: 18%;
        }

        /* 系统名称 */
        .login-wrap-lf .login-wrap-lf-top-sysbox span {
            display: block;
            font-size: 32px;
            color: #CBE4FF;
            letter-spacing: 2px;
            padding-top: 4%;
        }

        /* 版本号 */
        .login-wrap-lf .login-wrap-lf-version {
            position: absolute;
            bottom: 4.5%;
            left: 0;
            right: 0;
            text-align: center;
        }

        .login-wrap-lf .login-wrap-lf-version span {
            display: inline-block;
            width: 100%;
            font-size: 12px;
            color: #FCFCFC;
            opacity: 0.5;
        }

/* 登录页面右侧-登录输入区 */
.login-wrap-rg {
    width: 45.5%;
    height: 100%;
    position: relative;
    float: right;
    background-color: #ffffff;
    box-shadow: inset 15px 0px 35px -38px #000000;
}

    /* 登录页面右侧-切换多语言-图片、文字 */
    .login-wrap-rg .login-wrap-rg-lang {
        padding: 7% 7% 0 0;
        text-align: right;
    }
        
        /* 切换多语言-图片 */
        .login-wrap-rg .login-wrap-rg-lang img {
            width: 3%;
            vertical-align: middle;
        }

        /* 切换多语言 */
        .login-wrap-rg .login-wrap-rg-lang .changelanguage {
            cursor: pointer;
        }

    /* 登录页面右侧-表单内容 */
    .login-wrap-rg .lgoin-wrap-rg-fbox {
        width: 65%;
        margin: 0 auto;
    }

        /* 登录页面右侧-登录输入区 */
        .lgoin-wrap-rg-fbox {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        /* 登录页面右侧-登录标题 */
        .login-wrap-rg .lgoin-wrap-rg-fbox-title {
            font-size: 26px;
            color: #3F7BAB;
            letter-spacing: 2px;
            padding-bottom: 8%;
        }

        /* 登录页面右侧-错误信息 */
        .login-wrap-rg .lgoin-wrap-rg-fbox-msg {
            height: 20px;
            /*color: red;*/
        }

        /* 登录页面右侧-输入框 */
        .login-wrap-rg .lgoin-wrap-rg-fbox-input {
            height: 44px;
            line-height: 44px;
            margin-top: 20px;
            position: relative;
        }

        /* 登录页面右侧-用户名输入框 */
        .login-wrap-rg .user-input-box {
            margin-top: 5px;
        }

        /* 登录页面右侧-输入框 */
        .login-wrap-rg .lgoin-wrap-rg-fbox-input input {
            font-size: 16px;
            background: none;
            border: none;
            outline: none;
            height: 100%;
            width: 100%;
            box-sizing: border-box;
            border-bottom: 1px solid #eee;
            padding-right: 10px;
            color: #3F7BAB;
        }

        /* 登录页面右侧-输入框 */
        .login-wrap-rg .lgoin-wrap-rg-fbox-input input:focus {
            border-bottom: 1px solid #3F7BAB;
            outline: none;
        }

        .login-input::placeholder {
            color: rgba(63, 123, 171, .4);
        }

        .login-input::-moz-placeholder {
            color: rgba(63, 123, 171, .4);
        }

        .login-input::-webkit-input-placeholder {
            color: rgba(63, 123, 171, .4);
        }

        /* 登录按钮 */
        .login-wrap-rg .lgoin-wrap-rg-fbox-btn {
            padding-top: 35px;
        }

        .login-wrap-rg .lgoin-wrap-rg-fbox-btn > a {
            display: inline-block;
            width: 100%;
            height: 38px;
            line-height: 38px;
            text-decoration: none;
            border-radius: 5px;
            background-color: #3F7BAB;
            color: #ffffff;
            text-align: center;
            cursor: pointer;
            font-size: 16px;
        }