/*--=========================================--
 *  登录页面组件样式
 *  loke 2018-06-28 18:15:31
 *--=========================================--*/

.sui-basic-login {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url('../../../assets/images/login-bg.png');
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;

    .login-panel {
        display: flex;
        flex: 1;
        min-height: 200px;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: -80px;
        .logo {
            width: 96px;
            height: 96px;
            background: url('../../../assets/images/logo.png');
            background-size: 100%;
        }
        .login-form {
            width: 100%;
            min-height: 40px;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            margin: 60px 0;
            .form-group-item {
                margin: 10px 15% 0 15%;
                padding: 0 10px;
                height: 50px;
                line-height: 50px;
                background: rgba(255, 255, 255, .85);
                border-radius: 4px 4px 0 0;
                position: relative;
                + .form-group-item {
                    border-top: 1px solid #e2e2e2;
                    margin-top: 0;
                    border-radius: 0 0 4px 4px;
                }
            }
            .form-group-btn {
                margin-top: 20px;
                padding: 10px 15%;
            }
            .form-group-label {
                margin: 0 15%;
                color: #fff;
            }

            .sms-code-btn {
                position: absolute;
                top: 0;
                right: 0;
                height: 50px;
                line-height: 50px;
                text-align: center;
                display: inline-block;
                width: 110px;
                font-size: 0.8rem;
                color: #666;
                border-left: 1px solid #e2e2e2;
                border-radius: 0 0 4px 0;
                &:active {
                    background: rgba(0, 0, 0, .15);
                }
                &.disabled {
                    color: #999;
                    &:active {
                        background: 0;
                    }
                }
            }
        }
    }
    .login-footer {
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 5px;
        color: #bbb;
        font-size: 8px;
    }
}