.dis-tab{ display: table;}
.dis-row{ display: table-row; vertical-align: middle;}
.dis-cell{ display: table-cell;vertical-align: middle;}
/*body{ background: center center url(../images/login-bg.jpg) no-repeat #1c41a9; background-size: cover;}*/
.login-tab{ height: 80%; width: 1200px; margin: 0 auto;}
.input-form{width: 470px;margin-top: 44px;margin: 0 auto;padding: 40px 0;}
.input-form .icon{display: inline-block;position: absolute;left: 18px;top: 27px;margin-top: -11px;width: 21px;height: 21px;background: no-repeat top left url(../images/login-icon.png);}
.input-form .icon-user{background-position: -21px -0px;}
.input-form h1{font-size: 35px;margin-bottom: 28px;}
.input-form .icon-pwd{background-position: -21px -21px;}
.input-form .icon-yzm{background-position: -21px -42px;}
.input-form li{position: relative;margin-bottom: 10px;}
.input-form li:last-child{ border-bottom: none;}
.input-form li input{font-size: 18px;height: 55px;line-height: 25px;padding-top: 13px;padding-bottom: 15px;width: 100%;padding-left: 48px;background: none;box-sizing: border-box;border: 2px solid #e8e8e8;border-radius: 6px;}
.error{color:red;padding-left:50px;display: block;}
.input-form li input:focus{   border-color:#5691e2; color:#5691e2;}
.input-form li input:focus + .icon-pwd{ background-position: 0px -21px;}
.input-form li input:focus + .icon-yzm{ background-position: 0px -42px;}
.input-form li input:focus + .icon-user{ background-position: 0px 0px;}
.input-form li input::-webkit-input-placeholder{ color: #c1c1c1;}
.btn{margin: 20px 0 0px 0;line-height: 55px;height: 55px;display: inline-block;padding: 0 70px;border-radius: 60px;color: white;font-size: 18px;text-align: center;background:#5691e2;box-shadow: 0 5px 10px #c7dfff;}
.btn:hover{ opacity: 0.85;}
.btn:active{ opacity: 1;}
a.forget{ color: #209af4; font-size: 14px;}
.yzm{position:absolute;z-index:1;right: 8px;display: inline-block;top: 7px;}
.yzm img{width: 112px;height: 35px;}
.login-main .dis-cell.bg-cj{ background: center center url(../images/cj.jpg) ;}
.login-main .dis-cell.bg-jg{ background: center center url(../images/jg.jpg);}
.login-main .dis-cell.bg-px{ background: center center url(../images/px.jpg);}
.login-footer{  padding: 25px 0; vertical-align: middle;  text-align: center; font-size: 14px; color: black;}
.login-top{box-sizing: border-box; padding: 15px 0; height: 20%; vertical-align: middle;}
.login-top span{font-weight: lighter; padding-top: 10px; display: inline-block; font-size: 28px; color: white; }
.login-top span,.login-top img{  vertical-align: middle;}
.login-top img{ margin-right: 10px;}
.login-main{min-height: 500px;}
.login-main .dis-cell{ background: white; border-radius: 5px;}
.login-main .lt{ width: 547px; border-radius: 5px 0 0 5px;}
.login-main .rt{border-radius: 0px 5px 5px 0px;}

@media(max-height:768px){
    .login-tab{ height:88%;}
}