/* 公共样式 */

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

ol,
ul {
    list-style: none
}

a {
    text-decoration: none
}

body {
    background-color: #183353;
}


/* 头部 */

.header {
    height: 68px;
    background: -webkit-linear-gradient(#FFF, #DDDFDF);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#FFF, #DDDFDF);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#FFF, #DDDFDF);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(#FFF, #DDDFDF);
}

.header img {
    margin: 21px 0 0 311px;
}


/* 中间部分 */

.middle {
    background-color: #2A6CBC;
    height: 559px;
}

.middle .leftImg {
    /* 左边的图片 */
    margin: 49px 0 0 208px;
    width: 612px;
    height: 434px;
}

.middle .login {
    /* 右边的登录框 */
    width: 366px;
    height: 320px;
    position: absolute;
    top: 212px;
    left: 847px;
    background-color: #fff;
}

.login .loginTop {
    margin: 0 auto;
    width: 300px;
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #ddd;
}

.login .loginTop .loginComputer {
    width: 20px;
    height: 17px;
    vertical-align: middle;
}

.login .loginTop .loginAccount {
    margin-left: 8px;
    color: #3CCFD2;
    font-size: 18px;
}

.login .account {
    margin: 20px auto 0;
    width: 300px;
    height: 42px;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.account .accountIcon {
    float: left;
    width: 42px;
    height: 40px;
    background-color: #ddd;
    color: #fff;
    font-size: 18px;
    box-sizing: border-box;
    padding: 10px 13px;
}

.account input {
    float: left;
    width: 256px;
    height: 40px;
    color: #282828;
    font-size: 14px;
    border: 0;
    outline: none;
    box-sizing: border-box;
    padding-left: 15px;
}

.login .password {
    margin: 20px auto 0;
    width: 300px;
    height: 42px;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.password .passwordIcon {
    float: left;
    width: 42px;
    height: 40px;
    background-color: #ddd;
    color: #fff;
    font-size: 18px;
    box-sizing: border-box;
    padding: 10px 13px;
}

.password input {
    float: left;
    width: 256px;
    height: 40px;
    color: #282828;
    font-size: 14px;
    border: 0;
    outline: none;
    box-sizing: border-box;
    padding-left: 15px;
}

.login .loginSubmit {
    display: block;
    margin: 32px auto 0;
    width: 300px;
    height: 42px;
    background-color: #FC7320;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    border: 0;
    cursor: pointer;
}


/* 底部 */

.footer {
    height: 189px;
}

.footer .copright {
    height: 16px;
    margin: 25px 0 0 503px;
    color: #f9f9f9;
    font-size: 14px;
}

#tr_randomCode {
    margin: 10px auto 0;
    width: 300px;
    height: 42px;
    box-sizing: border-box;
}

.fgtpass {
    width: 100px;
    float: right;
    box-sizing: border-box;
    cursor: pointer;
}