#loginform,#LoginForm{
	position: absolute!important;
    top: 30%!important;
    width: 400px!important;
    right:10%!important;
    
}
.login{
	height:350px;
	 background:#fff;
	 padding:40px;
  /*   width: 100%;
    height: 260px;
    min-width: 180px;
    background-image:url(../images/login.png);
    background-repeat: no-repeat;
    background-size:100% 100%;
    margin:0 auto;
    padding-top:50px;
    margin:0 auto;
    margin-top:40px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/login.png',  sizingMethod='scale'); */
}
.welcome{
	text-align:center;
	font-size: 24px;
	font-weight:600;
	color:#333;
	margin-bottom:20px;
}
.logins{
    width: 30%;
    height:75px;
    min-width: 180px;
    background-image:url(../images/logins.png);
    background-repeat: no-repeat;
    background-size:100% 100%;
    margin:0 auto;
    margin-top:50px;
}
input{
	    border: 1px solid #ccc;
    display: block;
    width: 100%;
    max-width: calc(100vw * 0.32);
    height: 34px;

    margin: 0 auto;
    margin-bottom:10px;
    color:#abaaaa;

}
.user{
    background-image:url(../images/user.png);
    background-size:18px 18px;
    background-repeat: no-repeat;
    background-position:6px center;
    padding-left:20px;
}
.password{
    background-image:url(../images/lock.png);
    background-size:14px 18px;
    background-repeat: no-repeat;
    background-position:9px center;
    padding-left:20px;
}
.btns{
    /* width: 70%; */
    /* max-width: calc(100vw * 0.32); */
    height: 38px;
    background-image: url(../images/btnsbg.png);
    background-repeat: no-repeat;
    background-size: 70% 100%;
    background-position: center;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    margin: 0 auto;
    border-radius: 5px;
    line-height: 38px;
    margin-top: 10px;
    background:#009dff;
}
.other1{
    /* width: 70%; */
    /* max-width: calc(100vw * 0.32); */
    height: 0px;
    color: #909399;
    text-align: center;
    margin: 0 auto;
    line-height: 38px;
    margin-top: 0px;
}
.phone1{
    /* width: 70%; */
    /* max-width: calc(100vw * 0.32); */
    height: 48px;
   background-image: url(../images/phone48.png); 
    background-repeat: no-repeat;
    /* background-size: 8% 100%; */
    background-position: center;
    text-align: center;
    margin: 0 auto;
    line-height: 48px;
    margin-top: 40px;
}
.password1{
    /* width: 70%; */
    /* max-width: calc(100vw * 0.32); */
    height: 48px;
    background-image: url(../images/password32.png); 
    background-repeat: no-repeat;
   /*  background-size: 8% 100%; */
    background-position: center;
    text-align: center;
    margin: 0 auto;
    line-height: 38px;
    margin-top: 40px;
}
.yzmbox{
    width: 100%;
    max-width: calc(100vw * 0.32);
    margin:0 auto;
    overflow: hidden;
}
.yzm{
    display: block;
    width: calc(100% - 110px);
    height: 34px;
    border: 1px solid #ccc;
    margin: 0 auto;
    margin-bottom:10px;
    color:#abaaaa;
	padding-left:20px;
    float: left;

}
.yzmbg{
    width:100px;
    height:33px;
    float: right;
    display: block;
      border: 1px solid #ccc;
}
.wj{
    float: right;
	color:#2b69a7;
    font-size:12px;

}


{
     margin-bottom: 10%;
     text-align: center;
     position: relative;
 }

.user {
    background:none;
}
.password {
     background:none;
}
.password:-webkit-autofill {
    -webkit-animation: pwd-fix 1s infinite;
}

.user:-webkit-autofill {
    -webkit-animation: user-fix 1s infinite;
}

@-webkit-keyframes user-fix {
    from {
        background-image: url('../images/user.png');
    }

    to {
        background-image: url('../images/user.png');
    }
}

@-webkit-keyframes pwd-fix {
    from {
        background-image: url('../images/lock.png');
    }

    to {
        background-image: url('../images/lock.png');
    }
}

.mainheader {
    position: absolute; top: 0; left: 0; right: 0;
}