html,body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
    
        body {
            display: flex;
            align-items: center; /*定义body的元素垂直居中*/
            justify-content: center; /*定义body的里的元素水平居中*/
             background: url(images/login_bg.jpg) repeat-x;  
        }

 
.login {
    background: url(images/login_pic.png) repeat-x;  
    width:1305px;
    height:655px;
    margin:0 auto;
    position:relative;
    top:50%;
     
}

.login .input_box {
    left:755px;
    top:255px;
    position:absolute;
    width:400px;
    height:270px;
    padding:30px 0px 0px 40px;
   
}

.login .input_box .input_user_name {
       background: url(images/login_user.png) no-repeat; 
       padding: 2px 0px 0px 45px;
       width: 100%;   
       height:40px;
}

.login .input_box .input_password {
       background: url(images/login_password.png) no-repeat; 
       padding: 2px 0px 0px 45px;
       width: 100%;   
       margin-top:10px;
         height:40px;
}

.login .input_box .input_code {
    background: url(images/login_code.png) no-repeat; 
    padding: 2px 0px 0px 45px;
    width: 100%;   
    margin-top:10px;
    height:40px;
    position:relative;
}

.login .input_box .input {
      border: 0px;
    padding: 5px;
    height: 25px;
    width: 265px;
    background-color:#f4f7fc;
    border-radius:0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    /* box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); */
    -webkit-transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;
    /* transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s; */
}

.login .input_box .code {
    border: 0px;
    padding: 5px;
    height: 25px;
    width: 165px;
    background-color:#f4f7fc;
    border-radius:0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    /* box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); */
    -webkit-transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;
    /* transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s; */
    left:0px;
    float:left;
}

    .login .input_box .codeimg {
        float:left;
    }


    .login .input_box .login_button {
         background: url(images/login_btn.png) no-repeat; 
        padding: 2px 0px 0px 50px;
        width: 322px;   
        margin-top:15px;
        height:40px;
    }

      .login .input_box .login_button a{
         display:block;
         cursor:pointer;
    }