html,body{
    width: 100%;
    height: 100%;
}
.con{
    width: 100%;
    height: 100%;
    background: url("../img/con-bg.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 700px;
    position: relative;
}
.con .login—con{
    width: 574px;
    height: 474px;
    background: url("../img/login-bg.png") no-repeat;
    margin-top: 137px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    display: flex;

}
.con .login—con .logo-con{
    width: 162px;
    margin-left: 30px;
}
.con .login—con .zsh-logo{
    width: 135px;
    height: 41px;
    display: block;
    margin: 16px auto 0 auto;
}
.con .login—con .carutoo-logo{
    width: 50px;
    height: 54px;
    display: block;
    margin: 70px auto 0 auto;
}
.con .login—con .coms-logo{
    width: 162px;
    height: 45px;
    display: block;
    margin: 18px  auto 0 auto;
}

.con .form-con{
    width: 315px;
    height: 220px;
    background: url("../img/form-bg.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    margin:45px 20px;
}
.con .form-con .form{
   margin: 0 25px 0 30px;
}
.con .form-con .form .form-title{
    line-height: 25px;
    font-size: 12px;
    margin-top: 10px;
}
.con .form-con .form .form-input{
    width: 100%;
    background: url("../img/input-bg.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    outline: none;
    border: none;
    line-height: 30px;
    text-align: center;
    color: #fff;
}
.con .form-con .form .btn-con{
    margin-top: 20px;
}
.con .form-con .form .login-btn{
    float: right;
    width: 80px;
    height: 35px;
    color: white;
    background: url("../img/login-btn.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    border: none;
    outline: none;
    font-size: 15px;
    border-radius: 5px;
}
.con .form-con .form .btn-con .rember-con{
    display: inline-block;
    font-size: 12px;
}
.con .form-con .form .btn-con .rember-con .rem-check{
    vertical-align: middle;
}
.con .form-con .form .btn-con .rember-con .rem-lab{
    vertical-align: middle;
}
.con .form-con .form .login-btn:active{
    opacity: .5;
}
.copyright{
    color: white;
    position: absolute;
    bottom: 20px;
    margin: 0 auto;
}