html,body{
    height: 100%;
    margin: 0;
    padding:0;
}
body{
    text-align: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: 100%;
    background-color: #000;
}

.bg{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 90;
    background-color: #000;
    background: url("../../img/login/new-bx.jpg") no-repeat fixed;
    background-size: cover;
}

.login-bg{
    background: inherit;
    position: absolute;
    z-index: 92;
    width: 100%;
    max-width: 640px;
    right: 10%;
    height: 100%;
}

.container-login{
    width: 100%;
    max-width: 640px;
    right: 10%;
    height: 100%;
    text-align: center;
    position: absolute;
    z-index: 99;
    /*background: rgba(255,255,255, 0.5);*/
    overflow: hidden;
}

/** 登录框 */
.login-form{
    position: absolute;
    width: 100%;
    top: 30%;
    padding: 20px 20px 10px 20px;
}

.login-logo{
    padding: 20px;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 10%;
}
.login-logo img{ width: 20%;}

.input-username{ border-radius: 100px; padding: 10px 20px;  background: #fff; border: none;
    max-width: 380px; width: 100%;  }
.input-password{border-radius: 100px; padding: 10px 20px; background: #fff; border: none; max-width: 380px;
    width: 100%; }
.btn-login{border-radius: 100px; max-width: 380px; width: 100%; border: none; }

.login-title{ font-size: 2.5em; width: 100%; max-width: 600px; text-align: center; top: 70%; position: relative;
margin: auto; color: transparent; text-shadow:0 0 6px #ff9200, -1px -1px  #FFF, 1px -1px  #444;
    display: none;}

/** alert提示框*/
.alert{  position: fixed;  z-index: 9999;  top: 0;  background:#00cc33;  color: #fff;  padding: 5px;  text-align: center;  width: 400px;  border-radius: 0 0 5px 5px;  }
.alert_error{  background: #ff0000;  }

.blur {
    filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */

    -webkit-filter: blur(10px); /* Chrome, Opera */
    -moz-filter: blur(10x);
    -ms-filter: blur(10px);
    filter: blur(10px);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
}

/**
 * 小屏幕
 */
@media (max-width: 768px) {
    .container-login {
        right: 0;
    }
}
/**
 * 中屏幕
 */
@media (max-width: 1024px) {
    .main{margin-left: 0; margin-right: 0;}
    .sidebar{display: none;}
    .logo{display: none;}
}