body {
color: #000;
background: url(xm_index/bg.jpg) repeat-x #b8b7b7;
font-size: 12px;
line-height: 166.6%
}
body, input, select, button, textarea {
font-family: helvetica, arial, sans-serif
}
h1, h2, h3, h4, h5, h6, select, input, textarea, button, table {
font-size: 100%
}
body, h1, h2, h3, h4, h5, h6, ul, ol, li, form, p, dl, dt, dd, table, th, td, img, blockquote, legend, fieldset, div, input {
margin: 0;
padding: 0;
border: 0
}
input, button, textarea, select, img {
margin: 0;
line-height: normal
}
abbr, acronym, address, cite, q, em, code, var, dfn, ins {
font-style: normal;
text-decoration: none
}
q:before, q:after {
content: ""
}
ul, ol {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
select, input, button, button img {
vertical-align: middle
}
.ipt, button {
-webkit-appearance: none
}
a {
color: #005590;
text-decoration: underline
}
input, button {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
footer {
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
.mainBg {
background-image: url(xm_index/mainBg.jpg);
width:1000px;
height:600px;
margin:0 auto;
}
header p,
.content dl dd {
background-repeat: no-repeat;
background-image: url(xm_index/login_icon.gif);
height:26px;
}
body {
text-align: center
}
header {
display: block;
width: 265px;
height: 40px;
margin: 0 auto;
position: relative
}
header h1 {
position: absolute;
left: 0;
top: 100px
}
header p {
display: block;
width: 130px;
height: 16px;
text-indent: 300px;
white-space: nowrap;
overflow: hidden;
background-position: 0 0;
position: absolute;
left: 0;
bottom: 5px
}
.content {
width: 390px;
margin: 120px auto 0;
text-align: left;
position: relative;
font-weight: bold;
color: #777;
margin-left: 320px;
}
.login {
}
.login .main {
width:390px;
display: block;
}
.login .main .mainTitle {
color: #3B3B3B;
display: block;
font-size: 14px;
line-height: 20px;
padding: 10px 0 0 110px;
}
.login label.i {
display: block;
padding: 8px 0;
color: #444
}
.login label.i, .v {
float:left;
}
.login label.l {
margin-left: 46px;
}
.login label.l a {
color:#444444;
}
.login .main .mainTop {
padding: 0 35px;
width: 320px;
height: 154px;
background: url(xm_index/mainBg_1.png) no-repeat;
}
.login .main .mainMid {
padding: 0 35px;
width: 320px;
background: url(xm_index/mainBg_2.png) repeat-y;
}
.login .main .mainEnd {
padding: 0 35px;
width: 320px;
height:42px;
background: url(xm_index/mainBg_3.png) no-repeat;
}
.login .inClose {
width:32px;
height:32px;
background: url(xm_index/loginBg.png) -284px -175px no-repeat;
border:none;
float:right;
cursor: pointer;
}
.login .input {
width:316px;
height:45px;
font-weight: bold;
font-size: 20px;
border:0 none;
padding-left: 45px;
float:left;
}
.login .name {
background: url(xm_index/loginBg.png) 0 0 no-repeat;
}
.login .password {
background: url(xm_index/loginBg.png) 0 -57px no-repeat;
}
.login .dynamicPwd {
background: url(xm_index/loginBg.png) 0 -275px no-repeat;
}
.login .authkey {
background: url(xm_index/loginBg.png) 0 -114px no-repeat;
}
.login .verifyCode {
width:180px;
height:45px;
background: url(xm_index/loginBg.png) 0 -171px no-repeat;
font-weight: bold;
font-size: 20px;
border:none;
padding-left: 45px;
}
.login .code {
float: right;
margin: 16px 5px 0 0;
}
.login .button {
background: url(xm_index/loginBg.png) 0 -228px no-repeat;
width:316px;
height:35px;
font-size:18px;
font-weight: bold;
color:#FFF;
border:none;
cursor: pointer;
margin: 8px 0 10px;
}
.login label.i em {
font-size: 16px;
color: #333
}
.login label.c {
display: block;
padding: 8px 0 8px 43px;
color: #444
}
.login fieldset p {
font-size: 14px;
padding: 12px 0 0 43px
}
.login fieldset p button {
width: 80px;
height: 40px;
border: #598cb6 1px solid;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-weight: bold;
background: -moz-linear-gradient(top, #8fc3ea, #34689e);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8fc3ea), to(#34689e));
margin-right: 5px;
color:#FFF;
}
.login .info {
width: 337px;
border-top: #DCDCDC 1px solid;
height: 66px;
line-height: 66px;
font-size: 14px;
text-align: center;
position: absolute;
bottom: 0;
left: 15px;
clear: both;
}
.content dl {
position: absolute;
left: 4px;
top: 290px;
font-weight: bold;
line-height: 30px
}
.content dl dt {
font-size: 14px;
color: #333
}
.content dl dd {
color: #666;
line-height: 24px;
padding-left: 13px;
background-position: 0 -55px;
}
footer {
bottom: 20px;
clear: both;
color: #4d4d4d;
text-align: center;
width: 1000px;
margin:0 auto 20px;
}
footer a {
color: #074980;
text-decoration: none;
margin: 0 3px
}