body{
    background: #ebebeb;
    font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;
    color: #222;
    font-size: 12px;
}
*{padding: 0px;margin: 0px;}
.top_div{
    background: #008ead;
    width: 100%;
    height: 400px;
}
.center_div{
    background: #fff; margin: -100px auto auto; border: 1px solid #e7e7e7; width: 400px; height: 200px; text-align: center;
}
.op_div{
    height: 50px; line-height: 50px; margin-top: 30px; border-top:1px solid #e7e7e7;
}
.ipt{
    border: 1px solid #d3d3d3;
    padding: 10px 10px;
    width: 290px;
    border-radius: 4px;
    padding-left: 35px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.ipt:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.u_logo{
    background: url("../images/login/username.png") no-repeat;
    padding: 10px 10px;
    position: absolute;
    top: 40px;
    left: 40px;

}
.p_logo{
    background: url("../images/login/password.png") no-repeat;
    padding: 10px 10px;
    position: absolute;
    top: 10px;
    left: 40px;
}
a{
    text-decoration: none;
    color:#00F;
}
.tou{
    background: url("../images/login/tou.png") no-repeat;
    width: 97px;
    height: 92px;
    position: absolute;
    top: -87px;
    left: 140px;
}
.left_hand{
    background: url("../images/login/left_hand.png") no-repeat;
    width: 32px;
    height: 37px;
    position: absolute;
    top: -38px;
    left: 150px;
}
.right_hand{
    background: url("../images/login/right_hand.png") no-repeat;
    width: 32px;
    height: 37px;
    position: absolute;
    top: -38px;
    right: -64px;
}
.initial_left_hand{
    background: url("../images/login/hand.png") no-repeat;
    width: 30px;
    height: 20px;
    position: absolute;
    top: -12px;
    left: 100px;
}
.initial_right_hand{
    background: url("../images/login/hand.png") no-repeat;
    width: 30px;
    height: 20px;
    position: absolute;
    top: -12px;
    right: -112px;
}
.left_handing{
    background: url("../images/login/left-handing.png") no-repeat;
    width: 30px;
    height: 20px;
    position: absolute;
    top: -24px;
    left: 139px;
}
.right_handinging{
    background: url("../images/login/right_handing.png") no-repeat;
    width: 30px;
    height: 20px;
    position: absolute;
    top: -21px;
    left: 210px;
}
.btn{
    background: #008ead; padding: 7px 10px; border-radius: 4px; border: 1px solid #187598; color: #fff; font-weight: bold; cursor: pointer;
}
.middle_div{
    background: #fff; margin-top: -150px; border: 1px solid #e7e7e7; width: 400px; height: 300px; text-align: center; border-radius:3px;
}
.loginbox-title{background:#FFFFFF;height:70px;border-radius:3px 3px 0 0;}
.loginbox-title h3{color:#666666;padding:0 20px; line-height:50px;font-size:16px;border-bottom:1px solid #F2F2F2;}
.login-btn{display:block;background:url(../images/bg.png) repeat-x left top;width:338px;text-align:center;height:35px;line-height:35px;color:white;font-size:16px;border-radius:3px;border:1px solid #215A8D;cursor:pointer;}
a.link {
    color: #006da7;
    cursor: pointer;
    line-height: 25px;
}
.logo{
    background:url(../images/logo_hx.png) no-repeat;
    width:500px;
    height:190px;
    top:220px;
    left:150px;
    position:absolute;
}
.adv{
    background:url(../images/xcy.png) no-repeat;
    width:420px;
    height:90px;
    top:150px;
    position: absolute;
}
.footer{
    width:100%;
    bottom:0px;
    position:absolute;
    height:30px;
    line-height: 30px;
    text-align: center;
}

.dlk{
    background: #fff; border: 1px solid #e7e7e7; width: 400px; height: 300px; text-align: center; border-radius:3px;
}