@charset "UTF-8";

.login_bg{
    height:100%;
    font-family:"microsoft yahei", Verdana, Arial, Helvetica, sans-serif;
    background:#3e4254 url(../images/loging_bg.jpg) 0 bottom no-repeat;
    -webkit-background-size:100%;
    background-size:100%;
    min-width:817px;

}

/*.login_bg>img{*/
    /*width:100%;*/
    /*height:100%;*/
    /*position: relative;*/
/*}*/

.login_bg1{
    width:817px;
    height:346px;
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto;
    display: table;
}

.login_left,.login_right{
    display: table-cell;
    vertical-align:top;
}

.login_left{
    width:367px;
    height:346px;
    background:url(../images/login_left.jpg) 0 0 no-repeat;
    -webkit-background-size:100%;
    background-size:100%;
    padding:50px 20px;
}

.login_right{
    width:450px;
    height:346px;
    background:#fff;
    padding:50px 70px;

}

.login_left>h2{
    padding:20px 0;
    vertical-align: middle;
    font-size:22px;
    color:#fff;
    border-bottom:2px solid #fff;
}

.login_left .logo{
    display: inline-block;
    width:36px;
    height:35px;
    background:url(../images/logo.png) 0 0 no-repeat;
    -webkit-background-size:100%;
    background-size:100%;
    margin-right:10px;
    vertical-align: middle;
}

.login_left p{
    padding:20px 0;
    color:#fff;
    font-size:14px;
    line-height:25px;
}

.login_right>h2{
    margin-bottom:25px;
    color:#333;
    font-size:18px;
    text-align:center;
    position: relative;
}

.login_right>h2:before{
    content: "";
    width:70px;
    position: absolute;
    height:2px;
    background:#ccc;
    left:0;
    top:50%;
}

.login_right>h2:after{
    content: "";
    width:70px;
    position: absolute;
    height:2px;
    background:#ccc;
    right:0;
    top:50%;
}

.massage_box{
    padding-bottom:20px;
}


.massage_box li{
    width:100%;
    position: relative;
    padding-bottom:15px;
}

.massage_box li input{
    width:100%;
    height:40px;
    color:#333;
    font-size:14px;
    border:1px solid #ccc;
    padding-left:45px;
}

.massage_box li .item1{
    width:38px;
    height:40px;
    border-right:1px solid #ccc;
    background:url(../images/person.png) center center no-repeat;
    -webkit-background-size:17px 22px;
    background-size:17px 22px;
    position: absolute;
    left:0;
    top:0;
}

.massage_box li .item2{
    width:38px;
    height:40px;
    border-right:1px solid #ccc;
    background:url(../images/password.png) center center no-repeat;
    -webkit-background-size:15px 18px;
    background-size:15px 18px;
    position: absolute;
    left:0;
    top:0;
}


.login_btn{
    width:100%;
    height:40px;
    line-height:40px;
    color:#fff;
    font-size:18px;
    text-align:center;
    background:#2dc3e8;
    cursor: pointer;
}

.link_btn{
    padding-top:20px;
    text-align:center;
    color:#333;
    font-size:14px;
    text-decoration: underline;
    cursor: pointer;
}