body, div {
|
padding: 0;
|
margin: 0;
|
font-size: 14px;
|
}
|
html, body{
|
width: 100%;
|
height: 100%;
|
overflow:hidden;
|
}
|
.container {
|
position: relative;
|
width: 100%;
|
height: 100%;
|
background: url("../image/login_bg.gif") no-repeat;
|
-moz-background-size: 100% 100%;
|
-o-background-size: 100% 100%;
|
-webkit-background-size: 100% 100%;
|
background-size: 100% 100%;
|
}
|
|
.container .login {
|
position: absolute;
|
top: 50%;
|
left: 50%;
|
margin-top: -220px;
|
margin-left: -150px;
|
width: 300px;
|
min-height: 380px;
|
background-color: #FFFFFF;
|
}
|
/* 鐧诲綍妗嗗ご閮�*/
|
.login .login-header:after {
|
display: table;
|
content: "";
|
clear: both;
|
}
|
.login .login-header span {
|
float: left;
|
display: block;
|
width: 50%;
|
line-height: 40px;
|
text-align: center;
|
background-color: #dddddd;
|
}
|
.login .login-header span.active {
|
background-color: #ffffff;
|
}
|
|
/* 鐧诲綍妗嗗唴瀹�*/
|
.login .login-content .tieta-img {
|
text-align: center;
|
}
|
.login .login-content .tieta-img img {
|
margin-top: 40px;
|
margin-bottom: 10px;
|
width: auto;
|
height: 30px;
|
}
|
|
/* .login .login-content .tieta-img img {
|
margin-top: 20px;
|
margin-bottom: 10px;
|
width: auto;
|
height: 60px;
|
} */
|
|
.login .login-content .input-contain {
|
position: relative;
|
text-align: center;
|
}
|
|
.login .login-content .input-contain input{
|
width: 80%;
|
height: 1.823em;
|
border: 1px solid #bbbbbb;
|
margin-top: 24px;
|
text-indent: 10px;
|
}
|
|
.login .login-content .btn-contain {
|
position: relative;
|
padding: 10px 0;
|
}
|
.login .login-content .msg {
|
position: absolute;
|
right: 10%;
|
top: 0;
|
font-size: 12px;
|
color: #EB4345;
|
margin-top: 30px;
|
}
|
.login .login-content .btn-contain input {
|
display: block;
|
margin: 0 auto;
|
margin-top: 40px;
|
width: 80%;
|
height: 2.323em;
|
background-color: #EB4345;
|
color: #FFFFFF;
|
border: none;
|
outline: none;
|
}
|
.login .login-content .btn-contain input:hover {
|
background-color: red;
|
}
|
|
.login .login-content .btn-contain a.sub {
|
display: block;
|
margin: 0 auto;
|
margin-top: 40px;
|
width: 80%;
|
line-height: 2.323em;
|
text-align: center;
|
background-color: #EB4345;
|
text-decoration: none;
|
font-size: 12px;
|
color: #FFFFFF;
|
border: none;
|
outline: none;
|
}
|
|
.login .login-content .btn-contain a.sub span {
|
margin-left: 1.5em;
|
}
|
.login .login-content .btn-contain a.sub i.faa-spin {
|
visibility:hidden;
|
margin-left: .5em;
|
}
|
.login .login-content .btn-contain a.sub:hover {
|
background-color: red;
|
}
|
.login .login-content .btn-contain a.sub:active {
|
color: #BDBDBD;
|
background-color: #EB4345;
|
}
|
|
/* 设置正在验证用户和加载页面的登录按钮 */
|
.login .login-content .btn-contain a.sub.page-loading {
|
background-color: #EB4345;
|
color: #FFFFFF;
|
cursor: not-allowed;
|
}
|
.login .login-content .btn-contain a.sub.page-loading:hover {
|
background-color: #EB4345;
|
color: #FFFFFF;
|
cursor: not-allowed;
|
}
|
.login .login-content .btn-contain a.sub.page-loading:active {
|
background-color: #EB4345;
|
color: #FFFFFF;
|
cursor: not-allowed;
|
}
|
|
|
.login .login-footer:after {
|
display: table;
|
content: " ";
|
clear:both;
|
}
|
.login .login-footer {
|
margin-top: 16px;
|
}
|
.login .login-footer .check-contain {
|
float: left;
|
margin-left: 10%;
|
font-size: 12px;
|
}
|
.login .login-footer input {
|
vertical-align: middle;
|
}
|
|
.login .login-footer .miss-pwd {
|
float: right;
|
margin-right: 10%;
|
font-size: 12px;
|
}
|
.login .login-footer .miss-pwd a{
|
color: #EB4345;
|
text-decoration: none;
|
}
|
.login .login-footer .miss-pwd a:hover {
|
color: red;
|
text-decoration: none;
|
}
|
/* 寮�満鍔ㄧ敾 */
|
.start-animate {
|
position: absolute;
|
top: 0;
|
left: 0;
|
width: 100%;
|
height: 100%;
|
background-color: #FFFFFF;
|
}
|
.start-animate .animate-contain {
|
position: absolute;
|
width: 150px;
|
height: 240px;
|
top: 50%;
|
left: 50%;
|
margin-left: -75px;
|
margin-top: -120px;
|
|
}
|
.start-animate .animate-contain img {
|
width: 100%;
|
height: 100%;
|
}
|
|
input:-webkit-autofill {
|
-webkit-box-shadow: 0 0 0px 1000px white inset;
|
}
|
|
/* 鏃犳硶鐐瑰嚮 */
|
span.disabled {
|
cursor: not-allowed;
|
}
|
/* 甯姪 */
|
a.help {
|
cursor: help;
|
}
|
|
.container .bg-img {
|
width: 100%;
|
height: 100%;
|
}
|
.container .bg-img img {
|
width: 100%;
|
height: 100%;
|
}
|
|
.hdw-dialog {
|
position: absolute;
|
top: 0;
|
left: 0;
|
right: 0;
|
bottom: 0;
|
background-color: none;
|
z-index: 9999;
|
}
|
|
.hdw-dialog.hdw-dialog-hide {
|
display: none;
|
}
|
|
.hdw-dialog .hdw-dialog-container {
|
position: relative;
|
width: 100%;
|
height: 100%;
|
background-color: none;
|
}
|
|
.hdw-dialog-bg {
|
position: absolute;
|
top: 0;
|
left: 0;
|
right: 0;
|
bottom: 0;
|
background-color: #000000;
|
opacity: .1;
|
z-index: 0;
|
}
|
.hdw-dialog-content {
|
position: absolute;
|
top: 0;
|
left: 0;
|
right: 0;
|
bottom: 0;
|
background-color: #FFFFFF;
|
z-index: 1;
|
}
|
.hdw-dialog-content.hdw-dialog-width500-300 {
|
width: 500px;
|
height: 300px;
|
left: 50%;
|
margin-left: -250px;
|
top: 50%;
|
margin-top: -150px;
|
}
|
.hdw-dialog-content-container {
|
position: relative;
|
}
|
