html,body{
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei';
}
.bg{
    width: 100%;
    height: 100%;
    background: url(../images/bg.png) no-repeat center center;
}
.logo{
    height: 61px;
    margin-left: 20px;
    background: url(../images/logo.png) no-repeat left 10px;
}
.title{
    margin-top: 5%;
    height: 39px;
    background: url(../images/title.png) no-repeat center;
}
.login_btn{
    margin-top: 40px;
    width: 720px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translateY(-50%);
    margin-left: -360px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.login_btn>.btn-row{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.login_btn>div{
    float: left;
    width: 300px;
    height: 130px;
}
.login_btn>.btn-row>div>input{
    font-weight: 700;
    margin: 36px 49px;
    border: none;
    font-size: 18px;
    color: #185cb7;
    width: 202px;
    height: 57px;
    background: url(../images/login_button.png) no-repeat center;
    cursor: pointer;
}
.login_btn .btn-row>div{
    width: 240px;
    height: 130px;
}
.login_btn .btn-row>div>input{
    margin: 36px 19px;
}
.login_btn>input:hover{
    background: url(../images/login_button_hover.png) no-repeat left top;
}
.foot{
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding-bottom: 20px;
}