@charset "utf-8";
|
/* CSS Document */
|
body{
|
margin:0;
|
padding:0;
|
background:url("../images/login.jpg") center 100px no-repeat;
|
}
|
|
.loginwrap{
|
width:1000px;
|
margin:0 auto;
|
}
|
.logintop{
|
background:url("../images/logo.jpg") left 20px no-repeat;
|
height:100px;
|
font-size:32px;
|
font-family:microsoft yahei;
|
color:#333;
|
padding-left:100px;
|
line-height:100px;
|
}
|
.logincon{
|
height:600px;
|
}
|
.loginuser{
|
float:right;
|
margin:121px 26px 0 0;
|
background:#fff;
|
width:350px;
|
height:360px;
|
box-sizing:border-box;
|
-webkit-box-shadow:0 3px 0px rgba(28, 127, 182, .5);
|
-moz-box-shadow:0 3px 0px rgba(28, 127, 182, .5);
|
box-shadow:0 3px 0px rgba(28, 127, 182, .5);
|
}
|
.loginuser h2{
|
font-weight:normal;
|
color:#222;
|
margin:0;
|
padding:12px 20px;
|
border-bottom:solid 1px #dedede;
|
margin-bottom:29px;
|
}
|
.loginuser h2 span{
|
display:inline-block;
|
border-left:solid 4px #039be1;
|
padding-left:15px;
|
font-size:20px;
|
color:#444;
|
font-family: "Microsoft YaHei", sans-serif;
|
line-height:23px;
|
float:lelft;
|
}
|
.loginuser h2 em{
|
font-style:normal;
|
font-size:12px;
|
color:#999;
|
float:right;
|
font-family: "Microsoft YaHei", sans-serif;
|
padding-top:11px;
|
}
|
.loginuser div{
|
box-sizing:border-box;
|
margin:0 35px 20px 35px;
|
padding:0;
|
height:40px;
|
border:solid 1px #d2d2d2;
|
}
|
.loginuser div:after {
|
content: "";
|
clear: both;
|
height: 0;
|
display: block;
|
overflow: hidden;
|
}
|
.loginuser div .icon{
|
width:40px;
|
height:40px;
|
float:left;
|
background:url("../images/user.png") 5px 6px no-repeat;
|
margin:0;
|
border:0;
|
}
|
.loginuser div .icon2{
|
width:40px;
|
height:40px;
|
float:left;
|
background:url("../images/lock.png") 5px 6px no-repeat;
|
margin:0;
|
border:0;
|
}
|
.loginuser div p{
|
float:left;
|
width:237px;
|
height:40px;
|
position:relative;
|
margin:0;
|
padding:0;
|
}
|
.loginuser div p input{
|
box-sizing: border-box;
|
font-size: 16px;
|
color: #333;
|
height:38px;
|
line-height: 38px;
|
width: 100%;
|
border: 0;
|
font-family: "Microsoft YaHei", sans-serif;
|
|
background:#fff;
|
position:absolute;
|
left:0;
|
top:0;
|
}
|
.loginuser div p span{
|
position:absolute;
|
top:8px;
|
color:#999;
|
z-index:3;
|
font-family: "Microsoft YaHei", sans-serif;
|
}
|
.loginuser div.small{
|
border:0;
|
}
|
.loginuser div.small p{
|
width:124px;
|
height:38px;
|
border:solid 1px #d2d2d2;
|
float:left;
|
}
|
.loginuser div.small input{
|
width:100%;
|
height:38px;
|
line-height:38px;
|
float:left;
|
background:none;
|
padding-left:6px;
|
}
|
.loginuser div p span.small{
|
left:8px;
|
}
|
.loginuser div em{
|
font-style:normal;
|
font-size:12px;
|
line-height:14px;
|
color:#999;
|
float:left;
|
padding-top:7px;
|
}
|
.loginuser div em.yzm{
|
width:83px;
|
height:38px;
|
display:inline-block;
|
margin:0 3px;
|
float:left;
|
padding-top:4px;
|
}
|
|
.loginuser div em a{color:#005aa0;display:block;}
|
.loginbtn,.loginreset{
|
background:#2face6;
|
color:#fff;
|
font-size:16px;
|
height:36px;
|
line-height:36px;
|
width:123px;
|
border:0;
|
cursor:pointer;
|
font-family: "Microsoft YaHei", sans-serif;
|
margin:5px 0 0 35px;
|
float:left;
|
}
|
.loginreset{
|
background:#bbb;
|
float:right;
|
margin:5px 35px 0 0;
|
}
|
.loginuser div.login-msg {
|
margin:70px 35px 20px 35px;
|
overflow: hidden;
|
zoom:1;
|
clear:both;
|
border:0;
|
white-space: normal;
|
word-wrap: break-word;
|
padding:0 0 0 30px;
|
height:34px;
|
line-height:34px;
|
font-size:12px;
|
color:#333;
|
border: 1px solid #ffb4a8;
|
background: #fef2f2 url("../images/error.png") 8px 8px no-repeat;
|
font-family: "Microsoft YaHei", sans-serif;
|
}
|
footer{
|
font-size:12px;
|
font-family: "Microsoft YaHei", sans-serif;
|
color:#333;
|
line-height:24px;
|
text-align:center;
|
padding-top:40px;
|
}
|
footer p{margin:0;padding:0;}
|
footer p:first-child{color:#555}
|
input:-webkit-autofill {
|
-webkit-box-shadow: 0 0 0px 1000px white inset;
|
-webkit-text-fill-color: #333;
|
}
|
