.login-layout {
    padding-top: 30px;
    width: 100%;
    height: 100%;
    min-height: 650px;
    position: absolute;
    .bg-img {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url('./images/bg.jpeg') no-repeat;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 0;
    }
    .logo {
        height: 68.65px;
        width: 220px;
        margin: 0 auto 40px;
        text-align: center;
        background: url('./images/logo.png') no-repeat;
        background-size: 100% 100%;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
    }
    .login-container {
        font-size: 14px;
        position: relative;
        width: 310px;
        margin: 0 auto;
        padding: 27px 20px 30px;
        border-radius: 4px;
        background-color: #fff;
        box-shadow: 0 15px 30px 0 rgba(0, 0, 1, .1);
        .title {
            font-size: 17px;
            font-weight: 400;
            line-height: 24px;
            margin: 0;
            padding: 0 20px;
            text-align: center;
            color: #595f69;
        }
        .header-line {
            width: 120px;
            margin: 6px auto 14px;
            border: none;
            background: linear-gradient(90deg, #fff 0, #e4e7ed 30px, #e4e7ed calc(100% - 30px), #fff 100%);
            height: 1px;
        }
        .signin-btn {
            width: 100%;
            padding: 8px 18px;
        }
        .form-group {
            margin-bottom: 24px;
            label {
                font-size: 14px;
                font-weight: 400;
                line-height: 24px;
                display: block;
                margin-bottom: 5px;
                color: #9ba3af;
                cursor: default;
            }
            input {
                line-height: 1;
                width: 100%;
                height: 32px;
                box-sizing: border-box;
                margin: 0;
                -webkit-transition: all .25s ease;
                transition: border .25s ease;
                text-align: left;
                color: #3d444f;
                border: 1px solid #ccd1d9;
                border-radius: 2px;
                outline: 0;
                background-color: #fff;
                box-shadow: none;
            }
            #captcha {
                -webkit-width: calc(100% - 95px);
                width: calc(100% - 95px);
            }
            .captcha_image {
                display: inline-block;
                float: right;
                width: 85px;
                height: 32px;
                border-radius: 2px;
            }
            .captcha_image:hover {
                cursor: pointer;
            }
            .forget-pwd {
                color: #9ba3af;
                text-decoration: none;
                float: right;
                display: block;
                position: absolute;
                right: 20px;
                -webkit-transform: translateY(-26px);
                transform: translateY(-26px);
                 :hover {
                    cursor: pointer;
                }
            }
        }
    }
    .errMessage {
        text-align: center;
        color: #f1483f;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .footer {
        line-height: 1;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 44px;
        padding-bottom: 30px;
        text-align: center;
        a {
            font-size: 12px;
            text-decoration: none!important;
            color: rgba(255, 255, 255, .8);
            text-shadow: 0 1px 4px rgba(0, 0, 0, .1);
        }
        .dot {
            display: inline-block;
            width: 5px;
            height: 5px;
            margin: 0 20px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, .4);
        }
    }
    .dark_gradient {
        background-image: -moz-linear-gradient( 90deg, rgb(31, 33, 38) 0%, rgba(0, 0, 0, 0) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(31, 33, 38) 0%, rgba(0, 0, 0, 0) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(31, 33, 38) 0%, rgba(0, 0, 0, 0) 100%);
        opacity: 0.651;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 40%;
        z-index: 0;
    }
}