html{width:100%;height: 100%;}
body.signin {
    width:100%;
    height:100%;
    overflow:hidden;
    background-size:100% 100%;
    margin:auto;
}
.signinpanel {
    width: 1000px;
    height:540px;
    margin-left:auto;
    margin-right:auto;
    position: absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    overflow:hidden;
}
body.signin {
    background:url("../images/mc_sl_bg.png") no-repeat center fixed;
}
.signinpanel .panel-left {
    width: 64%;
    height:100%;
    float: left;
    background:url("../images/mc_dl_img.png") no-repeat center;
    background-size:100% 100%;
}

body.signin.supplier {
    background:url("../images/gys_dl_bg.png") no-repeat center fixed #D4DCFF;
}
.signinpanel .panel-left.supplier {
    background:url("../images/gys_dl_img.png") no-repeat center;
}
.signinpanel .btn.supplier {
    background-color:#5978F7;
}
body.signin.market {
    background:url("../images/xs_dl_bg.png") no-repeat center fixed #FEC033;
}
.signinpanel .panel-left.market {
    background:url("../images/xs_dl_img.png") no-repeat center;
}
.signinpanel .btn.market {
    background-color:#FEC033;
}

.signinpanel .panel-right {
    width: 36%;
    height:100%;
    background-color: white;
    float: left;
    position: relative;
}

.signinpanel form {
    padding: 30px;
    width: 100%;
    margin-top: 10%;
}
.form-control {
    display: block;
    border: none;
    height: 48px;
    line-height: 48px;
    color: #222222!important;
    background-color: rgba(246,248,250,1)!important;
}
.form-line{
    margin-top:20px;
    width:100%;
    height:100%;
    background:rgba(246,248,250,1);
    border-radius:4px;
}
.login-title{font-family: PingFangSC-Regular, sans-serif;color:#000000;font-size:28px;line-height:30px;letter-spacing:2px;vertical-align: middle;margin-bottom: 40px;}
.login-sub-t{font-size:15px;margin-bottom:15px;color:#8D8D8D;}
.btn-line{text-align:center;}
.signinpanel .btn {
    margin-top: 35px;
    margin-left:auto;
    margin-right:auto;
    height:48px;
    background:rgba(23,153,251,1);
    border-radius:4px;
    color:#fff;
    font-size: 16px;
}
.captcha input{display:inline-block;float:left;width:130px;}
.captcha img{float:right;cursor: pointer;width:120px;height:48px;padding: 0;margin: 0;}
.signup-footer{position:fixed;z-index:10;font-size:14px;width:100%;bottom:10px;left:0;height:50px;line-height:50px;text-align: center;color:#fff;}

@media screen and (max-width: 1024px) {
    .signinpanel {
        width: 800px;
        height:432px;
    }
    .signinpanel form {
        padding: 15px;
    }
    .form-control {
        height: 38px;
        line-height: 38px;
    }
    .captcha img{
        width:110px;
        height:38px
    }
    .login-title{font-size:25px;}
}