.container {
    width: 100%;
    height: 100%;
    background: url(../images/login_light.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

}

.login {
    position: relative;
    /* 两种方式都可以让div居中 */
    /* left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; */

    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /* 以上2中都可以居中显示 */
    width: 640px;
    height: 500px;
    background: url(../images/login_pro.png) no-repeat; 
    background-size: 100% 100%;
    padding-top: 15px;
}

.login-top {
    width: 590px;
    height: 161px;
    margin: 0 auto;
    background: url(../images/login_img.png);
}

.logo {
    height: 161px;
    background: url(../images/login_logo.png) no-repeat;
}

/* 文本框样式 */
.login-input {
    /* margin-top: 0px;
    padding-left: 165px; */
}

.login-input p {
    margin-top: 11px;
}

.login-input p label {
    /* float: left; */
    text-align: right;
    display: inline-block;
    width: 100px;
    color: #000;
    font-size: 16px;
}

.login-input p input {
    margin-left: 10px;
    width: 195px;
    height: 39px;
    padding: 0 0 0 49px;
    outline: none;
}

.login-input p input.user {
    background: url(../images/login_user.png);
}

.login-input p input.pass {
    background: url(../images/login_password.png);
}

.login-input p input.yzm {
    width: 80px;
    background: url(../images/login_password.png);
}

.login-input p img.yzm-img {
    width: 108px;
    height: 38px;
}

.login_btn .btn {
    display: block;
    width: 117px;
    height: 39px;
    color: #fff;
    background: url(../images/login_btn.png);
    margin: 10px auto 0;
    line-height: 39px;

}